.tarif_col:first-child .tarif_block {margin-right:0.5em;margin-left:0 !important;}
.tarif_col { padding:0 !important;}
.tarif_col .tarif_block {margin-right:0.5em;margin-left:0.5em; margin-bottom:0}
.tarif_col:last-child > .tarif_block {margin-left:0.5em;margin-right:0 !important;}
.tarif_col .tarif_block { border:1px solid #ccc; height:100%; position:relative; padding:2em 0.5em 0.5em; margin-bottom:0.9em; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
 .name {position:absolute; width: 92%; text-align: center; top:-0.8em;margin: auto; left: 0;  right: 0;}
 .name span {font-size:1.7em; display: block; font-weight:400; color:#8ac441;/*color: #28a7df;*/ /*color:#f15b2a;*/ background:#fff; margin: 0 auto; width: 60%; text-transform:uppercase;letter-spacing:0.02em;}
 .price {text-align: center; margin-bottom:1.3em; }
 .price .main_price {font-size:2em; display: block; font-weight: 700; letter-spacing:0.02em;   background:#fff; margin: 0 auto; width: 60%;line-height:1.25em}
 .price .under_price {font-size: 13px;    display: block;  line-height:1.25em}
.tarif_block p { margin-bottom:1.3em; font-size:13px; text-align:center; line-height:1.25em}
.tarif_block .write_talk_check { margin-bottom:0.6em; font-size:13px; text-align:left; line-height:1.25em}
.tarif_block .write_talk_check { width:100%; box-sizing:border-box; padding:5px 10px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#BFE288; cursor:pointer;text-shadow: 1px 1px 0px rgba(255,255,255,.3);}
.tarif_block .write_talk_check input[type="checkbox"] {cursor:pointer; top: 2px !important;}
.tarif_block p .smaller_info {font-size:10px;display: block;}
.tarif_block p.unactive {color:#ccc}
.tarif_block p .number_in_list {font-size:2em; line-height: 1em;}
.tarif_block p .number_in_list > span {font-size:13px; vertical-align:baseline}
.write_talk { margin:0;}
.write_talk p { margin:0}
.span_1_of_1.tarif_block_conteiner { margin-bottom:0;}
.active .tarif_block, .span_1_of_4.active:hover .tarif_block {border:3px solid #FFA02E;}
.active .tarif_block .price .main_price {font-weight: 700; }
.tarif_block .write_talk_check {display:none}
.tarif_block .write_talk_txt {display:block}
.active .tarif_block .write_talk_check {display:block}
.active .tarif_block .write_talk_txt {display:none}
.tarif_col { margin-top:1.05em; cursor:default;padding-left: 0; padding-right: 0; margin-bottom: 0.4em;}
.tarif_col:hover .tarif_block {border:1px solid #8ac441;}
.tarif_col.active { margin-top:0.2em}
.tarif_col.active .tarif_block { padding:2.5em 0.5em 0.3em; margin-bottom:0}
.tarif_col:last-child.active p { margin-bottom:0.77em;}
/*.tarif_col.span_1_of_3 .name span {font-weight:600;}*/

.tarif_col p.tarifName {font-size: 1.2em; color: #000;  margin-bottom: 0.2em;  font-weight: 400;  line-height: 1.4em;  display: block;  text-align: left; text-decoration:underline;padding:1em 0.4em 0 1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tarif_col p.tarifName::before {content:''; position:relative; width:28px; height:28px; background: url(../images/cloffIco.png) center no-repeat;display: inline-block; vertical-align:text-top; margin-right:8px;}
.tarif_col .connectPrice p.tarifName {padding:1em 0.4em 0 0;}
.tarif_col .connectPrice p.tarifName::before {background:none; width: 0; margin-right: 0;}
.tarif_col a { vertical-align:baseline;}
.tarif_col .connectPrice span.tarifAbonentTxt.tarifInfoTxt {margin-top: 19px; display: block;}
.connectPrice .span_1_of_2 {width:50%;}

.tarifAbonent {display: block;  text-align: left; padding:1em 1em 1.2em; }
.tarifAbonentPrice  {font-size:2em; display: inline-block; font-weight: 700; letter-spacing:0.02em; vertical-align:text-bottom;}
.tarifAbonentTxt  {font-size:1em; display: inline-block; font-weight: 400; line-height:1.5em;}
.numberTarifCloff .tarif_block { padding:0; overflow:hidden;background: #f2f2f2;}
.tarifAbonent.connectPrice {padding:1em 1em; background:#f2f2f2;}
.col.connectPrice {padding:0 1em 0.5em;background:#f2f2f2;}
.col.connectPrice .tarifAbonent { padding: 1em 0 0.5em;}
.col.connectPrice .tarifAbonent.last { padding: 0.5em 0 1em;}
.numberCat {font-size:1em; display: block; font-weight: 400; line-height:1.5em;text-decoration:underline; margin-bottom:0.6em;}
.numberCatPrice {display: block;font-size:2em; font-weight: 700; letter-spacing:0.02em; vertical-align:text-bottom; }
.col.connectPrice.cityTarif .col.span_1_of_1.nomargin-top {margin-bottom:12px;}
.col.connectPrice.cityTarif .col.span_1_of_1.nomargin-bottom {margin-top:12px;}

.tarifLeftSide { width:100%; box-sizing:border-box; display:block; clear:left; position:relative; background: #fff;}
.tarifLeftSide + .tarifLeftSide {border-top:1px solid #ccc;}

/* подсказки */
.atsFunctions .questBtn, .questBtn.light { background:url(../images/vopros-light.png) center no-repeat;float: right;  width: 44px;  height: 44px;  margin: 0; right:15px;  position: absolute; cursor:help !important; z-index:2;}
.atsFunctions .questBtn:hover + .popUP, .questBtn.light:hover + .popUP, .popUP:hover, .tarifName:hover ~ .popUP {display:block}
.popUP { display: none; }
.vot_modal_wnd.popUP { width: 175px; height: 82px;  position: absolute !important;  padding: 0.4em;box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.2); margin:auto !important; bottom:auto !important; top:38px !important;
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius:6px;
    border-radius: 6px;}
.popUP p { color:#666; line-height:1.3em; font-weight:400; white-space:normal; }
.popUP p b{font-size:1.1em;}

.popUP.bg {height: 91px;width: 194px; background:url(../images/popUPbg.png) center no-repeat; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: block;  bottom: 7px !important;    top: auto !important;    left: 210px !important;    right: auto !important;   z-index: -1 !important; opacity:0; transition:ease-in-out.3s; -moz-transition:ease-in-out.3s; -webkit-transition:ease-in-out.3s;}
.popUP.bg p { color:#FFF;margin-left: 5px;}
.popUP.bg.vis {opacity:1; z-index: 3 !important;}

.tarif_block_conteiner .vot_modal_wnd.popUP {width: 92%; height: auto; top: 1em !important;}
.tarif_block_conteiner .vot_modal_wnd.popUP p { margin-bottom:0; text-align:left;}
.tarif_block_conteiner .vot_modal_wnd.popUP p.mar05b { margin-bottom:0.2em;}
.tarif_block_conteiner .questBtn.light {display: inline-block; top: 0.7em; right: 0.8em;}
.tarif_block_conteiner .vot_modal_wnd.popUP p > span.accent {line-height: 0.9em; font-weight:700; font-size:1.2em; vertical-align:bottom;}

/* калькулятор */
.col.span_1_of_1.calculator-bg { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:1.2em !important; box-sizing:border-box; background:#FFF;}
.calculator-bg .col.span_1_of_2 .col.span_1_of_1.Gray { padding: 0.5em 1em !important;}

.input {border-radius:4px; border:1px solid rgba(0,0,0,.2); line-height: 30px; font-size:15px; font-weight:700; height:30px; padding:0 5px; box-sizing:border-box; text-align:center; float:right; width:100px;    color: #333;}
.input:hover, .input:focus{ border:1px solid #8ac441;}
label { line-height: 28px; font-size:15px; font-weight:400; width:90%; width:calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-moz-calc(100% - 22px); float:left; padding-left:10px; box-sizing:border-box;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.calculator-bg .span_1_of_2.left label { width:80%; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); float:left;padding-left:0px;}
.input-row {width:100%; box-sizing:border-box; padding-bottom:7px;height: 32px;}
.calculator-bg .span_1_of_2.left .input-row {height: 39px;}
.input-row:last-child {padding-bottom:0px;}
input[type="radio"] { float:left; width: 20px; height: 20px; margin: 5px 0 0 0; cursor:pointer;}
input[type="radio"] + label {cursor:pointer;}
.calculator-bg .span_1_of_2.left {padding-right:1.5em !important;}
.calculator-bg .span_1_of_2, .calculator-bg .span_1_of_1 {padding:0 !important; vertical-align:baseline;}
.calculator-bg p span {font-weight:700; color:#8ac441;vertical-align: bottom;}
.headNumber .head3 {margin: 0; line-height: 40px;}
.headNumber { width:60%;}
.chooseNumber { width:auto; float:right;}
.chooseNumber > * {float:left; width:auto; margin-left:0.7em;}
.chooseNumber > .btnGreen { padding:5px 18px 7px;}
.chooseNumber > p { line-height:38px;}

.col s {text-decoration:none !important; vertical-align:baseline;}
.calculator-bg .span_1_of_2 .head7 {margin-bottom:0.4em;}
.calculator-bg .span_1_of_2.left .head7 { margin-top:1em;margin-bottom:0.6em;}

/*.Gray.qqq { background:#fff;}
.Gray.qqq .head3{color:#fff;}*/

.result {min-height: 69px; position:relative;}
.result span {font-size:18px;}
.result > div:nth-child(1) {width:20%;}
.result > div:nth-last-child(2) {width:35%;}
.result > div:nth-last-child(1) {width:45%;}
.result .btnGreen {
	position:absolute;
	right:14px;
	font-size: 17px;
  line-height: 22px;
  padding-bottom: 8px;
	float: right;
  margin-top: 6px;
}

/* API */
.Apitbl tr td:first-child { font-weight:600; width:120px; padding-left:0;}
.Apitbl tr:last-child td table tr td {border-bottom: 1px solid #A8D36A;}
.Apitbl tr td table tr td, table tr td p {font-size:inherit;}
.Apitbl tr:last-child td table tr:last-child td {border-bottom:none;}
.Apitbl {width:100%; background:none; border: 0px solid #A8D36A;}
.Apitbl td {padding:4px 0px 7px 10px; border-right: 1px solid #A8D36A; border-bottom: 1px solid #A8D36A; text-align:left; background:#FFF; transition: ease-in-out .2s; cursor:default; position:relative;word-break: break-word;}
.Apitbl tr td:first-child {text-align:left;}
/*.Apitbl tr:hover td {background:#A8D36A; color:#FFF;}
.Apitbl tr.headerRow:hover td {background:#fff; color:#333;}
.Apitbl tr td .greenTxt { vertical-align:top;}
.Apitbl tr:hover td .greenTxt {color:#FFF;}
.Apitbl tr:hover td .greenTxt:hover {color:#333;}
.Apitbl tr:hover td:first-child {padding:3px 15px 5px;}
*/
.Apitbl tr td:last-child {border-right:none;}
.Apitbl tr:last-child td {border-bottom: none; }
.Apitbl tr td.nopadding-bottom {padding-bottom:0;}