#boxBanner{position:absolute;width:100%;top:0;left:0;}
.topBanner{position:absolute;width:100%;height:100%;left:0;top:0;}
#adminBanner{position:absolute;z-index:1;width:100%;height:20px;opacity:0.3;transition:0.1s;}
#adminBanner:hover{opacity:1;}
#arrowBanner{position:absolute;z-index:1;width:100%;height:60px;font-size:50px;color:white;}
.setBImg{color:white;cursor:pointer;padding:4px;}
#arrowBanner span{cursor:default;text-shadow:black -1px -1px, black -1px 1px, black 1px 1px, black 1px -1px;margin:20px;opacity:0;}
#merkaTopBanner{position:relative;margin:0px;}
.moreBanner{background:rgba(255, 255, 255, 0.9);padding:20px;font-size:33px;color:#a6213b;border-radius:2px;font-family:robotocondensed;box-shadow:0 0 20px 2px rgba(0, 0, 0, 0.4);font-weight:bold;}
.top20{top:20%;}
.top10{top:10%;}

.all_al{position:fixed;top:200px;background:#ffffff;padding:26px;font-size:20px;z-index:99;border-radius:2px;text-shadow:2px 2px 1px rgba(0, 0, 0, 0.12);box-shadow:0 0 2px rgba(255, 255, 255, 1);}
.all_unter{position:absolute;left:4px;top:4px;height:calc(100% - 14px);width:calc(100% - 14px);border:solid 2px;border-radius:4px;background:transparent;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset 2px 2px 1px rgba(0, 0, 0, 0.2);}

.button{padding:5px 12px;border:solid #a2ddcd 1px;color:#2c896f;cursor:pointer;border-radius:2px;cursor:pointer;margin:8px 12px;position:relative;background:rgba(229, 248, 243, 0.4);box-shadow:1px 1px 1px rgba(244, 252, 250, 1), 2px 2px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(244, 252, 250, 1), inset 2px 2px 1px rgba(0, 0, 0, 0.3);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.06);}
.button:hover{border-color:#48a188;color:#48a188;}
.button:active{top:1px;left:1px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(0, 0, 0, 0.4);background:rgba(229, 248, 243, 0.6);}

.wellB{padding:8px 12px;border:solid #91d862 1px;color:#61a335;cursor:pointer;border-radius:2px;cursor:pointer;margin:8px 12px;position:relative;background:rgba(204, 243, 180, 0.1);box-shadow:1px 1px 1px rgba(244, 252, 250, 1), 2px 2px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(244, 252, 250, 1), inset 2px 2px 1px rgba(0, 0, 0, 0.3);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.06);display:inline-block;}
.wellB:hover{border-color:#61a335;color:#6cb63b;}
.wellB:active, .wellB.active{top:1px;left:1px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(0, 0, 0, 0.4);background:rgba(204, 243, 180, 0.2);}

.attentionB{padding:5px 12px;border:solid #e2667e 1px;color:#830920;cursor:pointer;border-radius:2px;cursor:pointer;margin:8px 12px;position:relative;background:rgba(243, 150, 168, 0.04);box-shadow:1px 1px 1px rgba(244, 252, 250, 1), 2px 2px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(244, 252, 250, 1), inset 2px 2px 1px rgba(0, 0, 0, 0.3);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.06);}
.attentionB:hover{border-color:#830920;color:#a6213c;}
.attentionB:active{top:1px;left:1px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(0, 0, 0, 0.4);background:rgba(243, 150, 168, 0.1);}

.forAdapt{display:inline-block;position:relative;}
.forAdapt.left{float:left;width:61%;}
.forAdapt.right{float:right;width:38%;}

.typeSclick{border:solid #345889 1px;cursor:default;border-radius:8px;box-shadow:0 0 14px 4px rgba(0, 0, 0, 0.2);padding:18px;margin:14px;max-width:250px;float:left;display:inline-block;background:#fff;}
.typeSclick .boxTitle{padding:8px;}
.typeSclick .boxTitle h2{margin:0 !important;padding:0;}
.tsBidlo{background:URL(/Files/GRF/bidlo.png) right top no-repeat;background-size:auto 100%;}
.tsShmel{background:URL(/Files/GRF/shmel.png) right top no-repeat;background-size:auto 100%;}
.tsPiavka{background:URL(/Files/GRF/piavka.png) right top no-repeat;background-size:auto 100%;}
.typeSclick p{font-size:14px;color:#345889;}

.textH{color:#075c45;font-family:robotocondensed;font-size:44px;}
.timer {
    background: #222 url('/Files/GRF/bg.gif') repeat;
    color: #fff;
    -moz-text-shadow: 0 -1px 0 #000;
    -webkit-text-shadow: 0 -1px 0 #000;
    text-shadow: 0 -1px 0 #000;
    font-family: 'Helvetica Neue','Helvetica','Arial', sans-serif;
	position:relative;
	overflow:hidden;
}
.timer:before{display:block;content:'';padding-top:60%;}
.timer2{position:absolute;left:0;top:0;width:100%;height:100%;}

.timer .bg-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
 /*   margin: -500px 0 0 -500px;	*/
    background: url('/Files/GRF/bg-gradient.png') center center no-repeat;
	background-size:auto 100%;
}

.timer .container {
    text-align: center;
    margin: 0 auto;
    width: 800px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -400px;
}
    
.timer h1,
.timer h2 {
    margin: 0;
    color: #eee;
    -moz-text-shadow: 0 3px 3px #000000;
    -webkit-text-shadow: 0 3px 3px #000000;
    text-shadow: 0 3px 3px #000000;
}
    
.timer h1 {
    font-size: 60px;
    margin: 0 0 10px;
    line-height: 1;
	font-family:robotocondensed;
}

.timer h2 {
    font-size: 18px;
}

.timer #CDT {
    font-size: 60px;
    color: #eee;
    margin: 70px 0 100px;
    font-weight: bold;
}

.timer #CDT .number-wrapper {
    margin: 10px;
    -moz-box-shadow: 0 5px 8px #000000;
    -webkit-box-shadow: 0 5px 8px #000000;
    box-shadow: 0 5px 8px #000000;
    position: relative;
}

.timer #CDT .number {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #000;
    background-image: linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -o-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 12px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #555;
    -moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    -moz-text-shadow: 0 3px 3px #000000;
    -webkit-text-shadow: 0 3px 3px #000000;
    text-shadow: 0 3px 3px #000000;
}
       
.timer #CDT .line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 52%;
    left: 0;
    background: #000;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
       
.timer .caption {
   font-size: 12px;
   position: absolute;
   bottom: -30px;
   left: 0;
   text-align: center;
   width: 100%;
   color: #777;
}
    
.timer footer {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color: #777;
}

.timer footer p {
    margin: .5em 0;
    line-height: 1.5;
}



.setting{position:relative;width:100%;}
.settingBody{position:relative;left:0;top:0;width:100%;height:100%;}

.flexWH{position:relative;display: -webkit-flex;display: flex;}
.flexH{position:relative;flex-direction:column;flex-direction:-webkit-column;}
.lineFlex, .lineFlexToH{flex-grow:1;margin:auto;}
.oneFlex:last-child{flex-grow:1;}
.oneFlex{-webkit-order: -1;order: -1;}

.toCenter{vertical-align:middle;}

.firstParams{margin:0 25%;}

.lineDrag{position:relative;width:80%;height:14px;border:solid #d4d4d4 1px;box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.1), inset 1px 1px 2px rgba(0, 0, 0, 0.0.6);cursor:pointer;background:#f4fcfa;border-radius:3px;margin:18px 0;}
.pointDrag{position:absolute;left:0;top:-10px;height:30px;width:30px;border-radius:50%;border:solid #dedede 1px;box-shadow:4px 3px 2px rgba(0, 0, 0, 0.3), inset 3px 2px 4px rgba(255, 255, 255, 0.8), inset -4px -3px 7px rgba(0, 0, 0, 0.1);background:#e3e3e3;}
.hints{font-size:16px;color:#345889;font-weight:normal;}
.hints2{font-size:14px;color:#345889;}
.boxRePower{position:relative;padding:18px 18px 38px 18px;}
.boxRePower .blocked{display:none;position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;background:rgba(255, 0, 0, 0.15);border-radius:8px;transition:0.2s;}

input[type=radio]{display:none;}
label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	color: #878787;
	font-size:15px;
}
label:before {
	content: "";
	display: inline-block;

	width: 17px;
	height: 17px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.radio label:before {
	border-radius: 8px;
}
input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.help{font-size:22px;color:#a8bedd;cursor:pointer;position:relative;top:3px;content:'🛈';}
.link{cursor:pointer;}
.help:hover{color:#345889;}
.link:hover{text-decoration:underline;}

.h{position:fixed;left:29%;top:300px;background:rgba(233, 247, 235, 0.85);border-radius:2px;padding:26px 4%;border:solid 1px #2c896f;color:#075c45;box-shadow:1px 1px 1px rgba(244, 252, 250, 1), 2px 2px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(244, 252, 250, 1), inset 2px 2px 1px rgba(0, 0, 0, 0.3);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.12);z-index:11;font-size:22px;max-width:30%;cursor:move;}
.h span{padding:4px 8px;cursor:pointer;color:red;font-size:14px;}
.h span:hover{color:green;}
.cost{color:green;text-shadow:0px 0px 2px #e1ff00;}

@media only screen and (max-width: 500px) {
	.timer{
		overflow:hidden;
		border-bottom: #fff;
	}
	.timer h1 {
		font-size: 35px;
		margin: 0 0 10px;
		line-height: 1;
	}

	.timer h2 {
		font-size: 18px;
	}
	.timer #CDT {
		font-size: 35px;
		color: #eee;
		margin: 30px 0 50px;
		font-weight: bold;
	}    
	.timer .caption {
	   font-size: 12px;
	   position: absolute;
	   bottom: -45px;
	}
	
	
	
	.flexWH{
		flex-direction:column;
		flex-direction:-webkit-column;
	}
	.lineFlexToH{
		display: -webkit-flex;
		display: flex;
	}
}


.forLabelD{display:inline-block;padding:28px;border:solid #345889 1px;border-radius:14px;box-shadow:0 0 28px 4px rgba(0, 0, 0, 0.2);background:#fff;margin: 8%;}

.bodyBot label:before, .forLabelD label:before{display:none;}

/*	>>>>>>>>>	*/
.power {
  display: table;
  cursor: pointer;
}
.power input {
  display: none;
}
.power input + div {
  position: relative;
  overflow: hidden;
  background: #EB2C59;
  border-radius: 50%;
  padding: 18px;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-filter: drop-shadow(0 4px 6px rgba(235, 44, 89, 0.3));
          filter: drop-shadow(0 4px 6px rgba(235, 44, 89, 0.3));
}
.power input + div:before {
  content: '';
  width: 4px;
  height: 14px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  z-index: 2;
  margin: 0 0 0 -2px;
  top: 18px;
  opacity: 1;
  -webkit-transform: scaleY(1) translate(0, 2px);
          transform: scaleY(1) translate(0, 2px);
  transition: opacity .4s ease .1s, -webkit-transform .9s ease .4s;
  transition: opacity .4s ease .1s, transform .9s ease .4s;
  transition: opacity .4s ease .1s, transform .9s ease .4s, -webkit-transform .9s ease .4s;
}
.power input + div:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: #21E76E;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
}
.power input + div svg {
  width: 36px;
  height: 36px;
  fill: none;
  display: block;
  stroke: #fff;
  position: relative;
  z-index: 2;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 84;
  stroke-dashoffset: 160;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: stroke-dasharray .6s ease 0s, stroke-dashoffset .7s ease .0s;
}
.power input + div:active {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.power input:checked + div {
  -webkit-filter: drop-shadow(0 4px 6px rgba(33, 231, 110, 0.3));
          filter: drop-shadow(0 4px 6px rgba(33, 231, 110, 0.3));
}
.power input:checked + div svg {
  stroke-dasharray: 120;
  stroke-dashoffset: 133;
  transition: stroke-dasharray 0.6s ease 0.45s, stroke-dashoffset 0.7s cubic-bezier(0.94, -0.1, 0.1, 1.2) 0.2s;
}
.power input:checked + div:before {
  -webkit-transform: scaleY(0) translate(0, 7px);
          transform: scaleY(0) translate(0, 7px);
  transition: opacity .4s ease .0s, -webkit-transform .6s ease .3s;
  transition: opacity .4s ease .0s, transform .6s ease .3s;
  transition: opacity .4s ease .0s, transform .6s ease .3s, -webkit-transform .6s ease .3s;
}
.power input:checked + div:after {
  -webkit-transform: translate(40%, 40%);
          transform: translate(40%, 40%);
}

body .dribbble {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 20px;
  opacity: .5;
  transition: all .4s ease;
}
body .dribbble:hover {
  opacity: 1;
}
body .dribbble img {
  display: block;
  height: 36px;
}
$off: #EB2C59;
$on: #21E76E;

.power {
    display: table;
    cursor: pointer;
    input {
        display: none;
        & + div {
            position: relative;
            overflow: hidden;
            background: $off;
            border-radius: 50%;
            padding: 18px;
            transition: transform .4s ease;
            filter: drop-shadow(0 4px 6px rgba($off, .3));
            &:before {
                content: '';
                width: 4px;
                height: 14px;
                border-radius: 2px;
                background: #fff;
                position: absolute;
                left: 50%;
                z-index: 2;
                margin: 0 0 0 -2px;
                top: 18px;
                opacity: 1;
                transform: scaleY(1) translate(0, 2px);
                transition: opacity .4s ease .1s, transform .9s ease .4s;
            }
            &:after {
                content: '';
                position: absolute;
                right: 0;
                bottom: 0;
                width: 200%;
                height: 200%;
                border-radius: 50%;
                background: $on;
                transform: translate(100%, 100%);
                transform-origin: right bottom;
                transition: transform .8s ease;
            }
            svg {
                width: 36px;
                height: 36px;
                fill: none;
                display: block;
                stroke: #fff;
                position: relative;
                z-index: 2;
                stroke-width: 5;
                stroke-linecap: round;
                stroke-dasharray: 84;
                stroke-dashoffset: 160;
                transform: translate3d(0, 0, 0);
                transition: stroke-dasharray .6s ease 0s, stroke-dashoffset .7s ease .0s;
            }
            &:active {
                transform: scale(.96);
            }
        }
        &:checked + div {
            filter: drop-shadow(0 4px 6px rgba($on, .3));
            svg {
                stroke-dasharray: 120;
                stroke-dashoffset: 133;
                transition: stroke-dasharray .6s ease .45s, stroke-dashoffset .7s cubic-bezier(.94, -.1, .1, 1.2) .2s;
            }
            &:before {
                transform: scaleY(0) translate(0, 7px);
                transition: opacity .4s ease .0s, transform .6s ease .3s;
            }
            &:after {
                transform: translate(40%, 40%);
            }
        }
    }
}
/*	---------------	*/
.inp {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 280px;
  height: 53px;
}
.inp .border {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 18px;
  fill: none;
}
.inp .border path {
  stroke: #c8ccd4;
  stroke-width: 2;
}
.inp .border path d {
  transition: all 0.2s ease;
}
.inp .check {
  position: absolute;
  top: 20px;
  right: 20px;
  fill: none;
  transform: translate(0, 9px) scale(0);
  transition: all 0.3s cubic-bezier(0.5, 0.9, 0.25, 1.3);
  transition-delay: 0.15s;
}
.inp .check path {
  stroke: #07f;
  stroke-width: 2;
}
.inp input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 0;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  background: none;
  border-radius: 0;
  color: #223254;
  transition: all 0.15s ease;
}
.inp input:focus {
  outline: none;
}
.inp input:focus + .border path {
  stroke: #07f;
}
.inp input:valid + .border path {
  animation: elasticInput 0.8s ease forwards;
}
.inp input:valid + .border + .check {
  transform: translate(0, 0) scale(1);
}
::placeholder {
  color: #9098a9;
}
@-moz-keyframes elasticInput {
  33% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,1 253,1 C261,1 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
  66% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,17 253,17 C261,17 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
}
@-webkit-keyframes elasticInput {
  33% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,1 253,1 C261,1 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
  66% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,17 253,17 C261,17 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
}
@-o-keyframes elasticInput {
  33% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,1 253,1 C261,1 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
  66% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,17 253,17 C261,17 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
}
@keyframes elasticInput {
  33% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,1 253,1 C261,1 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
  66% {
    d: path("M0,12 L226,12 C220,12 220.666667,12 228,12 C239,12 245,17 253,17 C261,17 268,12 278,12 C284.666667,12 285.333333,12 280,12");
  }
}
/*	<<<<<<<<<<<	*/
	
	

		
.userPanel{position:fixed;z-index:99;width:100%;height:57px;left:0;top:0;background:rgba(255, 255, 255, 0.97);display:flex;border-bottom:solid #dedede 1px;}
.boxRePassword{display:none;position:absolute;float:right;width:250px;left:-155px;background:#ffffff;border:solid #d8d8d8 1px;border-radius:4px;padding:18px;box-shadow:0 0 16px 2px rgba(0, 0, 0, 0.2);z-index:9;}
.keyRePassword{float:right;border:solid 1px;padding:8px 12px;margin:4px;margin-left:0;border-left-width:0;cursor:pointer;}

.boxMoney{position:relative;padding-top:20px;flex-grow:1;color:#075c45;}
.boxMoney a{text-decoration:none;color: green;text-shadow: 0px 0px 2px #e1ff00;}
.boxMoney a:hover{text-decoration:underline;}
.boxMoney .total{}


.rePassword{position:relative;top:11px;font-size:13px;color:#075c45;text-decoration:none;cursor:pointer;display:none;}
.rePassword:hover{text-decoration:underline;}

.addFilter{float:left;}
.oneFilter{display:inline-block;background:#fff;border-radius:3px;border:solid #d4d4d4 1px;color:#345889;padding:2px 4px;}
.oneFilter .delFilter{color:#f296ab;cursor:pointer;}
.oneFilter .delFilter:hover{color:#c33f58;}

.typeBot{position:relative;width:50px;height:40px;border:solid #a8bedd 1px;box-shadow:3px 3px 1px rgba(0, 0, 0, 0.3);cursor:pointer;}
.toTypeLine{background:#fff URL(/Files/GRF/line.jpg) center center no-repeat;background-size:auto 65%;border-radius:0 5px 5px 0;}
.toTypeFor{background:#fff URL(/Files/GRF/for.jpg) center center no-repeat;background-size:auto 80%;border-radius:5px 0 0 5px;}
.typeBotEnter{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);left:2px;top:2px;border-color:#7797c0;}

.oneB{border:solid 1px;border-radius:3px;padding:6px 12px;color:#2c896f;background:rgba(0, 255, 0, 0.25);cursor:default;}
			
.oneB{cursor:pointer;}
.addUrl, .addYandex{position:relative;top:8px;}
.oneU, .createFilter{border:solid 1px;padding:5px 9px 7px 9px;margin-bottom:5px;position:relative;top:-1px;}
.offB{background:rgba(255, 0, 0, 0.35);color:#830920;}

.blockSetting{position:relative;width:50%;}


.bodyBot .leftSegment{width:61%;float:left;}
.bodyBot .rightSegment{position:absolute;width:38%;height:calc(100% - 3px);left:calc(62% - 3px);top:0;bottom:0;}
.bodyBot .rightSegment .boxData{position:absolute;left:0;top:0;width:100%;height:100%;bottom:0;overflow:hidden;background:rgba(255, 255, 255, 0.9);border:solid #345889 1px;border-radius:2px 8px 8px 2px;}

.blockSetting{width:100%;float:left;display:block;}
.blockSetting.seconder{width:50%;}
.blockSetting.block, .typeOn.block{display:none;}

@media (max-width: 650px) {
	body{}
	.textH{font-size:26px;}
	.typeSclick{max-width:100%;}
	.forAdapt.left, .forAdapt.right{width:100%;}
	.timer{position:relative;}
	.timer:before {padding-top: 0;}
	.timer h1{font-size:23px;}
	.timer h2{font-size:16px;}
	.timer .container {position:relative;width:100%;left:0;top:0;margin:0;margin-top: 22px;}
	.firstParams{margin:0;}
	.setting .hints{display:none;}
	.forLabelD{margin:0;border-radius:0;width:98%;padding:28px 1%;}
	.moreBanner{padding:4px;font-size:16px;}
	.top20{top:4%;}
	.top10{top:8%;}
	.bodyBot .leftSegment{width:100%;float:none;}
	.bodyBot .rightSegment{width:100%;float:none;height:180px;position:relative;left:0;}
	.bodyBot .rightSegment .boxData{border-radius:2px 2px 8px 8px;}
	.blockSetting.seconder{width:100%;}
}