img.banner {margin-top:0px}
img.banner.b-i {margin-top:0px}
	
/* плавающее меню web.head*/
.fixed {position:fixed; top:0px; width:100%; -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.4); -webkit-box-shadow: 5px 5px 20px  rgba(0,0,0,.4);  box-shadow: 0px 5px 15px rgba(0,0,0,.4); transition:all ease 0.5s; z-index:5; background:rgba(255,255,255,.95); display:block;}
.menuhidden {display:none !important; }
.default {display:block;}
/* плавающее меню web.head*/

.pay-list {list-style-type:decimal;padding-left: 1.5em;}
.pay-list li > ul {list-style-type:lower-latin;margin-left:23px;}
.pay-list img {vertical-align:top}
.pay-list span {font-weight:700;vertical-align:top}
.list-img {height: 20px;
position: relative;
top: 2px; margin-right:2px;}
.gradBlue .borderTopW {border-top:1px solid #c0f9fa;}
.space {padding-top: 2.0em !important;padding-bottom: 2.0em !important;}
.space1 {padding-top: 1.5em !important;padding-bottom: 1.5em !important;}

.spaceTop {padding-top:1.2em !important;}
.spaceFirst {padding-top: 2.0em !important;padding-bottom:0;}
.spaceTopPage {padding-top: 1.5em !important;padding-bottom:0;}
.spaceLast {padding-top: 0;padding-bottom:2.0em !important;}
.spaceFirstLast {padding-top: 0.5em !important;padding-bottom: 0.5em !important;}
.clear {clear:both;}
/*Модальное окно*/

.vot_modal_wnd {position:fixed !important;bottom:0 !important;top:0 !important;left:0 !important;right:0 !important;width: 441px;margin:auto !important;box-sizing:border-box !important;padding:1.5em;display:none;	-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;background: #fff;-webkit-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-moz-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-ms-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-o-box-shadow: 3px 3px 4px 3px rgba(0,0,0,0.3);box-shadow:3px 3px 4px 3px rgba(0,0,0,0.3);}
.vot_modal_wnd input[type="checkbox"] {position:relative; top:3px !important;}
.vot_modal_wnd input[type="radio"] {position: relative; top: 7px !important;  width: 16px; height: 16px; margin: 0 10px 0 0;}
.vot_modal_wnd p, .vot_modal_wnd div {margin-bottom: 0.5em;}
.vot_modal_wnd label {display: inline-block; text-align: left; padding-left:0;}
.vot_modal_wnd a.topal{vertical-align:top !important;}
.vot_modal_wnd .row.Input label {width: 120px;}
.vot_modal_wnd .row.Agree label {width: 320px;}
.vot_modal_wnd .row.List label {width: 220px;}
.vot_modal_wnd .row label {width: 120px;}
.vot_modal_wnd input[type="text"].sign {width:77%;  font-size:1em;}
.vot_modal_wnd label.signlab {width:17% !important;  font-size:1em;}
.vot_modal_wnd label.signlab1 {width:25% !important;  font-size:1em;}
.vot_modal_wnd input[type="text"].sign1 {width:70%;  font-size:1em;}
.vot_modal_wnd input[type="text"].signTop{width:95%;margin-bottom:10px;  font-size:1em;}
.vot_modal_wnd input[type="text"].log, .vot_modal_wnd input[type="password"].log {width:77%;margin-bottom:10px; font-size:1em;}
.vot_modal_wnd input[type="text"], .vot_modal_wnd input[type="password"] {border: 1px solid; border-color:#ccc;  padding: 6px; -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px; font-size:1em;height: 34px;}
.vot_modal_wnd input[type="text"]:hover, .vot_modal_wnd input[type="password"]:hover {border-color:#666;}
.vot_modal_wnd a {font-weight:400;border: none !important; text-decoration:underline; color:#000; margin:0 0.2em; cursor:pointer;vertical-align: top;}
.vot_modal_wnd a.atoolow {position:relative; bottom:1px}
.vot_modal_wnd a:hover {color:#8ac441;}	

.vot_modal_wnd .newPassWrong input[type="password"] {border: 1px solid #F05B27 !important;}
.vot_modal_wnd .newPassOK input[type="password"] {border: 1px solid #8ac441 !important;}

.vot_modal_wnd.requestPop {padding:1.2em 1.5em 1.5em; height:450px;}
.vot_modal_wnd.requestPop .row.Input label {width:25%;line-height: 34px;}
.vot_modal_wnd.requestPop .row.Input input[type="text"] {width:75%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.vot_modal_wnd.requestPop .row.Input.requestCommentRow label {width:100%;}
.vot_modal_wnd.requestPop .row.Input.requestCommentRow textarea {width:100%; box-sizing:border-box; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px; font-size:1em; resize:none; padding: 6px; line-height:1.5em; margin-bottom:0.2em;}
.requestForm2 .btnGreen {width:90px;}
.requestForm2 p  {text-align:center;}
.requestForm2 .requestNum {max-height: 80px; overflow: hidden;}
.requestForm2 .requestNum span {font-weight: 600; vertical-align: baseline; line-height: 1.8em; font-size: 1em; width: 30%; display: inline-block;}
.requestForm2 .requestNum span:after {content:','; margin-right:5px;}
.requestForm2 .requestNum span:last-child:after {content:''; margin-right:0px;}
.requestForm2 p.head4 {margin:2em 0 1em;}

.vot_modal_wnd.trycloff_wnd {width:401px; height:325px; background:#FFF;padding:1em 1.5em;box-sizing:border-box; -mox-box-sizing:border-box;}
.vot_modal_wnd.trycloff_wnd.VOTredirect {height:443px;}
.votboxNote {margin-top:0px; display:none;}
.VOTredirect .votboxNote {display:block;}

.vot_modal_wnd.trycloff_wnd .row.Input label {width:25%; box-sizing:border-box; -mox-box-sizing:border-box;margin-right:2%; }
.vot_modal_wnd.trycloff_wnd .row.Input label.lic {width:48%; box-sizing:border-box; -mox-box-sizing:border-box;margin-right:2%; }
.vot_modal_wnd.trycloff_wnd .row.Input input[type="text"] {width:73%; box-sizing:border-box; -mox-box-sizing:border-box; padding: 5px 6px 7px; margin-bottom: 0px; height: 30px;}
.vot_modal_wnd.trycloff_wnd .row.Input input[type="text"].lic {width:42%; box-sizing:border-box; -mox-box-sizing:border-box;}
.vot_modal_wnd.trycloff_wnd .row.Input input[type="text"]:hover, .vot_modal_wnd.trycloff_wnd .row.Input input[type="text"]:focus {border: 1px solid #8ac441}
.vot_modal_wnd.trycloff_wnd .row.List label {width:150px}
.vot_modal_wnd.trycloff_wnd div {margin-bottom:10px;}
.vot_modal_wnd.trycloff_wnd .row.List {margin-bottom:10px;}

/* попап Другие города */
#anothercity_num_id.vot_modal_wnd {height: 432px; padding:1.2em; width: 525px;}
#anothercity_num_id.vot_modal_wnd .row.Input label {width: 100px;}
#anothercity_num_id.vot_modal_wnd .row.Input input {width: 70%;width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); box-sizing:border-box; -mox-box-sizing:border-box;}
.cityListForm {padding: 5px 10px 10px; overflow: hidden; background: #f2f2f2; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; margin: 11px 0 0 0;}

/*попап ЛОГИН*/
.vot_modal_wnd.login_wnd {width:401px; height:295px; background:#FFF;padding:1em 1.5em;box-sizing:border-box; -mox-box-sizing:border-box;}

.vot_modal_wnd.login_wnd .row.Input label {width:75px;} 
.vot_modal_wnd.login_wnd .row.Input label.userID {width:135px;}
.vot_modal_wnd.login_wnd .row.Input label + input {width:178px; width:calc(100% - 75px); width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); box-sizing:border-box; -mox-box-sizing:border-box;} 
.vot_modal_wnd.login_wnd .row.Input label.userID + input {width:128px; width:calc(100% - 135px); width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px);}
.vot_modal_wnd.login_wnd .castLoginBtnRow a {line-height: 32px;margin-left: 0.7em; float:right; margin-right:0;}
.goToReg {float:right;}
.vot_modal_wnd.login_wnd .castLoginBtnRow .btnGreen {width:117px;}
.vot_modal_wnd.login_wnd .head3 {margin-bottom:0.9em;}

/*попап Восстановление пароля*/
.vot_modal_wnd.forgotpass_wnd {width:401px; height:222px; background:#FFF;padding:1em 1.5em;box-sizing:border-box; -mox-box-sizing:border-box;}
.vot_modal_wnd.forgotpass_wnd .row.Input label {width:75px; line-height:30px;} 
.vot_modal_wnd.forgotpass_wnd .row.Input label + input {width:178px; width:calc(100% - 75px); width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); box-sizing:border-box; -mox-box-sizing:border-box;} 
.vot_modal_wnd.forgotpass_wnd .head3 {margin-bottom:0.9em;}

.vot_modal_wnd.forgotpass_wnd .row.Input label.userID {width:135px; line-height:30px;} 
.vot_modal_wnd.forgotpass_wnd .row.Input label.userID + input {width:178px; width:calc(100% - 135px); width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px); box-sizing:border-box; -mox-box-sizing:border-box;} 

.vot_modal_wnd.forgotpass_wnd .entercode .row.Input label {width:100%;margin-bottom: 10px;margin-top: 22px;} 
.vot_modal_wnd.forgotpass_wnd .entercode .row.Input label + input {width:221px;box-sizing:border-box; -mox-box-sizing:border-box;} 
.vot_modal_wnd.forgotpass_wnd .entercode .row.Input.castLoginBtnRow  .btnGreen {width:221px;margin-top: 7px;}

.vot_modal_wnd.forgotpass_wnd .newpass {padding-top:17px;}
.vot_modal_wnd.forgotpass_wnd .newpass .row.Input:nth-child(2) {margin-top:10px;}
.vot_modal_wnd.forgotpass_wnd .newpass .row.Input p {font-size:12px; line-height:1.5em; margin-top:12px;} 
.vot_modal_wnd.forgotpass_wnd .newpass .row.Input label {width:200px; line-height:30px;} 
.vot_modal_wnd.forgotpass_wnd .newpass .row.Input label + input {width:100px; width:calc(100% - 220px); width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px); box-sizing:border-box; -mox-box-sizing:border-box;}
.vot_modal_wnd.forgotpass_wnd .newpass .row.Input.castLoginBtnRow  .btnGreen {width:221px;margin-top:2px;}

/*попап ЛОГИН в калькуляторе*/
.vot_modal_wnd.cast_wnd {width: 701px; height: 370px; padding-top: 1em !important;}
.vot_modal_wnd.cast_wnd input[type="text"], .vot_modal_wnd.cast_wnd input[type="password"] {font-size:1em; padding: 5px 6px 7px; height: 30px; box-sizing:border-box;}
.castLoginBtnRow {margin-top: 1.4em;}
.castLoginBtnRow a {line-height: 32px;margin-left: 0.7em; float:right; margin-right:5%;}
.vot_modal_wnd.cast_wnd .castLoginBtnRow .btnGreen {width:117px;}

.vot_modal_wnd .castLogin .row.Input label {width:80px;} 
.vot_modal_wnd .castLogin .row.Input label.userID {width:130px;}
.vot_modal_wnd .castLogin .row.Input label + input {width:178px; width:calc(95% - 80px); width:-webkit-calc(95% - 80px); width:-moz-calc(95% - 80px);} 
.vot_modal_wnd .castLogin .row.Input label.userID + input {width:128px; width:calc(95% - 130px); width:-webkit-calc(95% - 130px); width:-moz-calc(95% - 130px);}

.vot_modal_wnd .castRegistration .row.Input label {width:90px;} 
.vot_modal_wnd .castRegistration .row.Input label + input {width:128px; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px);}

.vot_modal_wnd .castRegistration .row.Input.castUsertype label {width:80%; clear:right;}
.vot_modal_wnd .castRegistration .row.Input.castUsertype input[type="radio"] {width:16px; clear:left;}

.vot_modal_wnd .castDogovor {padding-top: 2px; margin-bottom: 3px;}
.vot_modal_wnd .castDogovor input[type="checkbox"]{height:19px; vertical-align:text-bottom; margin:0;top: 0px !important; display: inline-block; float:left;}
.castDogovor label, .castDogovor label > a {font-size:12px !important; line-height:17px !important; white-space:normal; word-wrap:break-word; vertical-align: baseline;}
.castDogovor label {width:92% !important; margin-right:0 !important; margin-left:5px !important;display:inline-block;}
.castDogovor label > a {width:auto !important;display:inline;}
.castRegistration {padding-left:5%; border-left:1px rgba(0,0,0,.2) solid;}

.vot_modal_wnd.cast_wnd p.head3 {margin-bottom:0.7em;}


/*CAST3*/

.picmodal {position:fixed !important;bottom:0 !important;top:3em !important;left:0 !important;right:0 !important;width:600px; height:850px;margin:auto !important;box-sizing:border-box !important;padding:1.5em 1em 1em;display:none;	-webkit-border-radius: 1em;-moz-border-radius: 1em;-ms-border-radius: 1em;-o-border-radius: 1em;border-radius: 1em;background: #fff;-webkit-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-moz-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-ms-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);-o-box-shadow: 3px 3px 4px 3px rgba(0,0,0,0.3);box-shadow:3px 3px 4px 3px rgba(0,0,0,0.3);}
.picmodal img {width:100%}

#vot-overlay {position: fixed;top: 0;left: 0;right:0;bottom:0;margin:auto;z-index:100;opacity:0;background: rgba(0,0,0, 0.7);cursor: default;display:none;}
@media \0screen {  
#vot-overlay { width:0px; height:0px;}
}

/*Модальное окно-затемнение*/	
.div_modality {position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.6); z-index: 800; width: 0px; height: 0px; transition:opacity 0.2s; opacity:0;}

.ajax_loading_div {position: absolute; top:0 !important; left:0; padding:0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; width: 100%; height: 100%; display: none; background:rgba(0,0,0,0.1);}
.ajax_loading_div div {position: absolute;margin-left: -22px;margin-top: -22px;top: 50%;left: 50%; text-align: center; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; width: 54px;height: 54px; background:rgb(255,255,255); box-shadow:2px 1px 8px rgba(0,0,0,.4); border:none; border-radius:40px; -moz-border-radius:40px;}
.ajax_loading_div img {width:44px; height:44px; border:none;border-radius:40px; -moz-border-radius:40px; position:relative; top:5px; left:0px}

/*Модальное окно*/	
.close {float: right; height: 24px; width: 24px; position: absolute; right: 0.5em; top: 0.5em; border: none !important; background: url(../images/closeBtn.png) no-repeat; cursor: pointer; opacity: 0.8; transition:ease-in-out .1s; -moz-transition:ease-in-out .1s; -webkit-transition:ease-in-out .1s;}
.close:hover {opacity: 1;}


/*CLOFF RU*/
.White {background:#FFF;}
.Gray {background:#f0f4f5;}
.gradBlue {background:#02629f;
background:-webkit-gradient(linear, 175deg, color-stop(0%,#01d7d9), color-stop(90%,#02629f));
background: -webkit-linear-gradient(175deg, #01d7d9 0%, #02629f 90%); 
background: -o-linear-gradient(175deg, #01d7d9 0%, #02629f 90%);
background: -moz-linear-gradient(175deg, #01d7d9 0%, #02629f 90%); 
background: linear-gradient(175deg, #01d7d9 0%, #02629f 90%);}
.w100.header {background:#fff; height: 60px; width: 100%;}
.col.header {margin:0;}
.clLogo-sm {background: url(../images/clLogo-sm1.png) no-repeat center;height: 47px;width: 47px;margin: 6px 10px 6px 0; display:none; float:left;}

/*ПОДВАЛ*/
#clFooter {color:#fff; background:#02629f; padding:1em 0;}
#clFooter a, #clFooter p {color:#fff;line-height: 1.8em;font-size:0.93333em;}
#clFooter p.head5 {color:#A8D36A; margin:0;line-height: 1.5em;font-size: 1.1em; margin-bottom:0.3em;}
#clFooter a:hover {color:#A8D36A;}
.PayH {margin-bottom:7px; color:#333; text-transform:uppercase;font-size:22px;line-height:32px;}

#clFooter .span_2_of_7 p, #clFooter .span_2_of_7 a {text-align:left; display:block;}
#clFooter .span_3_of_7 p, #clFooter .span_3_of_7 a {text-align:left; display:block;}
#clFooter .span_3_of_7 + .span_2_of_7 p, #clFooter .span_3_of_7 + .span_2_of_7 a {text-align:left; display:block;}

#clFooter span { display:inline-block; clear:left;}
#clFooter span + a { display:inline-block !important; vertical-align:inherit; margin-left:5px;}

.gplayBadge img {width:200px; }

.scrollBlock {padding: 1.0em;}
.vot_modal_wnd.pay_wnd .scrollBlock {padding: 1.0em 1.5em 1.5em; width:100%; height: 100%; overflow-y:scroll; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.vot_modal_wnd.pay_wnd {width:901px; height: 80%; top:20px !important; background: #FFF;padding: 0;}

.clTarif {background:#fff; color:#333;}
.greenTxt {color:#8ac441;}
span.greenTxt {color:#8ac441; font-weight:600; vertical-align: top;}
a.greenTxt {color:#8ac441; transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -webkit-transition:ease-in-out .2s;}
a.greenTxt:hover {color:#333;}

p.smgr {color:#999; font-size:12px; line-height:18px;}
.clTarif table + p.smgr {margin-top:7px;}
.clTarif table {width:100%; background:none; border: 0px solid #A8D36A;}
.clTarif table td {padding:3px 0px 5px; border-right: 1px solid #A8D36A; border-bottom: 1px solid #A8D36A; text-align:center; background:#FFF; transition: ease-in-out .2s; -webkit-transition: ease-in-out .2s; -moz-transition: ease-in-out .2s; cursor:default; position:relative;}
.clTarif table tr td:first-child {text-align:left;}
.clTarif table tr:hover td {background:#A8D36A; color:#FFF;}
.clTarif table tr td a {transition: color ease-in-out .2s; -webkit-transition: color ease-in-out .2s; -moz-transition: color ease-in-out .2s;}
.clTarif table tr:hover td a {color: #FFF;}
.clTarif table tr.headerRow:hover td {background:#fff; color:#333;}
.clTarif table tr td .greenTxt { vertical-align:top;}
.clTarif table tr:hover td .greenTxt {color:#FFF;}
.clTarif table tr.castlink:hover td {background:#fff;}
.clTarif table tr.castlink td .greenTxt, .clTarif table tr.castlink:hover td .greenTxt {color:#A8D36A;}
.clTarif table tr.castlink:hover td:hover .greenTxt:hover {color:#333;}
.clTarif table tr:hover td .greenTxt:hover {color:#333;}
.clTarif table tr:hover td:first-child {padding:3px 15px 5px;}

.clTarif table tr td:last-child {border-right:none;}
.clTarif table tr:last-child td {border-bottom: none;}

.clTarif .tblB table tr:first-child td {font-weight:600;}
.clTarif .tblB table tr:first-child td:first-child {font-weight:400;}
.clTarif .tblB table tr:last-child td {font-weight:600;}
.clTarif .tblB table tr:last-child td:first-child {font-weight:400;}
.clTarif .tblB table tr td:first-child {width:35%}

.clTarif .tblS table tr:first-child, .clTarif .tblS table tr:first-child td:last-child {font-weight:400;}
.clTarif .tblS table tr:first-child td:first-child {font-weight:400;}
.clTarif .tblS table tr td:first-child, .clTarif .tblS table tr td:last-child {font-weight:600;}

.aboutTxt {margin-right:150px;}

.bossImg {background: url(../images/boss.png) center no-repeat;height: 150px;margin: 0 auto; float:right; width:150px; margin-top:50px;}
.empImg {background: url(../images/emp.png) center no-repeat;height: 150px;margin: 0 auto; float:left; width:200px; margin-top:80px;}
.lampImg {background: url(../images/lamp.png) center no-repeat;height: 150px;margin: 0 auto; float:right; width:150px; margin-top:20px;}
.col.l {padding-right:10px;padding-left:0;}
.col.r {padding-left:10px;padding-right:0;}
.span_1_of_2 {box-sizing:border-box; -moz-box-sizing:border-box;}
#CloffLogo {margin: 6px 0; float: left;}
.oval {box-sizing:border-box; -moz-box-sizing:border-box;border-radius:6px; -moz-border-radius:6px; border:2px solid #fff; padding:10px 15px; text-align:center;}
#clServices .oval { box-sizing:border-box; -moz-box-sizing:border-box;border-radius:6px; -moz-border-radius:6px; border:none; padding:18px 15px; text-align:center; background:rgba(255,255,255,.2); position:relative; display:table-cell; vertical-align:middle; height:160px;}
#clServices .oval p:first-child {margin-bottom:10px;}
.oval p {text-align:center;}
.oval p.big {font-size:22px;  line-height:32px;text-align:center;}
.oval p.bigfat {font-size:22px;  line-height:32px;text-transform:uppercase; font-weight:600;}
.serviceTxt1 > div, .serviceTxt2 > div, .serviceTxt3 > div, .serviceTxt4 > div, .serviceTxt5 > div, .serviceTxt6 > div, .serviceTxt7 > div, .serviceTxt8 > div, .serviceTxt9 > div, .serviceTxt10 > div {display:table;}
.gradBlue .oval p {color:#fff;}
.noborder { border:none !important;}

video { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}

.tblBorder {border-radius:8px; border: 1px solid #8ac441; margin: 12px 0 0; -webkit-border-radius:8px; -moz-border-radius:8px;}
.tblS {display:none;}

/*CALLBACK страница*/
td.gr  {background:#E4F9C2;border:1px solid #FFF}
td.bl  {background:#D7F7FF;border:1px solid #FFF}
td.gr1  {background:#ebfdcd;border:1px solid #FFF}
td.bl1  {background:#e1f8fe;border:1px solid #FFF}
td.or  {background:#FCC690;border:1px solid #F7931E}
.tarifTbl tr > td.or1 {background: #fed5ab !important;}
td.or1 {background: #fed5ab}
td.yel {background:#FFF1B6;border:1px solid #FFF}
td.header {background:#eee;border:1px solid #eee; font-size:1.1em; font-weight:600;}
td.lgra {background:#fbfbfb;border:1px solid #fff}
td.orbor  {border:1px solid #eee}
td.orborbot  {border-bottom:1px solid #eee !important}
td.noborbot  {border-bottom:none !important}
td.nobortop  {border-top:none !important}
td.noborl  {border-left:none !important}
td.noborr  {border-right:none !important}
td.orborr  {border-right:1px solid #eee !important}
.tarifCallB {color:#000; font-size:0.9em; font-weight:400;background-color:transparent; width:100%;margin-top: 1.3em;}
.tarifCallB a {color:#000; font-weight:600; vertical-align:text-top;}
.tarifCallB a:hover {color:#FFA02E; font-weight:600; vertical-align:text-top;}
.tarifCallB td {text-align:center; line-height: 1.4em; font-size: 0.98em;padding: 3px 5px;}
.tarifCallB1 td:first-child { padding: 3px 0px; }
.tarifCallB td.header {font-size:1.1em;line-height: 1.6em; position:relative;}
.tarifCallB1 {color:#000; font-size:1em; font-weight:400;background-color:transparent; width:100%;}
.tarifCallB1 td{border-right: 1px solid #F7931E;padding: 5px 0px 5px; }
td.granb {background:#eee}
td.grnb, .tarifCallB1.tarifTbl td.grnb { background:#E4F9C2;}
/*.tarifCallB1 tr:nth-child(2) td {border-bottom:1px solid rgba(255,255,255,0.8);}
*/.tarifCallB1 a {color:#000; vertical-align:text-top;}
.tarifCallB1 a:hover {color:#FFA02E; vertical-align:text-top;}
.tarifCallB1 tr:first-child td span {font-size:22px; font-weight:600; display:block; margin-bottom:0.3em;}
.listNEW div.col > img {width:100%;}
.listNEW ul li {padding-left:2em;  background: url(../images/pt.png) 0 5px no-repeat;}
.listNEW ul,.listOL ul { margin-top:0.7em !important}
.listNEW > .col.span_1_of_2 > ul{ margin-top:0 !important ;}
.listNEW ul.mar-bot, .listOL ul.mar-bot { margin-bottom:0.5em !important}
.listNEW p ~ ul.mar-bot, .listOL p ~ ul.mar-bot { margin-top:0.5em !important}
.listOL ul {list-style:inside decimal}
.listOL ul li {font-weight:800;}
.listOL span {font-weight:400; vertical-align:top; margin-left:0.2em;}
.tarifCallB td.posRel {padding: 7px 5px 1px;}

#callback_tariff_id {top:65px !important;width: 950px; height: 590px; padding-top: 1em !important; padding-bottom: 1em !important; bottom: auto !important;}	

/*CALLBACK страница*/

/* плитка */
.tile {cursor:pointer;padding:0 10px;min-height:180px;}
.tile:hover {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#f8f8f8; transition:ease-in-out backgrouns .2s; -moz-transition:ease-in-out backgrouns .2s; -webkit-transition:ease-in-out backgrouns .2s;}
.tileImg {background: url(../images/ico_page1.png) center no-repeat;height: 130px;margin: 0 auto; float:left; width:100%;}
.tileTxt {float:left; width:100%; text-align:center; font-size: 1em; color: #000; line-height:1.4em; text-transform:uppercase;}
.tileCol {margin:10px 0 0;}
.tileCol:nth-child(1) .tileImg {background: url(../images/ico_page1.png) center no-repeat;}
.tileCol:nth-child(2) .tileImg {background: url(../images/ico_page2.png) center no-repeat;}
.tileCol:nth-child(3) .tileImg {background: url(../images/ico_page3.png) center no-repeat;}
.tileCol:nth-child(4) .tileImg {background: url(../images/ico_page4.png) center no-repeat;}
.tileCol:nth-child(5) .tileImg {background: url(../images/ico_page5.png) center no-repeat;}
.tileCol:nth-child(6) .tileImg {background: url(../images/ico_page6.png) center no-repeat;}
.tileCol:nth-child(7) .tileImg {background: url(../images/ico_page7.png) center no-repeat;}
.tileCol:nth-child(8) .tileImg {background: url(../images/ico_page8.png) center no-repeat;}
.tileCol:nth-child(9) .tileImg {background: url(../images/ico_page9.png) center no-repeat;}
.tileCol:nth-child(10) .tileImg {background: url(../images/ico_page10.png) center no-repeat;}
.tileCol:nth-child(11) .tileImg {background: url(../images/ico_page11.png) center no-repeat;}
.tileCol:nth-child(12) .tileImg {background: url(../images/ico_page12.png) center no-repeat;}
.tileCol:nth-child(13) .tileImg {background: url(../images/ico_page13.png) center no-repeat;}
.tileCol:nth-child(14) .tileImg {background: url(../images/ico_page14.png) center no-repeat;}
.tileCol:nth-child(15) .tileImg {background: url(../images/ico_page15.png) center no-repeat;}
.tileCol:nth-child(16) .tileImg {background: url(../images/ico_page16.png) center no-repeat;}

.cntContent div.col > img {width:100%;}
.cntContent ul {margin:0.2em 0;}
.paddmodal .cntContent ul {margin:0;}
.cntContent ul li {padding-left:2em; background: url(../images/circ.png) 0 4px  no-repeat;}
.cntContent ul.krest li {margin-bottom:0.9em;background: url(../images/pt.png)0 5px no-repeat; font-size:1em; line-height: 1.5em;vertical-align:middle !important;}
ul.basic li {padding-left:2em; background: url(../images/circ.png) 0 5px  no-repeat; font-size:1em; line-height: 1.9em;}

.breadcrumbs {line-height:0;}
.breadcrumbs span {display:inline; line-height:1.2em;font-size:13px; color:#fff;}
.breadcrumbs span.link:hover {color:#fbaf3c;}
.breadcrumbs a {font-size:13px; line-height:1; color:#fff; text-decoration:none; vertical-align:baseline;}
.breadcrumbs a:hover {color:#fbaf3c; text-decoration:underline}
.bc .col {margin: 0.5% 0 !important;}
.bc {background:#02c1ce; padding-bottom: 2px;}

.h1ico {height: 80px; width: 100px; margin: 0 auto; float:left; margin-right:10px;}
.h1ico.page1 {background: url(../images/ico_page1_sm.png) center no-repeat;}
.h1ico.page2 {background: url(../images/ico_page2_sm.png) center no-repeat;}
.h1ico.page3 {background: url(../images/ico_page3_sm.png) center no-repeat;}
.h1ico.page4 {background: url(../images/ico_page4_sm.png) center no-repeat;}
.h1ico.page5 {background: url(../images/ico_page5_sm.png) center no-repeat;}
.h1ico.page6 {background: url(../images/ico_page6_sm.png) center no-repeat;}
.h1ico.page7 {background: url(../images/ico_page7_sm.png) center no-repeat;}
.h1ico.page8 {background: url(../images/ico_page8_sm.png) center no-repeat;}
.h1ico.page9 {background: url(../images/ico_page9_sm.png) center no-repeat;}
.h1ico.page10 {background: url(../images/ico_page10_sm.png) center no-repeat;}
.h1ico.page11 {background: url(../images/ico_page11_sm.png) center no-repeat;}
.h1ico.page12 {background: url(../images/ico_page12_sm.png) center no-repeat;}
.h1ico.page13 {background: url(../images/ico_page13_sm1.png) center no-repeat;}
.h1ico.page14 {background: url(../images/ico_page14_sm.png) center no-repeat;}
.h1ico.page15 {background: url(../images/ico_page15_sm.png) center no-repeat;}
.h1ico.page16 {background: url(../images/cartIco.png) center no-repeat;}
.h1ico.page17 {background: url(../images/ico_page16_sm.png) center no-repeat;}

.tileItem {height: 150px;width: 120px;margin: 0 auto; float:left; margin-right:10px; cursor:pointer;}
.tileItem.n1 {background: url(../images/ico_page1_sm.png) center top no-repeat;}
.tileItem.n2 {background: url(../images/ico_page2_sm.png) center top no-repeat;}
.tileItem.n3 {background: url(../images/ico_page3_sm.png) center top no-repeat;}
.tileItem.n4 {background: url(../images/ico_page4_sm.png) center top no-repeat;}
.tileItem.n5 {background: url(../images/ico_page5_sm.png) center top no-repeat;}
.tileItem.n6 {background: url(../images/ico_page6_sm.png) center top no-repeat;}
.tileItem.n7 {background: url(../images/ico_page7_sm.png) center top no-repeat;}
.tileItem.n8 {background: url(../images/ico_page8_sm.png) center top no-repeat;}
.tileItem.n9 {background: url(../images/ico_page9_sm.png) center top no-repeat;}
.tileItem.n10 {background: url(../images/ico_page10_sm.png) center top no-repeat;}
.tileItem.n11 {background: url(../images/ico_page11_sm.png) center top no-repeat;}
.tileItem.n12 {background: url(../images/ico_page12_sm.png) center top no-repeat;}
.tileItem.n13 {background: url(../images/ico_page13_sm.png) center top no-repeat;}
.tileItem.n14 {background: url(../images/ico_page14_sm.png) center top no-repeat;}
.tileItem.n15 {background: url(../images/ico_page15_sm.png) center top no-repeat;}
.tileItem.n16 {background: url(../images/ico_page16_sm.png) center top no-repeat;}

.tileItem p {text-align:center; margin-top:100px; line-height:1.3;}
.tileItem a {position:absolute; margin:auto; width:100%; left:0; color:#000; padding:0 10px; box-sizing:border-box; text-decoration:none; }

.tileItem:hover {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#fff; transition:ease-in-out background .2s; -moz-transition:ease-in-out background .2s; -webkit-transition:ease-in-out background .2s;}
.index .buttonRight {position: absolute; right: 0; top: 5px;}

/* мини-иконки перед текстом */
.NB-ico {background: url(../images/NB.png) center no-repeat; display:inline-block; width:26px; height:26px; margin-bottom:2px;}
.smile-sad-ico {background: url(../images/sadsmile.png) center no-repeat; display:inline-block; width:26px; height:26px; margin-bottom:2px;}
.smile-happy-ico {background: url(../images/happysmile.png) center no-repeat; display:inline-block; width:26px; height:26px; margin-bottom:2px;}

/* СЕРВИСЫ плитка на главной странице */
#Services {padding:0em 0 1.5em;}
.service-block {border:none; font-size:0.9em; line-height:1.3em; background:none; padding:0.5em 0.5em 0; margin:0 0.5em; text-align:center;}
.service-block .txt {border:none; height:120px; font-size:1em; line-height:1.3em; background:none; padding:0.5em 1em; margin:0; cursor:default;}
.service-block img {display:block; margin:5px auto;cursor:pointer;}
.service-block p.h5class {cursor:pointer; text-transform:uppercase; font-size:1.5em !important;text-align:center;}
.service-block p {text-align:left;}
.service-block .txt > ul {text-align:left; list-style:disc; list-style-position:outside; margin-left:10px;line-height:1.3em;}
.service-block .txt > ul li {margin-bottom:5px;}
.service-block .txt > ul li:last-child {margin-bottom:0px;}
.service-block a.show {display:block;}
.service-block a.hide {display:none;}
.service-block a, .service-block a:hover {text-decoration:none; color:#000; cursor:pointer;}
.col.service-block-col {margin-bottom:5px;}

/* строчка с телефоном и часами */
.lightBlue-txt {color:#29ABE2;}
.Orange-txt {color:#F7931E !important;}
.text-low {text-transform:none !important;}
.font-weight-normal {font-weight:400;}
.bold-txt {font-weight:700; vertical-align:top;}
.Clock24 .bold-txt {font-size: 1.5em;}
.Clock24 a.bold-txt {font-size: 1.5em; text-decoration:none; color:#000;}
.Clock24 a.bold-txt:hover {text-decoration:none; color:#F7931E;}
.phone .vcb {color:#FFF;text-decoration:none;}
.phone .vcb:hover {color:#FFF;text-decoration:none;}
.Clock24:before {content: url(../images/24-.png); position:relative; top:18px;}

/* блок про приложение на главной */
.appPic img {width: 100%; overflow: hidden; border-radius: 12px; max-width: 450px; margin: auto; display: block; margin-top: 15px;}
.appTxt.col.no-padd-col {padding-right:15px !important;}
.appTxt .gplayBadge { float:left;}
.appTxt .gplayTxt {height: 70px; vertical-align: middle; display: table-cell;}

/* страница Call центра */
.col.cc-i {margin:0;}
.cc-i > div {display:block; width:230px; height:120px; margin:auto auto 10px;}
.cc-i-shop {background: url(../images/callcenter-icon-animate-shop.gif) center no-repeat;}
.cc-i-calls {background: url(../images/callcenter-icon-animate-calls.gif) center no-repeat;}
.cc-i-hotline {background: url(../images/callcenter-icon-animate-hotline.gif) center no-repeat;}
.cc-i > p {text-align:center; margin:auto; vertical-align: middle; line-height:1.4em;}
.cc-i > .cc-i-shop + p {line-height:2.6em;}

.col.span_1_of_2.cc-plus {margin-bottom:16px;margin-top:16px;} 
.cc-plus > div { border:3px solid #8ac441;border-radius:6px; min-height:260px; width:90%;width:calc(100% - 16px); padding-top:1em;box-sizing:border-box;}
.cc-plus.cc-blue-bor > div { border:3px solid #3fa9f5;}
.cc-plus.cc-form > div { background:#8ac441;}
.cc-plus.left > div {width:90%;width:calc(100% - 16px); margin-left:0; margin-right:16px;}
.cc-plus.right > div {width:90%;width:calc(100% - 16px); margin-right:0; margin-left:16px;}
.cc-plus.cc-form > div p {color:#fff;}
.cc-plus > div ul {display:inline-block;width: calc(100% - 140px); vertical-align:middle;}
.cc-plus > div p.head4 {margin-bottom:0 0.3em 0.8em;}

.cc-plus-ico1, .cc-plus-ico2, .cc-plus-ico3, .cc-plus-ico4 {display:inline-block;  margin:auto auto auto 0;}
.cc-plus-ico1 {background: url(../images/callcenter-icon-block1.png) center no-repeat;height:160px;width:120px;}
.cc-plus-ico2 {background: url(../images/callcenter-icon-block2.png) center no-repeat;height:160px;width:120px;}
.cc-plus-ico3 {background: url(../images/callcenter-icon-block3.png) center no-repeat;height:160px;width:120px;}
.cc-plus-ico4 {background: url(../images/callcenter-icon-block4.png) center no-repeat;height:100px;width:100px;}
.cc-plus-ico4 + p {display:inline-block;width: calc(100% - 110px);font-size: 1.12em;line-height: 1.6em;}
.cc-plus-ico4 + p b {white-space: nowrap;}
.cc-ico-superv {display:inline-block; width:194px; height:128px; margin:auto 15px auto 0;background: url(../images/callcenter-icon-superv.png) center no-repeat;}
.cc-ico-superv + ul {display:inline-block;width: calc(100% - 215px);}
.cc-ico-girl {display:inline-block; width:90px; height:130px; margin:auto 25px auto 0;background: url(../images/callcenter-icon-girl.png) center no-repeat;}
.cc-ico-girl + ul {display:inline-block;width: calc(100% - 120px);}

.examples .exampleTxt {margin-bottom: 15px; padding-left: 50px; padding-right: 110px;}
.examples p.head4.example-head {height:90px;display: table-cell;}
.examples p.head4.example-head, .examples .h1ico { height:90px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;line-height: 30px;}

/*.cc-form-content > * {display:inline-block; width:32%;}
.cc-form-content input {border-radius:4px; font-size: 1em; height: 40px;border:none;   padding: 6px;    box-sizing: border-box; margin-right:1.25%;}*/
.cc-form-content a.btnBlue {padding: 0 12px; height: 40px; line-height: 30px; box-sizing: border-box;    vertical-align: middle;  display: inline-block; width: 38%;  margin-left: 1%;}
.cc-form-content {float: none; clear: both; padding: 20px 12px 0;}
.cc-form-content p {width:60%;display: inline-block;line-height: 1.6em;}

/* Доставка воды */
.sad { padding-left:30px; position:relative; margin-bottom:3px;color: #02629f; font-weight: 700;}
.sad:last-child {margin-bottom:0px;}
.sad:before { content:''; position:absolute; display:inline-block; background: url(../images/smileSad.png) center no-repeat; height: 100%; width: 24px; left: 0px;}
.sad-inside {padding-left:30px; position:relative; margin-bottom:3px;}
.sad-inside:before { content:''; width: 0; left: 0px; background:none;}

.happy { padding-left:30px; position:relative; margin-bottom:3px;}
.happy:last-child {margin-bottom:0px;}
.happy:before { content:''; position:absolute; display:inline-block; background: url(../images/smileHappy24.png) center no-repeat; height: 100%; width: 24px; left: 0px;}
.happy-inside {padding-left:50px; position:relative; margin-bottom: 5px; margin-top: 5px;}
.happy-inside:before { content:''; width: 0; left: 0px; background:none;}

.sidepicture-txt { float:left;}
.sidepicture.right {float:right;}
.sidepicture.right.madmanager {float:right; background:url(../images/madmanager.png) center no-repeat; width:185px; height:260px;}
.sidepicture.right.bottles {float:right; background:url(../images/bottles.png) center no-repeat; width:212px; height:260px;}
/*АУДИО*/

.audio-img {float:left;width: 116px;height: 114px;}
.audio-img.girl {background:url(../images/tts-girl-sm.png) center no-repeat;}
.audio-img.boy {background:url(../images/tts-boy-sm.png) center no-repeat;}
.audio-img.oper {background:url(../images/ico_page13_sm.png) center no-repeat;}
.audio-img.clientWater {background:url(../images/client-water.png) center no-repeat;}
.audio-btn {background:url(../images/playOr.png) center no-repeat;float:left;width: 24px;height: 24px; margin-left:10px; margin-right:5px;}
.audio-link p {float:left; text-decoration:underline}
.audio-link {cursor:pointer; margin-left:15px;    float: left; margin-top:35px}
.audio-link:hover .audio-btn {background:url(../images/playOr-h.png) center no-repeat;}
.audio-link:hover p {text-decoration:none;}
.audio-txt {width: 100%;height: auto; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;    padding: 0.3em 0.7em 0.6em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#02629f;}
.audio-txt p { color:#FFF; line-height: 1.5; text-align:center; font-weight:600;}
.audio-info { margin-top:15px; padding-right:10px;}

.hideControls { display:none;  position: absolute;   box-shadow: 0 3px 10px rgba(0,0,0,.2); width:40%; bottom:7px; left:0; right:0; margin:auto; z-index:3;}
.hideControls.sound-ats {top: 0; margin: 0 auto;}