@import "reset.css";
@import "font/fonts.css";
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700&subset=cyrillic,latin);*/


body {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height:17px; color: #181818; background-color:#fff;}

h1, h2, h3, h4, h5, h6, .sub-h, .sub-h3  {font-family:Frank, Arial, Helvetica, sans-serif;}


h1 {font-size:64px; line-height:70px; font-weight:400; text-align:center; color:#585f6a;}
h2 {font-size:40px; line-height:45px; font-weight:400;}
h3 {font-size:40px; line-height:45px; font-weight:400;}
h4 {font-size:34px; line-height:40px; font-weight:400;}
h5 {font-size:25px; line-height:30px;}
h6 {font-size:17px; line-height:25px; font-weight:bold;}


@media only screen and (max-width: 768px) {
  #wrapper {min-width:0px; margin-top:50px}
  .full-col {width:auto !important;} 
  .full-col2 {width:auto !important;} 
}




a {text-decoration:none; color:inherit;}
a.highlight {color:#00aff0; text-decoration:underline;}
a.highlight:hover {text-decoration:none;}
p{line-height:25px;}

.a-target {font-size:0px; line-height:0px; height:0px;}
.rub {font-family:PTRoubleSans, Arial, Helvetica, sans-serif; line-height: 1px;}
.sub-h {font-size:25px; line-height:30px; font-weight: 300; text-align:center;}
.sub-h3 {font-size:17px; line-height:20px; font-weight: 300; text-align:center;}
.rb {padding-top:22px; text-align:center;}
.rb span{padding:12px 18px; font-size:18px; line-height:20px; color:#fff; background-color:#df3a42; display:inline-block;}



.check-circle.material-icons {color: #999; font-size: 28px; line-height:38px;}

.green {color:#5ea502;}
.shadow--2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}	
.dash {width: 20px; height: 1px; margin-right: 12px; background-color: #181818; display: inline-block; vertical-align: middle;}
.arrow-down {width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 11px solid #181818; display:inline-block;}
.arrow-up {width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 11px solid #181818; display:inline-block;}

.triangle-left {width: 0; height: 0; border-top: 15px solid transparent; border-right: 20px solid #999;	border-bottom: 15px solid transparent;}
.triangle-right {width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid #999;	border-bottom: 15px solid transparent;}

#pr { width:100%; height:100%; background: url("/images/pr-tarif.jpg") no-repeat center top; position:absolute; left:0px; top:0px; opacity: 0.3; display:none; z-index:9999;}


/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ar {text-align:right;}


#wrapper {min-width: 980px; margin:0px auto 0 auto; position:relative;}
#wrapper:before {content:''; height:60px; display: block;}

.full-col {width:1180px; height:100%; margin:0 auto; position:relative;}
.full-col2 {width:1180px; margin:0 auto; position:relative;}
.half-col {width:50%; float:left;}

@media only screen and (max-width: 1200px) {
  .full-col {width:960px;}   
  .full-col2 {width:960px;}   
}
@media only screen and (max-width: 992px) {
  #wrapper {min-width: 750px;}
  .full-col {width:730px;} 
  .full-col2 {width:730px;} 
}
@media only screen and (max-width: 768px) {
  #wrapper {min-width:0px;}
  #wrapper:before {content:''; height:50px; display: block;}
  .full-col {width:auto !important;} 
  .full-col2 {width:auto !important;} 
}



body.height100 #wrapper {min-height:100%; margin-top:0px;}
body.height100 #wrapper:before {content:''; height:60px; display: block;}
body.height100 #footer {visibility:hidden;}
body.height100 .visible-footer #footer {width:100%; position:absolute; bottom:0px; visibility:visible;}

@media only screen and (max-width: 768px) {
  body.height100 #wrapper:before {height:50px;}
}


.os-icon {margin:0 0px 10px 80px; display:inline-block; text-align:center;}
.os-icon:hover {opacity:.7;}
.os-icon:first-child {margin-left:0;}
.os-icon .img {width:100%; min-width:76px; height:80px; margin-bottom:9px; background: url(/images/os-icons.png) no-repeat center top; display:block;}
.os-icon .text {font-size:15px; font-weight:bold; border-bottom:1px dashed #67a4bf;}
.os-icon:hover .text {border-bottom:none;}

.os-icon.i1 .img {background-position:center top;}
.os-icon.i2 .img {background-position:center -80px;}
.os-icon.i3 .img {background-position:center -160px;}
.os-icon.i4 .img {background-position:center -240px;}
.os-icon.i5 .img {background-position:center -320px;}
.os-icon.i6 .img {background-position:center -800px;}
.os-icon.i7 .img {background-position:center -400px;}
.os-icon.i8 .img {background-position:center -480px;}
.os-icon.i9 .img {background-position:center -560px;}
.os-icon.i10 .img {background-position:center -640px;}
.os-icon.i11 .img {background-position:center -720px;}


.list, .entry .list {margin-left:32px; margin-top:24px; position:relative;}
.list li, .entry .list li{margin-bottom:24px; padding-left:0px; text-indent:-32px; list-style:none;}


/*----- box --------*/
.box-wrap-wrap {text-align:left;}
.box-wrap {text-align:left; display:inline-block;}
.box {padding:20px 10px; background-color:#f5f5f5; border:2px solid #e8e8e8; text-align:center; box-sizing: border-box;}
.box.mark {border-color:#b3b3b3;}
.box .box-name {margin-bottom:.5em; font-size:24px; line-height:1;}
.box .box-subname {font-size:16px; line-height:20px;}
.box .box-bottom {width:100%; position:absolute; left:0px; bottom:25px;}
.box .box-price{padding-bottom:20px; font-size: 20px; line-height: 25px;}
.box .box-current {font-size:16px; line-height:44px; color:#999;}
.box .box-btn-wrap {text-align:center;}


@media only screen and (max-width: 1200px) {
  .box-wrap-wrap {text-align:center;}
  .box-wrap {width:891px;}  
}
@media only screen and (max-width: 992px) {
  .box-wrap {width:595px;}  
}
@media only screen and (max-width: 768px) {
  .box-wrap {width:auto; display:block;}
  .box-wrap .box .box-name {margin-bottom:0px;}
  .box-wrap .box .box-bottom {position:static;}
  .box-wrap .box .box-price{padding-top:30px; padding-bottom:10px;}
  .box .box-name {line-height:30px;}
}


/*----- d-block --------*/

.d-block-wrap{text-align:center;}
.d-block {width:44%; padding:10px 2% 30px 2%; font-size:15px; line-height:28px; text-align:left; display:inline-block; vertical-align:top;}
.d-block .dmark {margin-bottom:10px; padding:20px; font-size:20px; background-color:#b3b3b3; display:inline-block;}
.d-block .dh {padding:10px 0; font-size:22px; color:#181818; text-align:left;}
@media only screen and (max-width: 768px) {
    .d-block {width:auto; display:block;}  
}



/*----- button --------*/
a.btn, .btn, .ui-button {height:17px; padding:12px 31px 15px; font-size:17px; line-height:17px; text-align:center; outline:none; text-decoration:none; -webkit-border-radius: 22px; border-radius: 22px; background-color:#ffcc00; /*border-bottom:1px solid #669933; border-right:1px solid #669933;*/ vertical-align:top; display:inline-block; cursor:pointer; white-space:nowrap; overflow:hidden; color:#181818;}
.ui-button {border-width:0 1px 1px 0;}
 
.btn:hover, a.btn:hover, .ui-button:hover, .btn.active, a.btn.active,  .ui-button.ui-state-active {text-decoration:none; background-color:#f6c500; }
.btn.active, a.btn.active, .ui-button.ui-state-active {-webkit-box-shadow:inset 0 0 4px 0px #669933; box-shadow:inset 0 0 4px 0px #bf9a02;}

.btn.disable, .btn.disable:hover, .btn.disable:focus, a.btn.disable:hover, a.btn.disable:focus {text-decoration:none; background-color:#999; cursor:default; color:#666;}

a.btn.small, .btn.small { height:13px; padding:10px 21px 10px; font-size:13px; line-height:13px;} 

.btn.green-btn {background-color:#72B453; color:#fff;}
.btn.green-btn:hover, a.btn.green-btn:hover, .ui-button.green-btn:hover, .btn.green-btnactive, a.btn.green-btn.active,  .ui-button.green-btn.ui-state-active {text-decoration:none; background-color:#a3d21c;}
.btn.green-btn.active, a.btn.green-btn.active, .ui-button.green-btn.ui-state-active {-webkit-box-shadow:inset 0 0 4px 0px #669933; box-shadow:inset 0 0 4px 0px #669933;}


/*
.btn.icon-add {padding-left:30px; background-image: url("/images/btn-icons.png"); background-repeat: no-repeat; background-position: 9px 9px; }
.btn.icon-close {min-width:7px; background-image: url("/images/btn-icons.png"); background-repeat: no-repeat; background-position: 10px -23px;}

.btn.icon-add.gray-btn {background-position:9px -151px;}
.btn.icon-close.gray-btn {background-position:9px -183px;}

.ie a.btn, .ie .btn {line-height:20px;}
.ie a.btn.big, .ie .btn.big {line-height:27px;}
*/
.btn-group .btn {margin-right:30px;}

.btn-bar .btn{margin-right:-1px; -webkit-border-radius:0px; border-radius:0px; border:1px solid #dbdbdb; background-color:#fff;}
.btn-bar .btn-l {-webkit-border-radius:22px 0 0 22px; border-radius:22px 0 0 22px;}
.btn-bar .btn-r {margin-right:0px; -webkit-border-radius:0 22px 22px 0; border-radius:0 22px 22px 0;}
.btn-bar .btn:hover {background-color:#eee;}
.btn-bar .btn.active {background-color:#dbdbdb; border-color:#dbdbdb; -webkit-box-shadow:none; box-shadow:none;}




/*----- input --------*/
input, textarea {width:380px; height:44px; margin:0px; padding:0px 16px; font-size:15px; line-height:27px; font-weight:normal; font-family:'Open Sans', Arial, Helvetica, sans-serif; border:1px #bbbdbe solid; color:#222; -moz-resize: none; -webkit-resize: none; resize: none;  /*-webkit-box-shadow:inset 0 0 3px 0px #bbbdbe; box-shadow:inset 0 0 3px 0px #bbbdbe;*/ vertical-align:top; /*-webkit-border-radius:6px; border-radius:6px;*/ box-sizing: border-box;}
input:hover, textarea:hover, input:focus, textarea:focus {border-color:#00aff0; }
input[type="radio"], input[type="checkbox"] {width:auto;}
textarea {width:280px; height:60px; padding:10px; line-height:18px}

.input-text.focus, textarea.focus, .input-text-small.focus {border-color:#00aff0;}
.input-text.error, .input-text-small.error {border-color:#ed1c24;}
.input-text-label {padding-bottom:10px; font-size:15px; line-height:18px; font-style:italic; font-weight:300; color:#757575; display:block;}

.inputbox {display:inline-block; border:1px #bbbdbe solid; background-color:#fff; /*-webkit-box-shadow:inset 0 0 3px 0px #bbbdbe; box-shadow:inset 0 0 3px 0px #bbbdbe;*/ vertical-align:middle;  cursor:pointer; /*-webkit-border-radius:6px; border-radius:6px;*/}
.inputbox .input-text {height:42px; padding-right:0px; border-width:0px; background:none; -webkit-box-shadow:none; box-shadow:none;}
.inputbox .icon {margin-top:4px; margin-right:4px; vertical-align:top;}
.inputbox .icon.small  {margin-top:7px; margin-right:7px;}

.inputbox:hover {border-color:#00aff0;}
.inputbox.focus {border-color:#00aff0;}

.inputbox.green {border-color:#7fba00;}
.inputbox.green.focus {border-color:#75ab00;}

input.error, .inputbox.error {border-color:#ed1c24!important;}
.input-error, label.error {padding-top:5px; font-size:13px; line-height:1; color:#ff0000; display:block;}

.ie input {padding:4px 10px 0px; line-height:normal;}


input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#ccc}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:#ccc!important}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:#ccc}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:#ccc}

input.error:-moz-placeholder, textarea.error:-moz-placeholder {color:#ed1c24;}
input.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder {color:#ed1c24!important;}
input.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder {color:#ed1c24;}
input.error::-moz-placeholder, textarea.error::-moz-placeholder {color:#ed1c24;}



/*----- combobox --------*/
.combobox, .combobox input {cursor:pointer;}

/*.combobox input {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}*/

.combobox .combobox-btn {width:38px; height:42px; ; display:inline-block; vertical-align:top; background:#fff url(/images/combobox_arr_main.png) no-repeat 13px 16px; cursor:pointer;}
/*.combobox .combobox-btn.active, .combobox .combobox-btn:hover {background-color:#fdd262; border-color:#fdd262;}
.combobox .combobox-btn.active {-webkit-box-shadow:inset 0 0 4px 0px #eeb937; box-shadow:inset 0 0 4px 0px #eeb937;}*/

.ui-autocomplete.ui-menu {padding:8px 0; background-color:#fff; background-image:none;
/* border:1px solid #fdc439; */
-webkit-box-shadow:0 -2px 18px -5px #000; box-shadow:0 -2px 18px -5px #000; }

.ui-autocomplete.ui-menu .ui-menu-item {font-size:15px; cursor:pointer;}
.ui-autocomplete.ui-menu .ui-menu-item a {padding:3px 10px;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus {margin:0px; background-color:#e8f6ff;}

.custom-combobox-disabled.inputbox {border-color:#eee;}
/*.custom-combobox-disabled .combobox-btn, .custom-combobox-disabled .combobox-btn:hover, .custom-combobox-disabled .combobox-btn.active {background-color:#ffe399; border-color:#ffe399;}*/
.custom-combobox-disabled input {color:#999; cursor:default;}
.custom-combobox-disabled .combobox-btn {cursor:default; background-position:-134px 19px;} 


.combobox select {width: 100%; height: 42px; border: none; color: #222; font-size: 15px; cursor:pointer;
font-family:'Open Sans', Arial, Helvetica, sans-serif; line-height:27px; 
  -webkit-appearance: button;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 33px;
  -moz-padding-end: 33px;
  -webkit-padding-start: 14px;
  -moz-padding-start: 14px;
  background-color: #fff; /* fallback color if gradients are not supported */
  background-image: url(/images/select_arr.png);
  background-position: 100% 14px;
  background-repeat: no-repeat;
  text-overflow: "";
  display:none;

}



@media only screen and (max-width: 768px) {
  .combobox select {display:block;}
  .combobox input, .combobox .combobox-btn {display:none!important;}
}



/*----- checkbox --------*/
.custominput {height:28px; display:inline-block; text-decoration:none; text-align:left; vertical-align:top; cursor:pointer; -webkit-user-select: none;  user-select: none; -moz-user-select: none; color:#181818;}
.custominput:hover {text-decoration:none; color:#181818;}
.custominput span.custominput-image {width:28px; height:28px; display:inline-block; text-decoration:none; background-repeat:no-repeat; background-position:left top; vertical-align:middle;}
.custominput span.custominput-text {margin-left:10px; vertical-align:middle;}
.custominput:hover span.custominput-image { background-position:left -40px;}
.custominput.active span.custominput-image { background-position:left -80px;}

.custominput.disable {cursor:default;}
.custominput.disable span.custominput-image {background-position:right -120px;}
.custominput.disable span.custominput-text {color:#c7d3cf;}

.custominput.checked span.custominput-image { background-position:right top;}
.custominput.checked:hover span.custominput-image { background-position:right -40px;}
.custominput.checked.active span.custominput-image { background-position:right -80px;}
.custominput.checked.disable span.custominput-image { background-position:left  -120px;}


.checkbox span.custominput-image, .checkbox.radiobutton span.custominput-image {background-image:url(/images/checkbox.png);}
.checkbox input {display:none;}

.radiobutton span.custominput-image {background-image:url(/images/radiobutton.png);}


/* --- entry --- */
.entry {padding:40px 0 40px 0px;}
.entry h2 {margin-bottom:30px; text-align:left;}
.entry h3, .entry h4, .entry h5 {margin-top:1em;}
.entry p {margin-top:1.5em;}
.entry ul {margin-left:4em; line-height:25px;}
.entry li {padding-left:.5em; list-style:square outside none;}
.entry strong {font-weight:bold;}
.entry a {border-bottom: 1px solid #00aff0; color:#00aff0;}
.entry a:hover, .entry a.dashed:hover {border-bottom:none;}
.entry a.btn, .entry a.mdl-button, .entry a.custominput {border:none; color:#181818;}
.entry .dashed, .entry a.dashed {border-style:dashed;}
@media only screen and (max-width: 768px) {
  .entry {margin:0 2%;}
  .entry h2 {font-size:40px; line-height:50px;}
}




/*----- .wait-overlay & lock --------*/
/*.spinner {background: url(/images/spinner.gif) center center no-repeat;}
.overlay-wrap {position:relative;}
.wait-overlay {width: 100%; height: 100%; position:absolute; left: 0; top: 0; display:none;}
.wait-overlay .overlay	 {width: 100%; height: 100%; background-color:#fff; opacity: 0.8; filter:alpha(opacity=80); zoom: 1}
.wait-overlay .spinner {width: 100%; height: 100%; position:absolute; left: 0; top: 0px;}*/


.waiting {position:relative; overflow:hidden;}
.wait-overlay {width:100%; height:100%; position:absolute; left:0px; top:0px; background:#fff url("../images/spinner.gif") no-repeat center center; display:none;}

.lock {position:relative;}
.lock:after{content: ''; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; display:block;}
.lock.wait:after{background:#fff url("../images/spinner.gif") no-repeat center center;}


/*----- expender --------*/
.expender {padding:15px 0px 15px 30px; font-size:20px; line-height:1; color:#00aff0; cursor:pointer; position:relative;}
.expender.expended {color:inherit;}
.expender .icon {width:16px; height:16px; position:absolute; left:0px; top:16px; display:inline-block; vertical-align:middle;}
.expender .icon span {width:16px; height:2px; position:absolute; left:0px; top:7px; background-color:#00aff0; display:block;}
.expender .icon span.v {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}

.expender.expended .icon span {background-color:#181818;}
.expender.expended .icon span.v {display:none;}
	
.expender-body {display: none;}
.expender-body p:first-child {margin-top: 0px;}


/*----- app-popup --------*/
.app-popup {width:960px; height:424px; background-repeat: no-repeat; background-position: right top; position:relative; -webkit-box-shadow:0 0 35px -10px #444; box-shadow:0 0 35px -10px #444;}
/*.app-popup .app-arr{width:22px; height:19px; background:url("/images/app_arr.png1") no-repeat center center; position:absolute; left:26px; top:-19px; -webkit-box-shadow:0 0 30px -13px #444; box-shadow:0 0 30px -13px #444;}*/
.app-popup .app-t {width:380px; padding:44px 0 0 84px; text-align:left;}
.app-popup .app-t h3 {padding-bottom:40px;}
.app-popup .app-t p {font-size:15px; line-height:28px;}

/*.app-popup .app-arr {width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 19px solid #fff; display:block; position:absolute; left:26px; top:-19px; -webkit-box-shadow:0 0 30px -13px #444; box-shadow:0 0 30px -13px #444;}*/

.app-popup .app-arr {width:50px; height:30px; position:absolute; left:26px; top:-30px; overflow:hidden; display:none;}
.app-popup .app-arr:after{content:''; width:22px; height:22px; position:absolute; left:13px; bottom:-12px; -webkit-box-shadow:0 0 17px -4px #444; box-shadow:0 0 17px -4px #444; -webkit-transform: rotate(45deg) skewX(15deg) skewY(15deg); transform: rotate(45deg) skewX(15deg) skewY(15deg); background-color:#fff;}



/*----- dialog --------*/
.ui-widget-overlay{background-color:#000; opacity:0.3;}
.ui-dialog {max-width:90%; margin: 24px auto; border:1px solid #cecece; background-color:#fff; overflow:hidden; z-index:1000; 
-webkit-border-radius: 6px; border-radius: 6px; 
-webkit-box-shadow: 0 3px 15px -5px #000; 
box-shadow: 0 3px 15px -5px #000;}
.ui-dialog .ui-dialog-title {display:none;}
.ui-dialog .ui-dialog-titlebar-close {width:30px; height:30px; margin: 0; padding:0px; position: absolute; right: 15px; top: 15px; background: url("/images/close_icon.png") no-repeat center center; -webkit-border-radius: 0px; border-radius: 0px; border:none;}
.ui-dialog .ui-dialog-titlebar-close.ui-state-active {-webkit-box-shadow:none; box-shadow:none;}

.ui-dialog .dialog-content{padding:50px;}
.ui-dialog h4 {color:#0b0b0b; text-align:left;}
.ui-dialog p {margin-top:1em; line-height:35px;}
.ui-dialog .btn-wrap {padding-top:30px;}

.dialog-wrap {width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:10000; overflow:auto; display:none;}
.dialog-wrap table {width:100%; height:100%;}
.dialog-wrap table td {vertical-align:middle;}
.dialog-overlay {width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:1000; background-color:#000; opacity:0.3; display:none; }


body.dialog-show {margin-right:17px; overflow:hidden;/* width:100%; position:fixed; overflow-y:scroll;*/}
body.dialog-show .dialog-wrap, body.dialog-show .dialog-overlay{display:block;}
body.dialog-show .ui-widget-overlay{display:none;}





  
@media only screen and (max-width: 768px) {
  body.dialog-show {margin-right:0px; overflow:auto;}
  .ui-dialog{width:90%!important;}

}




/* --- top --- */
#top {width:100%; height:60px; background-color:#fff; border-bottom:1px solid #d9d9d9; position:fixed; left:0px; top:0px; z-index:500; box-sizing: border-box;} 
#top.is_stuck {border-color:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
#top .topmenu-wrap {color:#d9d9d9;}

#top .logo {margin:22px 20px 0 10px; font-size:25px; line-height:25px; font-weight:bold; color:#00AFF0; float:left;}
#top .logo:hover{border-bottom: none;}

#top a.menu-toggle {width:33px; height:30px; margin:0 15px; padding: 5px 4px 5px 3px; outline: none; text-decoration:none; color:#00aff0; cursor:pointer; float:right; position:relative; z-index:10; vertical-align:middle; text-align:center; line-height:30px; display:none;}
#top a.menu-toggle:hover {color: rgba(0, 175, 240, 0.7);  text-decoration:none; border-bottom: none;}
#top a.menu-toggle .material-icons {font-size:33px; vertical-align:middle;}

#top .topmenu {margin-left:10px; padding-left:10px; border-left:1px solid #d9d9d9; color:#999; float:right;}
#top .topmenu li{margin-right:10px; float:left;}
#top .topmenu a {padding:5px; font-size:14px; line-height:60px; }
#top .topmenu a:hover {color:#00aff0;}

#top a.top-lk {color:#00AFF0; }
#top a.top-lk:hover {}

#top a.top-lk.visible-xs {line-height:40px; float:right;}
#top a.top-lk.visible-xs i {padding-right:5px; line-height:40px; vertical-align:top;}
#top a.top-lk.visible-xs span {vertical-align:top;}
#top a.top-lk.visible-xs span.xs350 {display:none;}

@media only screen and (max-width: 1200px) {
  #top .topmenu li.help {display:none;}
  
}

@media only screen and (max-width: 992px) {
  #top .topmenu li {margin-right:2px;}
  #top .topmenu li.payment {display:none;}
  #top .topmenu a {font-size:13px;}
}

@media only screen and (max-width: 768px) {
  #top {height:50px; top:0px; box-sizing: border-box; position:fixed;}
  #top .topmenu-wrap {padding:5px 0 5px 2%;}
  #top .topmenu-wrap .logo {margin:6px 0px 0 0px; padding-right:0px;}
}

@media only screen and (max-width: 450px) {
  #top a.top-lk.visible-xs span {display:none;}
  #top a.top-lk.visible-xs span.xs350 {display:inline;}  
}

/* --- mainmenu --- */
.mainmenu {margin-top:20px; float:left;}
.mainmenu li {margin-right:10px; color:#999); font-size:16px; line-height:25px; text-transform:uppercase; float:left;}
.mainmenu li.active{border-bottom:5px solid #d9d9d9;}
.mainmenu a, .mainmenu span {padding:5px 8px; color:#999; display:block; transition: all 0.3s ease 0s;}
.mainmenu li:hover {/*border-color:#00aff0;*/}
.mainmenu li:hover a {color:#00aff0; }

@media only screen and (max-width: 992px) {
  .mainmenu li {font-size:13px; margin-right:2px;}
}
@media only screen and (max-width: 768px) {
  .mainmenu {display:none;}
}


/* --- stickmenu --- */
.stickmenu {width:100%; background-color:#fff; position:fixed; left:0px; top:0px; z-index:95; transition: top 0.4s ease 0s; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}
.stickmenu.active {top:40px;}
.stickmenu .mainmenu {text-align:left;}
.stickmenu .mainmenu li { border-bottom:none;}
.stickmenu .mainmenu a, .stickmenu .mainmenu span {padding:1px 25px 0px 25px; height:40px; font-size:14px; line-height:40px; box-sizing: border-box;}


/* --- mobilemenu --- */
body.mobilemenu-page {}
body.mobilemenu-page #top a.menu-toggle {display: block;}

.mob-cart-block {height:30px; background-color:#00aff0; padding:10px 70px 10px 0; text-align:right; font-size:15px; color:#fff; position:relative; display:none;}
.mob-cart-block.show {display:block;}
.mob-cart-block p {line-height:30px;}
.mob-cart-block strong{font-size:17px;}
.mob-cart-block a{position:absolute; top:9px; right:18px;}
.mob-cart-block .material-icons {font-size:33px;}

body.mobilemenu-page .mobilemenu{display:block;}
.mobilemenu {display:none;}
.mobilemenu .mobmenu-wrap {padding:30px 70px 30px 30px; background-color:#e8f6ff;}
.mobilemenu li {padding-bottom:20px; font-size: 20px; line-height: 25px; text-align: right;}
.mobilemenu li a {}
.mobilemenu .mobmenu-main a{font-size: 24px; text-transform:uppercase;}
.mobilemenu .mobmenu-devider:after {content:''; width: 200px; border-top:1px solid #d9d9d9; vertical-align:middle; display:inline-block;}
.mobilemenu .phone {font-size:26px;}
.mobilemenu .map {margin-bottom:30px; position:relative;}
.mobilemenu .map span {width:30px; height:40px; background:url("/images/map_icon.png") no-repeat center center / contain; position:absolute; top:-7px; right:-49px; display:block;}

.mobilemenu .top-lk {color:#00aff0; position:relative;}
.mobilemenu .top-lk .material-icons {width:30px; height:30px; font-size:33px; position:absolute; top:-5px; right:-47px;}










/* --- menu-block --- */

/*.mainmenu {width:100%; height:70px; background-color:#eee; border-radius: 70px; text-align:center; position:absolute; bottom:-35px;}
.mainmenu li {width:33%; display:inline-block;}
.mainmenu a, .mainmenu span {width:100%; height:100%; font-size:20px; line-height:70px; color:#000; display:block;}
.mainmenu a:hover {text-decoration:underline;}
.mainmenu span {color:#7f7126;}*/


/* --- mainblock --- */
.mainblock {padding:40px 0 40px 0;}
.mainblock h2 {padding:30px 0 30px 0;  color: #ffffff; font-size: 48px; line-height: 1; font-weight:300; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.mainblock a.mainlink {margin-top:33px; padding: 17px 56px; background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; border-radius: 28px; color: #fff; display: inline-block; font-size: 19px; line-height: 20px;  font-weight: 600;}
.mainblock a.mainlink:hover {background-color:rgba(255, 255, 255, 0.2); transition: all 0.3s ease 0s; }


/* --- mainvideo --- */
.mainvideo {height:500px; margin-top:-108px; text-align:center; position:relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.mainvideo .container-video {width:100%; height:100%; overflow:hidden; background: url("/images/connect_sc_bg.jpg") no-repeat 50% 50%; background-size: cover;}
.mainvideo .video {width:100%;}
.mainvideo .container-content {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0; }
.mainvideo .container-content .full-col {height:auto; position:relative; top:50%; transform: translateY(-50%);}
.mainvideo .container-content .full-col2 {height:auto; position:relative; top:50%; transform: translateY(-50%);}
.mainvideo .container-content a.vlogo:hover {opacity: 0.7;}
.mainvideo .container-content h1 {margin: 40px auto 10px; color:#fff; font-size: 72px; line-height: 80px;}
.mainvideo .container-content .v-sub-h {max-width:600px; margin: 0 auto 30px; color: #ffffff; font-size: 24px; line-height: 30px; font-weight:300;}
.mainvideo .container-content .mdl-button {background-color:#d91e18!important; color:#fff!important;}


/* --- mainvideo-home --- */
.mainvideo-home {background: url("/images/home_bg.jpg") no-repeat center 74% / cover;  border-bottom:1px solid #d9d9d9;}
.mainvideo-home .col {float:left;}
.mainvideo-home .l {width:49%;}
.mainvideo-home .r {width:49%;}

.mainvideo-home .form-wrap {padding:30px; background-color:#e8f6ff; border:1px solid #999;}
.mainvideo-home h2 {padding:130px 0 60px 0;  color: #ffffff; font-size: 48px; line-height: 1; font-weight:300; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.mainvideo-home .l .sub-h {padding-bottom:20px; color: #ffffff; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}

@media only screen and (min-width: 1670px) {
.mainvideo-home {background-position:center calc(74% + 50px);}
}

@media only screen and (max-width: 768px) {
  .mainvideo-home {padding-top:0px; padding-bottom:0px; background:none;}
  .mainvideo-home .col {width:auto; float:none;}
  .mainvideo-home .col.l {padding:0 2%; background: url("/images/home_bg.jpg") no-repeat center 70% / cover;}
  .mainvideo-home h2 {padding-top:40px; padding-bottom:60px; font-size:40px;}
  .mainvideo-home .l .sub-h {padding-bottom:30px;}
  
}


/* --- registration-form --- */
.registration-form .sub-h {padding:6px 0 10px 0; text-align:left;}
.registration-form .input-error {padding-top:0px;}

.registration-form .btn-wrap {text-align:right;}
.registration-form .mdl-button {margin-top:16px;}

.registration-form input {width:100%; box-sizing: border-box;}
.registration-form .inputbox input, .registration-form .inputbox .combobox-btn {}
.registration-form .phone-wrap input {width:100%;}

.registration-form .name-input-wrap {width:48%; display:inline-block; float:right;}
.registration-form .name-input-wrap:first-child{float:none;}
.registration-form .phone-wrap .name-input-wrap {width:100%;}

.registration-form .address-input-wrap {margin-right:17px; display:inline-block;}
.registration-form .address-input-wrap:first-child {width:48%;}
.registration-form .address-input-wrap.last {margin-right:0px; float:right;}
.registration-form #street_id {width:100%;}
.registration-form #street_id input {width:100%; margin-right:-40px; }
.registration-form #building_id input, .registration-form #building_id select {width:83px;}
.registration-form #flat {width:105px;}
.registration-form #time, .registration-form #time input {width:100%; margin-right:-40px; box-sizing: border-box;}

@media only screen and (max-width: 1200px) {
  .registration-form .name-input-wrap {width:100%; margin-left:0px;}
  .registration-form input {width:100%; box-sizing: border-box;}
  .registration-form .address-input-wrap:first-child {width:100%; margin-left:0px;}
  .registration-form .address-input-wrap.last {float:none;}
  .registration-form #street_id{width:100%; box-sizing: border-box;}
  
}



/* --- auth-form --- */
.auth-form .btn-wrap {text-align:right;}
.auth-form .mdl-button {margin-top:16px;}

.auth-form input {width:100%; box-sizing: border-box;}
.auth-form .name-input-wrap {width:48%; display:inline-block; float:right;}
.auth-form .name-input-wrap:first-child{float:none;}


@media only screen and (max-width: 1200px) {
  .auth-form .name-input-wrap {width:100%; margin-left:0px;}
  .auth-form input {width:100%; box-sizing: border-box;}
}



/* --- connect --- */
.connect {padding:40px 0; /*height:500px;*/ /*background: url("/images/connect_bg.jpg") no-repeat center top;*/ text-align:center; position:relative; }
.connect h3 {padding:60px 0 60px 0;}
.connect h3 span {/*border-bottom:1px solid #fff;*/}
.connect .step {width:147px; height:147px; padding:28px; background-color:#ffcc00; display:inline-block; text-align:center; vertical-align:middle; -webkit-border-radius: 50%; border-radius: 50%;}
.connect .step:hover { background-color:#ffe400;}
.connect .step-arr {width:125px; height:10px; background-color:#ffcc00; display:inline-block; vertical-align:middle;}
.connect .num {margin-bottom:14px; font-size:30px; line-height:1; font-weight:bold; color:#fff; display:block;}
.connect .text {line-height:23px;}
.connect .text b {text-decoration:underline;}
.connect .step:hover .text b {text-decoration:none;}
.connect .alltariffs {margin-top:56px; padding:0px 0 1px 35px; background: url("/images/alltariffs_icon.png") no-repeat left top;  font-size:24px; font-weight:bold; text-align:center; display:inline-block;}
.connect .alltariffs span{border-bottom:2px solid #181818;}
.connect .alltariffs:hover span{border-bottom:none;}

.connect .step.st3:hover{background-color:#ffcc00;}
.connect .st3 .text b {text-decoration:none;}





/* --- internet --- */
.internet-block {height:457px; text-align:center; background-color:rgba(62, 154, 241, 1); }
/*.internet {box-shadow:inset 0 2px 2px 0 rgba(0, 0, 0, 0.14), inset 0 3px 1px -2px rgba(0, 0, 0, 0.2), inset 0 1px 5px 0 rgba(0, 0, 0, 0.12), 
 0 2px 2px 0 rgba(0, 0, 0, 0.14),  0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}*/
.internet-block .full-col {width:910px;}
.internet-block .full-col2 {width:910px;}
.internet-block h2 {padding:34px 0 10px 0; color:#fff;}
.internet-block .sub-h {margin-bottom:100px; color:#fff;}
.internet-block h2 span {/*border-bottom:1px solid #181818;*/}
.internet-block .mdl-button {background-color: #d91e18 !important; color: #fff !important;}


/* --- cart --- */
.cart-frame {width:100%; height:100%; position:fixed; right:0px; top:0px; z-index:10000; border:2px solid #00aff0; box-sizing: border-box; visibility:hidden;}
.cart-frame.show {visibility:visible;}

.cart-frame.show {
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all .2s ease-in-out; /** Firefox **/
    -o-transition: all .2s ease-in-out; /** Opera **/
}

.cart-frame.show.go {width:1px;	height:1px; right:460px; top:40px; margin-bottom:-40px;}

.cart-block {float:right; display:none;}
.cart-block p a {line-height:60px; color:#00aff0;}
.cart-block.show{display: block;}

#top .topmenu-wrap a.cart-icon {width:50px; height:50px; margin:-5px 0px -5px 10px; background-color:#00aff0; color:#fff; font-size:20px; line-height:50px; text-align:center; cursor:pointer; position:relative; z-index:10; float:right; display:none;}
#top .topmenu-wrap a.cart-icon:hover { background-color: rgba(0, 175, 240, 0.7); border:none;} 




@media only screen and (max-width: 1200px) {
  .cart-frame.show.go {right:380px;}
}
@media only screen and (max-width: 992px) {
  .cart-frame.show.go {right:230px;}
  .cart-block p {font-size:13px;}
  .cart-block .text {display:none;}
}
@media only screen and (max-width: 768px) {
  .cart-block, .cart-block.show {display: none;}
  #top .topmenu-wrap a.cart-icon.show {display: block;}
  .cart-frame.show.go {right:89px; top:20px; }
}


/* --- tariff-slider --- */
.tariff-slider-wrap {width:595px; margin:0 auto 90px; position:relative;}
.tariff-slider-wrap .inyourhome {margin-bottom:40px; font-size:19px; text-align:left;}
.tariff-slider {width:555px; height:28px; margin:0 20px; position:relative; background-color:#444; -webkit-border-radius: 14px; border-radius: 14px; cursor:pointer; z-index:1;}
.tariff-slider {border-radius: 0px\9;}
.tariff-slider:after{content: ''; width:100%; height:100%; margin-left:-20px; padding:0 18px; -webkit-border-radius:14px; border-radius:14px; display:block; background-color:#444; position:relative; z-index:10;}

.tariff-slider .ui-slider-handle {width:41px; height:41px; margin-left:-20px; background: url(/images/slider-handle.png) no-repeat; position: absolute; top:-7px; z-index: 100; display:block; -webkit-box-shadow:0 0 6px -1px #eb6758; box-shadow:0 0 6px -1px #eb6758; -webkit-border-radius:20px; border-radius:20px;}
.tariff-slider .ui-slider-range {height: 100%; padding-right:20px; background-color:#e8e8e8; display: block; position: absolute; right:-20px; top: 0; z-index: 50; -webkit-border-radius:14px; border-radius:14px;}
.tariff-slider .ui-slider-handle span {color:#fff;}

.tariff-slider .cheaper, .tariff-slider .faster {position:absolute; top:5px; font-size:12px; #fff; z-index:100;}
.tariff-slider .cheaper {left:-8px; color:#fff;}
.tariff-slider .faster {right:-5px;}
.tariff-slider .amount {width:200px; position:absolute; left:-80px; top:-30px; font-size:19px;}
.tariff-slider .price {width:200px; position:absolute; left:-80px; top:50px; font-size:19px;}

.tariff-slider-wrap .registration {float:right; position:relative; top:-9px;}

.tariff-slider-wrap.lock:after{content: ''; width:100%; height:100%; z-index:10000;}

/* --- unlimit --- */
.unlimit {padding:30px 0; border-bottom:1px solid #ececec; text-align:center;}
.unlimit .full-col {overflow:hidden;}
.unlimit .full-col2 {overflow:hidden;}
.unlimit h2 {padding:60px 0 8px;}
.unlimit .package-wrap {margin:0 -15px; padding-top:40px; display:inline-block;}
.unlimit .package {width:287px; height:505px; margin:5px; position:relative; display:inline-block; vertical-align:top; cursor:pointer; box-sizing: border-box;}
.unlimit .package.mark {}
.unlimit .pack-h {margin-bottom:10px; padding:15px 0px; font-size:22px; line-height:25px; }
.unlimit .pack-sh {font-size:18px; display: block;}
.unlimit .package:first-child .pack-h {padding:32px 0 23px 0;}

.unlimit .pack-p {margin-bottom:24px; /*padding-bottom:28px; */font-size:20px; line-height:1; /*border-bottom:1px solid #abbcbc;*/}
.unlimit .pack-p strong{font-size:28px;}
.unlimit .desc {line-height:18px; text-align: left;}
.unlimit .desc .material-icons {float: left;}
.unlimit .desc .text {margin-left:40px; padding-top:2px; font-size:15px; display: block;}
.unlimit .plus {padding-left:60px; font-size:22px; text-align:left; display: block;}
.unlimit .pack-f {width:100%; position:absolute; left:0px; bottom:30px; }



.unlimit .btn-wrap {text-align:center;}
.unlimit .small {margin-right:5px; text-align:right; color:#00aff0;}
.unlimit .small a {text-decoration:underline;}
.unlimit .small a:hover {text-decoration:none;}

.unlimit .unlimit-devider {display:none;}


@media only screen and (max-width: 1200px) {
	.unlimit .unlimit-devider {display:block;}
}

@media only screen and (max-width: 768px) {
  .unlimit .package-wrap {margin: 0; display:block;}
  .unlimit .package {width:auto; height:auto; margin:0px 15px 15px 15px; padding:10px 0px 30px 0px; display: block; box-sizing: border-box;}
  .unlimit .desc, .unlimit .plus {max-width: 290px; margin: 0 auto; box-sizing: border-box;}
  .unlimit .pack-p {margin-top: 24px;}
  .unlimit .pack-f {position: static;}
  .unlimit .package:first-child .pack-h {padding:15px 0 10px 0;}
  .unlimit .small {padding:0 15px;}
}





/* --- internet-page --- */
.internet-page .mainblock {height:260px; border-bottom:1px solid #d9d9d9; background: url("/images/internet_bg.jpg") no-repeat center center / cover; text-align:center; position:relative; }
.internet-page .mainblock h2 {max-width:430px; padding:0; margin-top:40px; padding:15px 15px 20px 15px; background-color:#999; color:#fff; font-size:32px; line-height:42px; text-align:left; text-shadow:none; float:left;}

.internet-page .availabletime-block {padding:40px 0; background-color:#f2f2f2; border-bottom:1px solid #ececec; text-align: center;}
.internet-page .availabletime-block h5{padding-bottom:20px;}
.internet-page .availabletime-block h5.period{padding-bottom:15px; font-size:20px;}
.internet-page .availabletime {margin:0 auto; text-align: center;}
.internet-page .availabletime .col {margin:0 40px; display: inline-block; vertical-align:top;}
.internet-page .availabletime p {font-size:16px; line-height:30px; text-align: left;}
.internet-page .availabletime .day, .internet-page .availabletime .date {font-weight: bold;}

.internet-page .more {width:550px; margin:20px auto 0 auto; text-align:right;}
.internet-page .more a{text-decoration:underline;}
.internet-page .more a:hover {text-decoration:none;}
.internet-page .more i {vertical-align:middle;}

@media only screen and (max-width: 992px) {
  .internet-page .mainblock h2 {max-width:400px; margin-top:140px; margin-right:30px; padding:10px; font-size:30px;}
}
@media only screen and (max-width: 768px) {
  .internet-page .mainblock {height:360px; padding:0px;}
  .internet-page .mainblock h2{width:100%; max-width:none; background-position:66% 50%; float:none; position:absolute; bottom:0px;}
}


.choose-tariff {padding:50px 0; overflow: hidden;}
.choose-tariff h4 {padding-bottom:30px; text-align:center;}
.choose-tariff .col {width:49%; float:left;}
.choose-tariff .table-wrap {} 
.choose-tariff table.choose-tariff-tbl {width: auto; margin: 0 auto;}
.choose-tariff table.choose-tariff-tbl tr {cursor: pointer;}
.choose-tariff table.choose-tariff-tbl tr:hover {background-color: rgba(136, 147, 168, 0.3);}
.choose-tariff table.choose-tariff-tbl td {height:30px; padding:10px 20px; vertical-align:middle; text-align:left; font-size:17px; white-space: nowrap;}
.choose-tariff table.choose-tariff-tbl td.ch {width:10px;}
.choose-tariff table.choose-tariff-tbl .mdl-radio {vertical-align:top;}
.choose-tariff table.choose-tariff-tbl tr.ip td {}

.choose-tariff .summary {width:80%; max-width:285px; margin:10px auto 0; padding:25px; background-color:#f2f2f2; border:1px solid #ececec; color:#585f6a; text-align:center;}
.choose-tariff .s-mb{padding-bottom:20px; font-size:24px; line-height:1; border-bottom:1px solid #ddd; }
.choose-tariff .sum {padding:10px 0 20px 0; font-size:22px; line-height:30px;}
.choose-tariff .s-ip {padding:20px 20px 40px 20px; text-align:left; display:none;}
.choose-tariff .s-ip .mdl-checkbox__label {padding-left:20px;}
.choose-tariff .s-ip-fee {font-size:16px; line-height:28px; float:right;}

.mob-tariff-slider-wrap {position:relative; display: none;}
.mob-tariff-slider {height:4px; margin:50px 0px 60px 0px; position:relative; background-color:#444; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; z-index:1;}
.mob-tariff-slider:after{}

.mob-tariff-slider .ui-slider-handle {width:45px; height:60px; margin-left:-24px; background: url(/images/mob-slider.png) no-repeat; background-size:contain; position: absolute; top:4px; z-index: 100; display:block;}
.mob-tariff-slider .ui-slider-range {height: 100%; display: block; position: absolute; right:0px; top: 0; z-index: 50; -webkit-border-radius:2px; border-radius:2px;}
.mob-tariff-slider .ui-slider-handle span {color:#fff;}

.mob-tariff-slider-wrap .cheaper, .mob-tariff-slider-wrap .faster {padding:5px; position:absolute; top:-40px; font-size:16px; line-height:1; vertical-align:top; cursor:pointer;}
.mob-tariff-slider-wrap .cheaper {padding-left:0px; left:-7px;}
.mob-tariff-slider-wrap .faster {padding-right:0px; right:-7px;}
.mob-tariff-slider-wrap .cheaper .material-icons, .mob-tariff-slider-wrap .faster .material-icons {font-size:16px; vertical-align:top;}

.mob-tariff-slider .amount {display: none;}
.mob-tariff-slider .price {display: none;}

.mob-tariff-slider table {width: 100%; position: absolute; top:-3px;}
.mob-tariff-slider table td {text-align: left; position: relative;}
.mob-tariff-slider table span {width: 10px; height: 10px; background-color:#444; -webkit-border-radius: 5px; border-radius:5px; display: block; position: absolute; left: -5px;}
.mob-tariff-slider table span.r {left: auto; right: -4px}

.choose-tariff .mdl-checkbox__ripple-container .mdl-ripple {background-color:#585f6a;}
.choose-tariff .mdl-checkbox__box-outline {}
.choose-tariff .mdl-checkbox.is-checked .mdl-checkbox__box-outline {border-color:#585f6a;}
.choose-tariff .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {}
.choose-tariff .mdl-checkbox .mdl-checkbox__tick-outline {mask:initial; -webkit-mask:initial;}


@media only screen and (max-width: 992px) {
  .choose-tariff .col.l {width:59%;}
  .choose-tariff .col.r {width:39%;}  
  .choose-tariff .summary {width:auto;}
  .choose-tariff table.choose-tariff-tbl td {padding:10px 10px;}

}
@media only screen and (max-width: 768px) {
  .internet-page .availabletime-block h5 {margin:0 2%;}
  .internet-page .availabletime {margin:0 2%; }
  .internet-page .availabletime .col{width:130px; margin: 0px auto 30px auto; display: block;}
  .internet-page .more {width:100%; margin:0; text-align:right;}
  
  .choose-tariff .col.r{width:auto; margin:0 2%; float: none;}
  .choose-tariff .col.l {display: none;}
  .choose-tariff .summary {max-width:none;}
  .choose-tariff .s-ip-fee {margin-left:48px; line-height:10px; display:block; float:none; position:relative; top:-10px;}
  .choose-tariff .s-ip {display:block;}
  .choose-tariff .s-ip .mdl-checkbox__label {position:relative; top:-10px;}

  .choose-tariff .mob-tariff-slider-wrap {margin:0 25px; display: block;} 

}
@media only screen and (max-width: 500px) {
  .internet-page .more {width:100%; margin:0; text-align:right;}

}




/* --- phones --- */
.phones {text-align:center; padding-bottom:40px;}
.phones h2 {padding:60px 0 8px;}
.phones .btn-bar {margin-top:30px;}
.phones .choose-h {padding:36px 0 35px; font-size:17px; font-style:italic;}
.phones .choosenum {height:442px; margin:51px auto 0px auto; background:#6b554d url("/images/choose_num_bg_1.jpg") no-repeat center center / cover; color:#fff;}
.phones .choosenum-content {width:670px; margin:auto; padding-bottom:35px; position: relative; top: 50%; transform: translateY(-50%); background-color: rgba(41, 47, 56, 0.76);}

.phones h4 {padding:40px 0 20px 0; font-size:48px; line-height:50px; }
.phones .choosenum-sub-h {font-size: 20px; line-height: 24px; font-weight: 300;}
.phones .num-price {padding:35px 0 32px 0; font-size:20px; line-height:1; visibility:hidden;}
.phones .num-price strong {font-size:28px;}
.phones .choosenum .mdl-button {width:195px;}


.phones .icon-wrap {width:960px; margin:50px auto 0 auto; position:relative;}
.phones .os-icon .text {border-bottom-color:#a0a0a0;}
.phones .os-icon.active .text {color:#c9c9c9; border-bottom:none;}

.phones .phone-app-wrap {width:960px; margin:30px auto 0 auto; position:relative;}
.phones .app-popup {display:none;}
.phones .app-popup.desc {display:block;}
.phones .app-popup.desc .app-t {width:800px;}

.phones .app-popup.ios {background-image: url("/images/app-ios.jpg")}
.phones .app-popup.mac {background-image: url("/images/app-mac.jpg")}
.phones .app-popup.android {background-image: url("/images/app-android.jpg")}
.phones .app-popup.win {background-image: url("/images/app-comp.png")}
.phones .app-popup.sip {background-image: url("/images/app-sip.jpg")}
.phones .app-popup.phone {background-image: url("/images/app-phone.jpg")}


.phones .app-popup.phone {height:auto;}
.phones .app-popup.phone .app-t {width:auto; padding:44px 40px 0px 80px; position:relative;}
.phones .app-popup.phone .app-t .lid {width:447px;}
.phones .app-popup.phone .phone_shem {margin:35px 0 0 0; height:72px; background: url("/images/phone_shem1.png") no-repeat left top; }
.phones .app-popup.phone .device {padding-top:35px; padding-bottom:20px; border-bottom:5px solid #dcdcdc; display:none;}
.hones .app-popup.phone .device:first-child{display:block;}
.phones .app-popup.phone .device-desc {width:385px; float:left;}
.phones .app-popup.phone .device-title {font-size:30px; line-height:40px;}
.phones .app-popup.phone .device-type { font-size:17px; font-style:italic; line-height:22px;}
.phones .app-popup.phone .device-opt {margin:20px 0 25px 0;}
.phones .app-popup.phone .device-opt li {font-size:15px; line-height:35px;}
.phones .app-popup.phone .btn-wrap button {margin-bottom:20px;}
.phones .app-popup.phone .device-img {float:left;}
.phones .app-popup.phone .device-img img {width:300px;}
.phones .app-popup.phone .img-icon-wrap {float:right;}
.phones .app-popup.phone .img-icon-wrap a {margin-bottom:20px; border:3px solid #fff; -webkit-border-radius:3%; border-radius:3%;display:block;}
.phones .app-popup.phone .img-icon-wrap a.active, .phones .app-popup.phone .img-icon-wrap a:hover {border-color:#9edfff;}
.phones .app-popup.phone .device-icon img {width:90px; padding:10px; display:block;}
.phones .app-popup.phone .more {padding:40px 0; font-size:20px; display:block;}
.phones .app-popup.phone span {cursor:pointer;}
.phones .app-popup.phone .more .text {padding-bottom:2px; border-bottom:1px dashed #181818; display:inline-block;}
.phones .app-popup.phone .more:hover .text {border-bottom-color:#fff;}
.phones .app-popup.phone .more .arrow-down, .phones .app-popup.phone .more .arrow-up {margin-left:10px;}


.phones .app-popup.phone .ph-i {padding-right:19px;}
.phones .app-popup.phone .ph-r {padding-right:28px;}
.phones .app-popup.phone .device-slider {width:800px; height:230px; margin-top:40px; position:relative; overflow:hidden;}
.phones .app-popup.phone .device-slide {width:800px; height:230px;/* display:none;*/}
.phones .app-popup.phone .device-slide:first-child{display:block;}
.phones .app-popup.phone .device-slide .device-img {width:220px; float:left;}
.phones .app-popup.phone .device-slide .device-desc {margin-left:275px; position:relative;}
.phones .app-popup.phone .device-slide .device-type { font-size:17px; line-height:1;}
.phones .app-popup.phone .device-slide .device-title {padding:5px 0 20px 0; font-size:27px;}
.phones .app-popup.phone .device-slide ul {margin-left:1em; line-height:25px;}
.phones .app-popup.phone .device-slide li {padding-left:.5em; list-style:square outside none;}
.phones .app-popup.phone .device-slide .device-icon {width:50px; margin:20px 10px 0 0;}
.phones .app-popup.phone .device-slide .btn-wrap {position:absolute; right:0px; bottom:0px; text-align:right;}
.phones .app-popup.phone .device-slide .btn-wrap button {margin-top:10px;}
.phones .app-popup.phone .device-slide-arr {position:absolute; top:295px;}
.phones .app-popup.phone .device-slide-arr.left {left:25px;}
.phones .app-popup.phone .device-slide-arr.right {right:25px;}
.phones .app-popup.phone .device-slide-arr .material-icons {font-size:48px;}




/*.phones .app-popup.phone .device-slide .device-img {
	transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}*/



.phones .prefix, .phones .phonenumber {margin-right:12px;}
.phones .prefix input {width:36px;}
.phones .phonenumber input {width:126px;}
.phones .choosenum .btn {}
.phones .desc p {margin-bottom:1em;}


/* --- phones-page --- */
.phones-page .phones-search-wrapper {padding:30px 0 40px 0; background-color:#00aff0; border-bottom:1px solid #ececec; text-align: center;}
.phones-page .phones-search-wrapper h5{padding-bottom:20px; color: #fff; font-size:22px;}
.phones-page .mainblock h2 {padding:30px 0 30px 0;  color: #ffffff; font-size: 48px; line-height: 1; font-weight:300; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.phones-page .mainblock .sub-h {padding-bottom:20px; color: #ffffff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.phones-page .mainblock a.mainlink:hover {background-color:rgba(255, 255, 255, 0.2); transition: all 0.3s ease 0s; }

.phones-page .calltariffs-desc {display:none;}


@media only screen and (max-width: 992px) {
  .phones-page .mainblock h2 {padding:10px 0 30px 0;}
  .phones-page .mainblock a.mainlink {margin-top:20px;}
}
@media only screen and (max-width: 768px) {
  .phones-page .phones-search-wrapper, .phones-descriptions {padding: 30px 8%;}
  .phones-page .phones-search-wrapper h5 {text-align: left;}
}

/* --- mainvideo-phones --- */
.mainvideo-phones {height:420px; background: url("/images/phone_bg.jpg") no-repeat center center / cover; text-align:center; position:relative; display:block;}
.mainvideo-phones .phone-devider {display:none;}
@media only screen and (max-width: 1200px) {
   .phones-page .mainblock h2 {padding:10px 0; font-size:40px;}
   .phones-page .mainblock .sub-h {font-size:20px;}
}
@media only screen and (max-width: 992px) {
   .mainvideo-phones .phone-devider {display:block;}
}



/* --- phones-descriptions --- */
.phones-descriptions {padding:30px 0; background-color:#f2f2f2;}
.phones-descriptions h4 {text-align:center;}
.phones-descriptions p{margin-top:1em; text-align:center;}
.phones-descriptions p:first-child {margin-top:0;}

@media only screen and (max-width: 768px) {
  .phones-descriptions {padding: 30px 8%;}
}

/* --- phones-search --- */
.phones-search {max-width:500px; margin:0 auto; text-align: center; position:relative; display:block;}
.phones-search .inputbox {width:100%; height:44px; padding:0 17px; line-height:44px; text-align:left; color:#999; box-sizing: border-box;}
.phones-search #search_fild {width:600px; margin-right: 30px;}
.phones-search .search {height:44px; padding:0 30px; line-height:44px; background-color:#687b83; color:#fff; text-transform:uppercase; position:absolute; top:0px; right:0px; z-index:10; }

@media only screen and (max-width: 992px) {	
	.phones-search #search_fild {width:457px; margin-right: 20px;}
}
@media only screen and (max-width: 768px) {	
    .phones-search {text-align:center; display:block;}
	.phones-search #search_fild {width:100%; margin-right: 0px;}
	.phones-search .search {padding:0 10px;}
	.phones-search button {margin-top:20px; }
}


/* --- phonenum-page --- */
.phonenum-page h4 {padding:30px 0 30px 0; text-align: center;}

.choose-phone {padding-bottom:30px;}
.choose-phone .is_stuck {z-index:50;}
.choose-phone .cp-header {height:160px; margin-bottom:10px;}

.choose-phone .tbs-h {width:100%; height:100%; background-color:#fff; border-collapse:separate; border-spacing:5px;}
.choose-phone .tbs-h td{width:33%; height: 100%; text-align:center; position:relative;}
.choose-phone .tbs-h td.mark {border-color: #b3b3b3;}
.choose-phone .tbs-h .box-price {padding-bottom:0px;}

.choose-phone .tbs-h .arr-tr th, .choose-phone .tbs-h .arr-tr td {height:1px; padding:0px; position:relative;}
.choose-phone .tbs-h .triangle-left, .choose-phone .tbs-h .triangle-right { position:absolute; top:29px; right:10px; z-index:10; cursor:pointer; display:none;}
.choose-phone .tbs-h .triangle-left {left:10px; right:auto;}

.choose-phone .cp-block-wrap {min-height:415px; margin:0; position:relative; box-sizing: border-box; overflow:hidden;}

.choose-phone .tbl-body {width:100%; border-collapse:separate; border-spacing:5px;}
.choose-phone .tbl-body td{width:33%; padding:10px 0; font-size:16px; line-height:1; vertical-align:middle; text-align:center; cursor:pointer;}
.choose-phone .tbl-body td.choosed {background-color:#ddd;}
.choose-phone .tbl-body td:hover {background-color:#f5f5f5;}

.choose-phone .tbl-body td a {width:80px; visibility:hidden; display:inline-block;}
.choose-phone .tbl-body td:hover a, .choose-phone .tbl-body td.choosed a {visibility:visible;}
.choose-phone .tbl-body td .phonenum {padding:0 20px 0 85px;}

.choose-phone .tbl-body td.empty:hover {background-color:#fff;}


@media only screen and (max-width: 992px) {
  .choose-phone .tbl-body td .phonenum {padding-left:0px;}
  .choose-phone .tbl-body td a {margin-left:-100px; padding-right:5px; float:right;}
}

@media only screen and (max-width: 768px) {
  .choose-phone.full-col{ margin:0 2%;}
  .choose-phone.full-col2{ margin:0 2%;}
  .choose-phone .cp-header {height:auto; background-color:#f5f5f5; border:2px solid #e8e8e8;}
  .choose-phone .tbs-h {background-color:#f5f5f5; border-collapse:collapse;}
  .choose-phone .tbs-h .box {border:none; background:none;}
  .choose-phone .cp-block-wrap {margin:0px;}
  
  .choose-phone .cp-block td, .choose-phone .tbs-h td{width:auto; padding:10px 0px; display:none;}
  .choose-phone .cp-block td.active, .choose-phone .tbs-h td.active{display:table-cell;}
  
  .choose-phone .tbs-h .arr-tr th, .choose-phone .tbs-h .arr-tr td {display:table-cell;}
  .choose-phone .tbs-h .triangle-left, .choose-phone .tbs-h .triangle-right {display:block;}
  
  .choose-phone .tbs-h td.active, .choose-phone .cp-block td.active{display:table-cell;}
  
  .choose-phone .tbs-h .box-price {padding-top:10px;}
  .choose-phone .tbl-body td .phonenum {padding:0 20px 0 85px;}
  .choose-phone .tbl-body td a {margin-left:0; padding-right:0px; float:none;}
}


.paginator {text-align: center;}
.paginator .pager {margin: 0 20px;}
.paginator .pager a, .paginator .pager span{width:25px; height:25px; line-height:25px; margin:0 5px; background-color:#f2f2f2; border:1px solid #ececec; display: inline-block;}
.paginator .pager span.active {background-color:#00aff0; border:1px solid #00aff0; color: #fff;}
.paginator .prev, .paginator .next {visibility: hidden;}




/* --- tv-page --- */
.tv-page .mainblock {height:380px; background: url("/images/tv_bg.jpg") no-repeat center top / cover; text-align:center; border-bottom:1px solid #d9d9d9; position:relative; }
.tv-page .mainblock h2 {max-width:430px; padding:0; margin-top:250px; padding:15px 15px 20px 15px; background-color:#999; color:#fff; text-align:left; text-shadow:none; float:left;}


/* --- tv-block --- */
.tv-block {}
.tv-block .tv-block-top {background-color:#f2f2f2; border-bottom:1px solid #ececec;}
.tv-block h2 {padding:60px 0 8px;}
.tv-block .sub-h {padding-bottom:30px;}
.tv-block .d-block-wrap{padding:50px 0 30px 0;}

.tv-block .tv-bottom {background-color:#f2f2f2;}
.tv-block .smotreshka {margin-top:20px; padding-bottom:60px; text-align:center; background:url("/images/smotreshka_logo.png") no-repeat center 30px; background-size:130px; font-size:12px;}


.tv-block .channel-list-block {padding:0px 0 30px 0; border-bottom:1px solid #ececec;}
.tv-block .channel-list-block h4{padding:30px 0; text-align:center;}

.tv-block .tv-channels {background-color:#ff67a1;}
.tv-block .tv-channels .full-col {width:960px;  position:relative;}
.tv-block .tv-channels .full-col2 {width:960px;  position:relative;}
.tv-block .tv-channels-carousel {padding:50px 0; position:relative;}
.tv-block .tv-icon-wrap {width:960px; height:103px; margin:0 auto; overflow:hidden;}
.tv-block .tv-icon {width:183px; height:103px; margin-right:9px; background-color:#ccc; float:left; overflow:hidden;}
.tv-block .tv-slide-arr {position:absolute; left:-48px; top:75px;}
.tv-block .tv-slide-arr.right {left:auto; right:-39px;}
.tv-block .tv-slide-arr i {font-size:48px;}

.tv-block .addition-package {padding-bottom:30px;}
.tv-block .addition-package h5 {padding:30px 0; text-align:center;}
.tv-block .addition-package .box-wrap{margin:0 -5px;}
.tv-block .addition-package .box {width:287px; height:295px; margin:5px; padding:20px 45px; display:inline-block; vertical-align:top; text-align:center; box-sizing: border-box; position:relative;}

.tv-block .addition-package .box-name .material-icons{font-size:27px; line-height:18px; color:#999; vertical-align:sub;}

.tv-block .addition-package .box-subname {line-height:22px; text-align:left; display:inline-block;}
.tv-block .addition-package .box-subname .material-icons{font-size:27px; line-height:18px; color:#999; vertical-align:bottom;}


.tv-app-download {padding-top:20px; text-align:center;}
.tv-app-download li{padding: 10px 6px; display:inline-block;}


@media only screen and (max-width: 768px) {
	.tv-page .mainblock {height:250px; padding:0px; background-position:42% top; background-size: auto 80%;}
	.tv-page .mainblock h2 {width:100%; max-width:none; margin:0px; padding:2%; font-size:35px; float:none; position:absolute; bottom:0; box-sizing: border-box;}
    .tv-page .tv-block .d {width:auto; display:block;}
	.tv-page .addition-package {margin:0 2%;}
	.tv-page .addition-package .box {width:auto; margin:10px 5px; height:auto; display:block;}
}




/* --- channel-list-block --- */
.channel-list-block .channel-header {height:230px; margin-bottom:15px; z-index:50;}

.channel-list-block .cl-subheader {height:40px; padding:0; font-size:20px; line-height:40px; text-align:center; cursor:pointer; background-color:#ddd; z-index:15;}
.channel-list-block .cl-subheader.is_stuck {}
.channel-list-block .cl-subheader .material-icons {font-size:32px; vertical-align:middle; color:#333;}

.channel-list-block .cl-block-wrap {margin:0 5px; box-sizing: border-box;}
.channel-list-block .cl-block {}

.channel-list-block .tbs-cl, .channel-list-block .tbs-h {width:100%;}
.channel-list-block .tbs-cl th, .channel-list-block .tbs-h th{width:20%; padding:5px 0 5px 10px;}
.channel-list-block .tbs-cl td, .channel-list-block .tbs-h td{width:20%;}

.channel-list-block .tbs-h td, .channel-list-block .tbs-cl td {transition: opacity 0.1s ease 0s;}

.channel-list-block .tbs-h {width:100%; height:100%; background-color:#fff; border-collapse:separate; border-spacing:5px;}

.channel-list-block .tbs-h td{height:100%; padding:20px 1px; text-align:center; position:relative;}

.channel-list-block .tbs-h .arr-tr th, .channel-list-block .tbs-h .arr-tr td {height:1px; padding:0px; position:relative;}
.channel-list-block .tbs-h .triangle-left, .channel-list-block .tbs-h .triangle-right {position:absolute; top:40px; right:10px; z-index:10; display:none; cursor:pointer;}
.channel-list-block .tbs-h .triangle-left {left:10px; right:auto;}
.channel-list-block .tbs-h .triangle-left:hover, .channel-list-block .tbs-h .triangle-right:hover {opacity:.7;}


.channel-list-block .tbs-cl th {vertical-align:middle; text-align:left; font-size:16px; line-height:28px; position:relative;}
.channel-list-block .tbs-cl td {vertical-align:middle; text-align:center;}
.channel-list-block .tbs-cl img {width:30px; margin-right:10px; vertical-align:middle;}

.channel-list-block .tbs-cl th .material-icons {color:#999; position:absolute; right:0px; top:6px; font-size:38px; line-height:25px;}
.channel-list-block .tbs-cl td .material-icons {}

.channel-list-block .cicle {width:10px; height:10px; border:1px solid #0e629b; -webkit-border-radius: 50%; border-radius: 50%; display:inline-block;}
.channel-list-block .cicle.on {background-color:#0e629b;} 

.channel-list-block p {line-height:1;}
.channel-list-block .box .box-price {padding:20px 0;}
.channel-list-block .mdl-button {width:77px;}


@media only screen and (max-width: 992px) {
	.channel-list-block .tbs-cl th, .channel-list-block .tbs-h th{width:30%;}
	.channel-list-block .tbs-cl td, .channel-list-block .tbs-h td{width:35%; opacity:0; display:none;}	
	.channel-list-block .tbs-cl td.md, .channel-list-block .tbs-h td.md{display:table-cell;}
	
	.channel-list-block .tbs-h td {padding:20px 30px;}
	
	.channel-list-block .tbs-cl td.active, .channel-list-block .tbs-h td.active{display:table-cell; opacity:1;}
	
	.channel-list-block .tbs-h .arr-tr th, .channel-list-block .tbs-h .arr-tr td {display:table-cell;}
	.channel-list-block .tbs-h .triangle-left, .channel-list-block .tbs-h .triangle-right {display:block;}	
	.channel-list-block .tbs-h .triangle-left {left:-30px; right:auto;}
	.channel-list-block .tbs-h .triangle-right {right:-30px;}	
}

@media only screen and (max-width: 768px) {
	
	.channel-list-block { margin:0 2%;}
	.channel-list-block .channel-header {background-color:#f5f5f5; border:2px solid #e8e8e8;}
	.channel-list-block .tbs-h {background-color:#f5f5f5; border-collapse:collapse;}
	
	.channel-list-block .tbs-h th {width:0px; padding-left:0px;}
	.channel-list-block .tbs-h td{padding-left:45px; padding-right:45px; display:none;}
	.channel-list-block .tbs-h .box {border:none; background:none;}
		
	.channel-list-block .tbs-h .arr-tr th, .channel-list-block .tbs-h .arr-tr td {display:table-cell;}
	.channel-list-block .tbs-h .material-icons {right:-5px; display:block;}
	.channel-list-block .tbs-h th .material-icons {left:auto; right:-75px;}
	.channel-list-block .tbs-h .material-icons:hover {color:#333;}
	
	.channel-list-block .tbs-cl {width:295px; margin:0 auto;}
	.channel-list-block .tbs-cl tr {position:relative;}
	.channel-list-block .tbs-cl th{width:auto; padding-left:50px;}
	.channel-list-block .tbs-cl td {width:0px; padding:0px; display:none;}
	.channel-list-block .tbs-cl td .material-icons {position:relative; left:-260px;}

	.channel-list-block .cl-block-wrap {margin:0; box-sizing: border-box;}

	.channel-list-block .tbs-h .triangle-left {left:auto; right:-30px;}
	.channel-list-block .tbs-h .triangle-right {right:8px;}
	
	.channel-list-block .tbs-cl td.md, .channel-list-block .tbs-h td.md {display:none;}
	.channel-list-block .tbs-cl td.active, .channel-list-block .tbs-h td.active{display:table-cell;}
	.channel-list-block .tbs-h td.active{width:100%;}
	
	.channel-list-block .box-wrap .box .box-name {margin-bottom:.5em;}
	.channel-list-block .box-wrap .box .box-bottom {position:absolute;/*margin-top:13px;*/}
	
	.channel-list-block .mdl-button {position:static!important;} /*iOS fix*/
	
	/*.is_stuck {position: -webkit-sticky;!important;}*/
	
	/*.tv-block .dmark {position: -webkit-sticky; position: sticky; top:50px;}*/


}




/* --- app-menu --- */
.app-menu {background-color:#f2f2f2;  text-align:center;}
.app-menu h4 {padding:30px 0;}
.app-menu ul {padding:20px; border-bottom:1px solid #181818; display:inline-block;}
.app-menu li{margin:0 15px; display:inline-block;}
.app-menu li a {display:block; position:relative;}
.app-menu li a img {height:67px;}


@media only screen and (max-width: 768px) {
    .app-menu ul {border:none; display:block;}
	.app-menu li {border-bottom: 1px solid #000; display:block;}
	.app-menu li:last-child {border-bottom:none;}
	.app-menu li a {padding:30px 0; font-size:20px; line-height:22px;}
	.app-menu li a img {height:70px;}
}


/* --- phone-app-menu --- */
.phone-app-menu.app-menu a {cursor:default;}



/* --- tv-app-page --- */
.tv-app-page .app-menu {background-color:#e8f6ff; border-bottom:1px solid #d9d9d9;}
.tv-app-page .app-menu .full-col {margin-bottom:-1px; overflow:hidden;}
.tv-app-page .app-menu .full-col2 {margin-bottom:-1px; overflow:hidden;}
.tv-app-page .app-menu ul {border-bottom:none;}
.tv-app-page .app-menu li.active a:after {content:''; width:16px; height:16px; background-color:#fff; border:1px solid #d9d9d9; position:absolute; left:50%; bottom:-35px; display:block;
-moz-transform: rotate(45deg) translateX(50%);
-webkit-transform: rotate(45deg) translateX(50%);
-o-transform: rotate(45deg) translateX(50%);
-ms-transform: rotate(45deg) translateX(50%);
transform: rotate(45deg) translateX(-50%);
} 

.tv-app-page h4 {padding:30px 0; text-align:center;}
.tv-app-page .content {padding-bottom:40px;}
.tv-app-page .entry {padding:0;}
.tv-app-page .link, .tv-app-page .btn-wrap {text-align:right;}
.tv-app-page .half-col.l img {width:90%;}

.tv-app-page .app-switch {padding:50px 0; font-size:20px; line-height:25px; text-align:center;}
.tv-app-page .app-switch li {display:inline-block;}
.tv-app-page .app-switch .app-switch-link {color:#00aff0; font-size:16px; cursor:pointer;}

.tv-app-page .steps.box-wrap-wrap {display:table; border-collapse:separate; border-spacing:5px;}
.tv-app-page .steps .box-wrap{margin:0 -5px; padding:0px 0 30px 0; text-align:center; display:table-row;}
.tv-app-page .steps .box {width:33%; padding:20px; font-size:15px; text-align:center; /*float:left;*/ display:table-cell;}
.tv-app-page .steps .box .text {text-align:center;}
.tv-app-page .steps .box img {width:100%; margin-bottom:1em;}

@media only screen and (max-width: 768px) {
    .tv-app-page .app-menu li.active a:after {display:none;}
	.tv-app-page .half-col {width:auto; float:none;}
	.tv-app-page .half-col.l {text-align:center;}

  .tv-app-page .steps.box-wrap-wrap {display:block;}
  .tv-app-page .steps .box-wrap {margin:0; display:block;}
  .tv-app-page .steps .box {width:auto; margin:5px; display:block;}
  .tv-app-page .steps .box-wrap .box .box-name {margin-bottom:.5em;}

}


/* --- tvapp-pc-page --- */
.tvapp-pc-page .entry {padding-left:30px;}


/* --- tvapp-smart_tv-page --- */
.tvapp-smart_tv-page .half-col.r img {width:100%; text-align:center;}
.tvapp-smart_tv-page .content h4 {padding-top:50px; clear:both;}
.tvapp-smart_tv-page .content .link {margin-right:22px;}

/* --- tvapp-smart_tv-lg-page --- */
.tvapp-smart_tv-lg-page .half-col.r img {width:100%; text-align:center;}
.tvapp-smart_tv-lg-page .content h4 {padding-top:50px; clear:both;}
.tvapp-smart_tv-lg-page .content .link {margin-right:22px;}

/* --- tvapp-ios-page --- */
.tvapp-ios-page .half-col.r a.appstore {border-bottom:none;}
.tvapp-ios-page .half-col.r img {width:160px; text-align:center;}
.tvapp-ios-page .content h4 {padding-top:50px; clear:both;}
.tvapp-ios-page .content .link {margin-right:22px;}

@media only screen and (max-width: 768px) {
    .tvapp-ios-page .half-col.r p {text-align:center;}

}


/* --- tvapp-android-page --- */
.tvapp-android-page .half-col.r a.appstore {border-bottom:none;}
.tvapp-android-page .half-col.r img {width:160px; text-align:center;}
.tvapp-android-page .content h4 {padding-top:50px; clear:both;}
.tvapp-android-page .content .link {margin-right:22px;}

@media only screen and (max-width: 768px) {
    .tvapp-android-page .half-col.r p {text-align:center;}

}

/* --- tvapp-stb-page --- */
.tvapp-stb-page .tv-app-top {max-width:700px; margin:0px auto; text-align:center;}
.tvapp-stb-page .tv-app-top p {margin-bottom:1em;}
.tvapp-stb-page .app-switch {padding:30px 0;}
.tvapp-stb-page .download-store-wrap {}
.tvapp-stb-page .download-store {width:160px;}
.tvapp-stb-page .content .tv-app-top .link {margin-right:0px; text-align:center;}
.tvapp-stb-page .steps.box-wrap-wrap {margin-top:-5px;}
.tvapp-stb-page .content .link {margin-right:22px;}

.tvapp-stb-page .devices-box {margin-bottom:30px;}


/* --- devices-box --- */
.devices-box.box-wrap-wrap {width:100%; display:table; border-collapse:separate; border-spacing:5px;}
.devices-box .box-wrap{width:100%; margin:0 -5px; padding:0px 0 30px 0; text-align:center; display:table-row;}
.devices-box .box {width:33%; padding:0px 5px 120px 5px; font-size:15px; text-align:left; vertical-align:top; background-color:#fff; display:table-cell; position:relative;}
.devices-box .box .subname {padding:.5em 0;}
.devices-box .box .text {}
.devices-box .box img {width:100%;}
.devices-box .box .box-bottom {padding:0 5px; box-sizing: border-box; bottom:5px;}
.devices-box .box .device-price {margin-top:5px; padding:10px; color:#fff; line-height:20px; background-color:#00aff0; display:inline-block;}
.devices-box .box .device-price.rent-btn {/*width:150px;*/ background-color:#72B453;}
.devices-box .box .action {padding:10px; background-color:#F95E2A; font-size:16px; color:#fff; position:absolute; right:0px; top:0px;}
.devices-box .box .new {padding:10px; background-color:#26C78E; font-size:16px; color:#fff; position:absolute; right:0px; top:0px;}
.devices-box .box ul {line-height:25px;}
.devices-box .box li {margin-left:20px; padding-left:10px; text-indent:-8px}

.devices-box .AB494HW, .devices-box .toucan {width:25%;}
.devices-box .smotreshkabox {width:50%;}

.devices-box .toucan {padding-top:370px;}
.devices-box .toucan img{width:177px;  position:absolute; top:5px; left:0px;}
.devices-box .smotreshkabox {}


@media only screen and (max-width: 992px) {
  .devices-box .AB494HW, .devices-box .toucan {width:33%;}
  .devices-box .smotreshkabox {width:33%;}
}

@media only screen and (max-width: 768px) {

  .devices-box.box-wrap-wrap {display:block;}
  .devices-box .box-wrap {margin:0; display:block;}
  .devices-box .box {width:auto!important; margin:5px; padding-bottom:5px; display:block;}
  .devices-box .box .box-bottom {padding:10px 0 0 0;}

}







/* --- tv-device --- */
/*.tv-device {}
.tv-device h2 {padding:60px 0;}
.tv-device .btn-bar {text-align:center;}
.tv-device .app {width:960px; margin:0px auto; position:relative;}
.tv-device .app .tv-app-wrap {margin-top:30px;}
.tv-device .app-popup {display:none;}
.tv-device .app-popup.desc {display:block;}
.tv-device .app .os-icon.active .text{color:#fff; border-bottom:none;}

.tv-device .app-popup.desc .app-t {width:800px;}
.tv-device .app-popup.smart-tv .app-t {width:580px;}
.tv-device .app-popup.mediapleer .app-t {width:580px;}

.tv-device .app-popup.ios {background-image: url("/images/app-ios.jpg")}
.tv-device .app-popup.mac {background-image: url("/images/app-mac.jpg")}
.tv-device .app-popup.android {background-image: url("/images/app-android.jpg")}
.tv-device .app-popup.win {background-image: url("/images/app-win.jpg")}
.tv-device .app-popup.phone {background-image: url("/images/app-phone.jpg")}
.tv-device .app-popup.sip {background-image: url("/images/app-sip.jpg")}*/


/* --- chooseus --- */
.chooseus { padding-bottom:30px;}
.chooseus h4 {padding:30px 0; text-align:center;}

.chooseus .box-wrap-wrap {display:table; border-collapse:separate; border-spacing:5px;}
.chooseus .box-wrap{margin:0 -5px; padding:0px 0 30px 0; text-align:center; display:table-row;}
.chooseus .box {width:33%; /*height:370px; margin:5px;*/ padding:20px; font-size:15px; text-align:center; /*float:left;*/ display:table-cell;}
.chooseus .box .text {text-align:left;}
.chooseus .box img {width:100%; margin-bottom:.5em;}
.chooseus .box ul {padding-left:20px;}
.chooseus .box li {padding-left:10px; line-height:25px; list-style:outside square none;}


@media only screen and (max-width: 768px) {
  .chooseus .full-col {margin:0 2%;}
  .chooseus .full-col2 {margin:0 2%;}
  .chooseus .box-wrap-wrap {display:block;}
  .chooseus .box-wrap {margin:0; display:block;}
  .chooseus .box {width:auto; margin:5px; display:block;}
  .chooseus .box-wrap .box .box-name {margin-bottom:.5em;}
  
}



/* --- phone-app-download --- */
.phone-app-download {padding:30px 0; background-color:#f2f2f2; text-align:center;}
.phone-app-download li {padding:10px; display:inline-block;}

@media only screen and (max-width: 768px) {
	.phone-app-download {padding:30px 2%;}  
}



/* --- loginform --- */
.loginform {display:none;}



/* --- footer --- */
#footer {padding:30px 0; font-size:16px; line-height:22px; background-color:#444;}
#footer .full-col {display:table;}
#footer .full-col2 {display:table;}
#footer .col {padding:0 30px; text-align:left; /*border-left:1px solid #ececec;*/ display:table-cell;}
#footer .col.l {padding-left:0px; border-left:none;}
#footer .col.c {}
#footer .col.r {padding-right:0px; text-align:center;}
#footer .col li {padding-bottom:15px; color:#fff; }
#footer .col li a { color:#fff;}
#footer .col li a:hover {border-bottom: 1px solid #fff;}
#footer .col li .phone {/*color:#ff2255;*/}
#footer .col li .lk {color:#00aff0;}
#footer .col li .lk:hover {border-bottom: 1px solid #00aff0;}
#footer .phone {}
#footer .map {padding-top:37px; background:url("/images/map_icon.png") no-repeat center top; display:block; background-size: auto 30px;}
#footer .col li a.map:hover {border:none;}
#footer .xs-menu {display:none;}

@media only screen and (max-width: 992px) {
  #footer .full-col {display:block;}
  #footer .full-col2 {display:block;}
  #footer .col {width:auto; padding:0 25px; border:none; display:block;}
  #footer .col.l {float:right;}
  #footer .col.c {padding-bottom:20px; float:left;}
  #footer .col.r {padding-top:30px; padding-left:0px; border-top:1px solid #ececec; clear:both;}
}

@media only screen and (max-width: 768px) {
  #footer .col.l, #footer .col.c, #footer .col.r {width:auto; padding:1em 2% 0 2%; text-align:center; display:block; float:none;}
  #footer .mainmenu {margin-top:0px; padding:1em 2% 0; display:block; float:none;}
  #footer .mainmenu li, #footer  .mainmenu li.active {padding-bottom:16px; border:none; background:none; text-align:center; display:block; float:none;}
  #footer .mainmenu a {padding:0px; color:#fff; font-size:18px; line-height:26px; display:inline; text-transform:uppercase;}
  #footer .mainmenu a:hover {background:none; border-bottom: none;}
  #footer .col:after, #footer .mainmenu:after{content: ''; width:250px; height:0px; margin:0 auto; border-top:1px solid #ececec; display:block; }
  #footer .col.r {border:none;}
  #footer .col.r:after{display:none;}
  #footer .col li a:hover, #footer .col li .lk:hover {border:none;}
  

  
}


/* --- calltariffs-block --- */
.calltariffs-block .block {overflow:hidden;}
.calltariffs-block .block-inner {width:910px;}
.calltariffs-block h2 {padding-bottom:40px;}
.calltariffs-block .searchtariffs {margin-top:50px;}
.calltariffs-block .popular-directions {margin-top:40px;}

.calltariffs-block hr {margin:50px -300px; border-color:#bbbdbe; border-width:0 0 1px 0;}


/* --- choosetime --- */
.choosetime .reserve {margin:2em 0;}
.choosetime h4 {margin-top:1em;}
.choosetime .availabletime {margin-top:2em;}
.choosetime .availabletime td{padding:5px 20px; font-size:15px; vertical-align:middle;}
.choosetime .availabletime td.period {padding-right:50px; text-align:right;}
.choosetime .availabletime hr {border-color:#9a9a9a; border-width:0 0 2px 0 ;}


/* --- contacts --- */
.contacts .half-col {width:49%;}
.contacts #map {height:470px;}
.contacts .content {padding:30px 0;}
.contacts .content p {padding-top:18px;}
.contacts .map-logo {margin:10px; font-size:25px; line-height:25px; font-weight:bold; color:#00AFF0;}

@media (max-width: 768px) {
  .contacts #map {height:270px;}
  .contacts .content {margin-left:2%; margin-right:2%; }
  .contacts .half-col {width:auto; padding-bottom:30px; float:none;}
}

/* --- payment --- */
.payment .step {display:none;}
.payment .step.active {display:block;}

.payment .mainblock {height:400px; background: url("/images/payment_bg.jpg") no-repeat center 33% / cover; text-align:center; border-bottom:1px solid #d9d9d9; position:relative; box-sizing: border-box; color:#fff}
.payment .mainblock {}
.payment .mainblock h2 {max-width:500px; margin-top:100px; padding:15px 15px 20px 15px; background-color:#999; color:#fff; text-align:left; text-shadow:none; float:left;}
.payment .mainblock .commission {padding-top:30px; font-size:26px; text-align:left;}
.payment .mainblock .commission span{font-size:60px;}
.payment .mainblock .commission span span {font-size:720x;}
.payment .mainblock .terminals {padding:30px 0 0 50px;}
.payment .mainblock .terminals li{font-size:20px; line-height:30px; text-align:left; list-style:outside disc none}

.payment .form-block{padding:40px 0; background-color:#e8f6ff; border-bottom:1px solid #d9d9d9;}
.payment .form-wrap {width:612px; margin:0px auto 0 auto;}
.payment .form-wrap h5 {padding-bottom:20px; text-align:left;}
.payment .form-wrap .ps-logo {float:right;}
.payment .form-wrap .ps-logo img {height:26px;}
.payment .input-wrap {height:46px; display:inline-block; vertical-align:top;}
.payment .form-wrap input {width:200px; margin-right:15px;}
.payment #amount { }
.payment #amount-error {}
.payment #account {}
.payment .mdl-button  {float:right;}
.payment .ptype-wrap {padding-top:50px;}
.payment .ptype-wrap .col  {width:49%; padding:30px 0 0 30px; box-sizing: border-box; float:left;}
.payment .ptype-wrap .col.l {padding:30px 30px 0 0;}
.payment .ptype {margin-bottom:30px;}
.payment .ptype-wrap h5 {padding-bottom:1em; }
.payment .summary-wrap {margin-bottom:20px;}
.payment .summary {width:346px; padding:10px 30px 15px 30px; background-color:#ffcc00; font-size:17px; vertical-align:middle; display:inline-block;}
.payment .change {margin-left:30px; border-bottom: 1px dashed #00aff0; font-size:17px; color:#00aff0; vertical-align:middle; display:inline-block;}
.payment .pay{margin-left:30px; }
.payment #method input {width:350px;}
.payment .ptab {display:none;}
.payment .ptab.active {display:block;}

.payment .payment-tabs {max-width:612px; margin:0 auto; padding-bottom:30px;}
.payment .payment-tabs h4:first-child {padding-top:30px;}

.payment #wrapper {min-height:100%;}
.payment #footer {visibility:hidden;}
.payment .visible-footer #footer {width:100%; position:absolute; bottom:0px; visibility:visible;}


@media only screen and (max-width: 1200px) {
	.payment .mainblock h2 {max-width:400px; margin-top:135px; font-size:40px;}
}

@media (max-width: 768px) {
  .payment .mainblock {padding:0px; background-position:80% 33%;}
  .payment .mainblock h2 {width:100%; max-width:none; margin:0px; padding:2%; font-size:30px; float:none; position:absolute; bottom:0px; box-sizing: border-box;}
  
  .payment .form-block .full-col {margin-left:2%; margin-right:2%; }
  .payment .form-block .full-col2 {margin-left:2%; margin-right:2%; }
  .payment .form-wrap {width:auto;}
  .payment .ptype-wrap {margin:0 2%; }
  .payment .ptype-wrap .col {width:auto; float:none;}
  .payment .form-wrap .ps-logo {margin-top:5px; float:none; display:block;}
  .payment .input-wrap {margin-bottom:1em; display:block;}
  .payment .form-wrap input {width:100%; margin-right:0;}
  .payment .mdl-button {margin-top:10px; float:none;}
  .payment .ptype-wrap .col, .payment .ptype-wrap .col.l {padding:30px 0px 0 0px;}
  .payment .summary {width:100%; box-sizing: border-box;}
  .payment .change {margin-left:0px; margin-top:.5em;}
  .payment .pay {margin-left:0px;}
  .payment #method {width:100%;}
  .payment #method input {width:100%; margin-right:-40px;}
  .payment .entry {margin:0 2%;}
}



/* --- registration --- */
.registration #wrapper {margin-top:0px; min-height:100%;}
.registration #footer {visibility:hidden;}
.registration .visible-footer #footer {width:100%; position:absolute; bottom:0px; visibility:visible;}
.registration .step {display:none;}
.registration .step.active {display:block;}

.registration .mainblock{padding-top:100px; padding-bottom:20px; background-color:#e8f6ff; border-bottom:1px solid #d9d9d9; text-align:center; font-size:16px;}
.registration .mainblock h5 {padding-bottom:30px;}
.registration .mainblock .phone-wrap {padding:20px 0;}
.registration .mainblock .phonelabel {width:300px; font-size:24px; line-height:36px; display:inline-block;}
.registration .mainblock input {width:300px; margin-right:20px;}
.registration .mainblock .sms_code-bottom {min-height:25px; padding-top:40px;}
.registration .countdown-wrap, .registration .repete-wrap {display:none;}

.registration .st1 .input-wrap {margin:30px 0;}
.registration .summary {margin:0 auto 30px auto;}
.registration .summary th {padding:5px; color:#999;}
.registration .summary td {padding:5px;}
.registration .summary td.phone, .registration .summary td.address {padding-bottom:20px;}

.registration .require-email, .registration .notrequire-email {padding:30px 0;}
.registration .require-email {}
.registration .require-email button{margin:10px 0;}

.registration .content {padding:30px 0; font-size:16px;}

.registration .st3 p {margin-bottom:1em;}
.registration .st4 {padding-bottom:50px;}


@media (max-width: 768px) {
  .registration .full-col {margin-left:2%; margin-right:2%; }
  .registration .full-col2 {margin-left:2%; margin-right:2%; }
  .registration .mainblock .phonenum {width:auto; display:block}
  .registration .mainblock input {width:100%; margin-right:0px; margin-bottom:1em;}
  .registration .mainblock .input-wrap {text-align:right;}
  .registration .mainblock .phone-wrap {text-align:center;}
  .registration .mainblock .phonelabel {width:auto; display:block;}
}





/* --- calltariffs-page --- */
.calltariffs-page .stickmenu {top:40px;}
.calltariffs-page .searchtariffs {border-top:none;}

.calltariffs-page .calltariffs-desc {background-color:#f2f2f2; border-bottom:1px solid #ececec;}
.calltariffs-page .calltariffs-desc h2 {padding:60px 0 8px;}
.calltariffs-page .calltariffs-desc .sub-h {padding-bottom:30px;}
.calltariffs-page .calltariffs-desc .d-wrap{padding:50px 0 30px 0; text-align:center;}


.calltariffs-page .calltariffs-desc .d {width:44%; padding:10px 2% 30px 2%; font-size:15px; line-height:28px; text-align:left; display:inline-block; vertical-align:top;}
.calltariffs-page .calltariffs-desc .d .dh {padding:10px 0; font-size:22px; color:#181818; text-align:left;}
.calltariffs-page .popular-directions-block {padding-bottom:30px;}
.calltariffs-page .popular-directions-block h5{padding:30px 0; text-align:center;}



@media only screen and (max-width: 768px) {
  .calltariffs-page .searchtariffs {padding-top:50px;}
  .calltariffs-page .calltariffs-desc .d {width:auto; display:block;}  
}



/* --- searchtariffs --- */
.searchtariffs {background-color:#E8F6FF; border-top:1px solid #d9d9d9; }
.searchtariffs .searchtariffs-top {padding:40px 10%; border-bottom:1px solid #d9d9d9; text-align: center; box-sizing: border-box;}
.searchtariffs .searchtariffs-top h5{padding-bottom:20px; font-size:22px;}
.searchtariffs .search_fild-wrap {max-width:500px; margin:0 auto; padding-right:125px; position:relative; display:block;}
.searchtariffs #search_fild {width:100%;}
.searchtariffs #search_fild:focus, .searchtariffs #search_fild:hover{border: 1px solid #bbbdbe;}
.searchtariffs .search-btn {box-shadow:none; position:absolute; top:0px; right:0px}
.searchtariffs .search_fild-wrap .material-icons {padding:6px; position:absolute; top:4px; right:130px; background-color:#fff; color:#bbb; cursor:pointer; display:none;}
.searchtariffs .search_fild-wrap .material-icons:hover {color:#181818;}
.searchtariffs .result {margin-top:-1px; border-bottom:1px solid #d9d9d9;}

.searchtariffs .result .ac_results {width:auto!important; max-width:500px; margin:0 auto; padding:20px 0; }
.searchtariffs .result .ac_results.show {display:block!important;}

.searchtariffs .result .ac_results ul {max-height:none!important; overflow:visible!important;}

.searchtariffs .result .ac_results li {padding:15px 40px 15px 15px; cursor:pointer; position:relative;}
.searchtariffs .result .ac_results li:hover {background-color: rgba(136, 147, 168, 0.3);}
.searchtariffs .result .ac_results .name {font-size:22px; line-height:30px; color:#00aff0; text-decoration:underline;}
.searchtariffs .result .ac_results .num {font-size:16px; line-height:1; color:#00aff0; text-decoration:underline;}
.searchtariffs .result .ac_results .material-icons {position:absolute; top:17px; right:7px; font-size:33px; display:none;}

.searchtariffs .result-error {max-width:500px; margin:0 auto; padding:35px 15px; color:red; display:none; box-sizing: border-box; text-align:center;}

.searchtariffs .result-single {background-color:#fff; border-top:1px solid #d9d9d9;}
.searchtariffs .result-single .r-main {max-width:500px; margin:0 auto; padding:30px; text-align:center;}
.searchtariffs .result-single .name{font-size:28px; line-height:40px;}
.searchtariffs .result-single .num{font-size:20px; line-height:30px;}
.searchtariffs .result-single .price{}
.searchtariffs .result-single .package:first-child .price {}
.searchtariffs .result-single .price-prim {font-size: 20px; line-height: 30px;}
.searchtariffs .result-single .blocked {padding-top:30px; font-size: 20px; line-height: 30px; color:red;}

.searchtariffs .r-packageblock {padding-bottom:10px; background-color:#fff; text-align:center;}
.searchtariffs .r-packageblock .full-col {overflow:hidden;}
.searchtariffs .r-packageblock .full-col2 {overflow:hidden;}
.searchtariffs .r-packageblock .package-wrap {margin:0 -15px; display:inline-block;}
.searchtariffs .r-packageblock .package {width:287px; height:282px; margin:0 5px 5px 5px; position:relative; display:inline-block; vertical-align:top; cursor:pointer;}

.searchtariffs .r-packageblock .desc {padding:0px 15px 0px 15px; line-height:18px; text-align: left;}
.searchtariffs .r-packageblock .desc .material-icons {float: left;}
.searchtariffs .r-packageblock .desc .text {margin-left:45px; padding-top:2px; font-size:15px; display: block;}
.searchtariffs .r-packageblock .plus {padding-left:60px; font-size:22px; text-align:left; display: block;}
.searchtariffs .r-packageblock .fee-minute {padding-top:30px;}
.searchtariffs .result-single .s-name{padding-bottom:20px; font-size: 20px; line-height: 30px;}

.searchtariffs .r-packageblock .pack-f {}

.searchtariffs .r-packageblock .btn-wrap {text-align:center;}
.searchtariffs .r-packageblock .small {margin-right:5px; text-align:right; color:#00aff0;}
.searchtariffs .r-packageblock .small a {text-decoration:underline;}
.searchtariffs .r-packageblock .small a:hover {text-decoration:none;}

.searchtariffs .r-packageblock .unlimit-devider {display:none;}

.calltariffs-page .ui-dialog p {font-size:17px; line-height:20px;}


.searchtariffs .searchtariffs-result-list {margin-top:20px;}
.searchtariffs .searchtariffs-result-list .rt-tbl span{white-space:nowrap;;}

.searchtariffs .result .searchtariffs-result-list {max-width:500px; margin:0 auto; padding:20px 0;}

.searchtariffs .result .searchtariffs-result-list li {padding:15px 40px 15px 15px; cursor:pointer; position:relative;}
.searchtariffs .result .searchtariffs-result-list li:hover {background-color: rgba(136, 147, 168, 0.3);}
.searchtariffs .result .searchtariffs-result-list .name {font-size:22px; line-height:30px; color:#00aff0; text-decoration:underline;}
.searchtariffs .result .searchtariffs-result-list .num {font-size:16px; line-height:1; color:#00aff0; text-decoration:underline;}
.searchtariffs .result .searchtariffs-result-list .material-icons {position:absolute; top:17px; right:7px; font-size:33px; display:none;}



@media only screen and (max-width: 1200px) {
  .searchtariffs .r-packageblock .unlimit-devider {display:block;}
}


@media only screen and (max-width: 768px) {
  .searchtariffs .r-packageblock .package-wrap {margin: 0; display:block;}
  .searchtariffs .r-packageblock .package {width:auto; height:auto; /*margin:0px 15px 15px 15px; padding:10px 0px 30px 0px;*/ display: block; box-sizing: border-box;}
  .searchtariffs .r-packageblock .desc, .searchtariffs .r-packageblock .plus {max-width: 290px; margin: 0 auto; box-sizing: border-box;}
  .searchtariffs .r-packageblock .pack-f {position:static;}
  .searchtariffs .r-packageblock .fee-minute {padding-top:0px;}
  .searchtariffs .result-single .price{padding-top:30px; padding-bottom:10px;}
  .searchtariffs .result-single .package:first-child .price {padding-bottom:0px;}
  
  .searchtariffs .r-packageblock .small {padding:0 15px;}
  
}


@media only screen and (max-width: 768px) {
	.searchtariffs .searchtariffs-top {padding:20px 2%;}
	.searchtariffs .searchtariffs-top h5 {line-height:1;}
	.searchtariffs .search_fild-wrap {max-width:none; text-align:left; display:block;}
	.searchtariffs #search_fild {width:100%; margin-right:0px; margin-bottom:20px;}
	.searchtariffs .result {margin-top:90px 10% 0 10%;}
	.searchtariffs .result .ac_results li:hover {background-color:none;}
	.searchtariffs .search_fild-wrap .material-icons {right:77px;}
}

@media only screen and (max-width: 500px) {
}





.calltariffs-desc {background-color:#f2f2f2; border-bottom:1px solid #ececec;}
.calltariffs-desc h2 {padding:60px 0 8px;}
.calltariffs-desc .sub-h {padding-bottom:30px;}
.calltariffs-desc .d-wrap{padding:50px 0 30px 0; text-align:center;}
.calltariffs-desc .d .mark {margin-bottom:10px; padding:20px; font-size:20px; background-color:#b3b3b3; display:inline-block;}
.calltariffs-desc .d {width:44%; padding:10px 2% 30px 2%; font-size:15px; line-height:28px; text-align:left; display:inline-block; vertical-align:top;}
.calltariffs-desc .d .dh {padding:10px 0; font-size:22px; color:#181818; text-align:left;}

@media only screen and (max-width: 768px) {
  .calltariffs-desc .d {width:auto; display:block;}  
}



/* --- popular-directions --- */
.popular-directions {}
.popular-directions .pd-header {height:86px; margin-bottom:20px;}
.popular-directions .is_stuck {z-index:50;}
.popular-directions .pd-block-wrap {margin:0 5px; position:relative; box-sizing: border-box; overflow:hidden;}
.popular-directions .pd-subheader {height:40px; padding:0; font-size:20px; line-height:40px; text-align:center; cursor:pointer; background-color:#ddd; z-index:15;}
.popular-directions .pd-subheader.first{margin-top:0px; border:none;}
.popular-directions .material-icons {font-size:32px; vertical-align:middle; color:#333;}
.popular-directions .pd-tbl {width:100%; }
.popular-directions .pd-tbl th, .popular-directions .pd-tbl td{padding:10px 0; font-size:16px; line-height:1;}
.popular-directions .pd-tbl th {padding-right:0px; vertical-align:middle; text-align:left;}
.popular-directions .pd-tbl td {padding:7px 0; vertical-align:middle; text-align:center;}
.popular-directions .pd-tbl th.city {padding-left:7px;}
.popular-directions .pd-tbl td.pkg span {padding:5px 10px; display:inline-block; white-space:nowrap;}
.popular-directions .pd-tbl tr:hover th, .popular-directions .pd-tbl tr:hover td{background-color:#f2f2f2;}



.popular-directions .tbs-h {width:100%; height:100%; background-color:#fff; border-collapse:separate; border-spacing:5px;}
.popular-directions .tbs-h td{text-align:center; position:relative;}

.popular-directions .pd-tbl th, .popular-directions .tbs-h th{width:25%;}
.popular-directions .pd-tbl td, .popular-directions .tbs-h td{width:25%; vertical-align:middle;}
.popular-directions .tbs-h .box {height:86px; padding:0 10px;}

.popular-directions .tbs-h .arr-tr th, .popular-directions .tbs-h .arr-tr td {height:1px; padding:0px; position:relative;}
.popular-directions .tbs-h .triangle-left, .popular-directions .tbs-h .triangle-right { position:absolute; top:29px; right:10px; z-index:10; display:none; cursor:pointer;}
.popular-directions .tbs-h .triangle-left {left:10px; right:auto;}
.popular-directions .tbs-h p {font-size:20px;}
.popular-directions .tbs-h p.pkg-name {font-size:20px; line-height:25px;}




@media only screen and (max-width: 992px) {
	.popular-directions .pd-tbl th, .popular-directions .tbs-h th{width:328px;}
	.popular-directions .pd-tbl th, .popular-directions .pd-tbl td {font-size:16px;}
	.popular-directions .tbs-h p {font-size:16px;}	
}



@media only screen and (max-width: 768px) {
  .popular-directions.full-col{ margin:0 2%;}
  .popular-directions.full-col2{ margin:0 2%;}
  .popular-directions .pd-header {background-color:#f5f5f5; border:2px solid #e8e8e8;}
  .popular-directions .pd-block {width:auto;}
  .popular-directions .tbs-h {background-color:#f5f5f5; border-collapse:collapse;}
  .popular-directions .tbs-h th {width:0px;}
  .popular-directions .tbs-h .box {border:none; background:none; padding:0px;}
  .popular-directions .pd-block-wrap {margin:0px;}
  .popular-directions .pd-block th{width:70%;}
  .popular-directions .pd-block td, .popular-directions .tbs-h td{width:auto; padding:10px 0px; display:none;}
  .popular-directions .pd-block td.md, .popular-directions .tbs-h td.md {display:none;}
  .popular-directions .pd-block td.active, .popular-directions .tbs-h td.active{display:table-cell;}
  .popular-directions .tbs-h .arr-tr th, .popular-directions .tbs-h .arr-tr td {display:table-cell;}
  .popular-directions .tbs-h .triangle-left, .popular-directions .tbs-h .triangle-right {display:block;}
  .popular-directions .tbs-h p.pkg-name {padding:0 30px; line-height:25px;}

}


/* --- responsive-table --- */
.responsive-table {}
.responsive-table .rt-header {height:86px; background-color:#00aff0; color:#fff;}
.responsive-table .is_stuck {z-index:50;}
.responsive-table .rt-block-wrap {position:relative;}
.responsive-table .rt-subheader {height:40px; padding:0; font-size:20px; line-height:40px; text-align:center; cursor:pointer; background-color:#ddd; z-index:15;}
.responsive-table .rt-subheader.first{margin-top:0px; border:none;}
.responsive-table .material-icons {font-size:32px; vertical-align:middle; color:#333;}
.responsive-table .rt-tbl {width:100%;}
.responsive-table .rt-tbl th, .responsive-table .rt-tbl td{padding:10px 0; font-size:20px; line-height:24px;}
.responsive-table .rt-tbl th {padding-right:20px; vertical-align:middle; text-align:left;}
.responsive-table .rt-tbl td {padding:10px; vertical-align:middle; text-align:center;}


.responsive-table .rt-header-tbl {width:100%;}
.responsive-table .rt-header-tbl td{padding:10px 0 10px 0; text-align:center; position:relative;}
.responsive-table .rt-header-tbl .arr-tr th, .responsive-table .rt-header-tbl .arr-tr td {height:1px; padding:0px; position:relative;}
.responsive-table .rt-header-tbl .material-icons {font-size:80px; color:#fff; position:absolute; top:3px; right:0px; z-index:10; display:none; cursor:pointer;}
.responsive-table .rt-header-tbl th .material-icons {left:-9px; right:auto;}
.responsive-table .rt-header-tbl .material-icons:hover {color:#999;}
.responsive-table .rt-header-tbl p {font-size:20px;}
.responsive-table .rt-header-tbl p.strong {font-size:28px; line-height:40px;}



@media only screen and (max-width: 768px) {
  .responsive-table .rt-block {width:auto; margin:0 2%;}
  .responsive-table .rt-header-tbl th {width:0px;}
  .responsive-table .rt-block th{width:70%;}
  .responsive-table .rt-block td, .responsive-table .rt-header-tbl td{width:auto; padding:10px 0px; display:none;}
  .responsive-table .rt-block td.md, .responsive-table .rt-header-tbl td.md {display:none;}
  .responsive-table .rt-block td.active, .responsive-table .rt-header-tbl td.active{display:table-cell;}
  .responsive-table .rt-header-tbl .arr-tr th, .responsive-table .rt-header-tbl .arr-tr td {display:table-cell;}
  .responsive-table .rt-header-tbl .material-icons {display:block;}
  .responsive-table .rt-header-tbl th .material-icons {left:auto; right:-80px;}
  .responsive-table .rt-header-tbl .material-icons:hover {color:#fff;}
  

  
}



/* --- tariffs-page --- */
.tariffs-page .mainblock {min-height:460px; padding:60px 0 0 0; background: url("/images/tariffs_bg.jpg") no-repeat center top / auto 520px;}
.tariffs-page .mainblock .full-col {padding-top:130px;}
.tariffs-page .mainblock .full-col2 {padding-top:130px;}
.tariffs-page .mainblock .col {width:39%; padding-left:20px; float:right; box-sizing: border-box; }

.tariffs-page .mainblock h2 {padding:0 0 30px 0;  color: #ffffff; font-size: 48px; line-height: 60px; font-weight:300; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.tariffs-page .mainblock .sub-h {padding-bottom:20px; color: #ffffff; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}

.tariffs-page .tariffs-accordion-block {width:60%; margin-bottom:30px; background-color:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; float:left; }
.tariffs-page .tariffs-accordion-block h4 {padding:25px 30px 10px 30px; font-size:30px;}

.tariffs-page .tariffs-accordion .accordion-header {padding:15px 15px 15px 50px; border-top:1px solid #ddd; font-size:16px; cursor:pointer; position:relative;}
.tariffs-page .tariffs-accordion .accordion-header.ui-accordion-header-active {background-color:#999; border-top:1px solid #999; border-bottom:none; color:#fff; cursor:auto;}
.tariffs-page .tariffs-accordion .accordion-header .icon {width:16px; height:16px; position:absolute; left:15px; top:18px; display:inline-block; vertical-align:middle;}
.tariffs-page .tariffs-accordion .accordion-header .icon span {width:16px; height:2px; position:absolute; left:0px; top:7px; background-color:#00aff0; display:block;}
.tariffs-page .tariffs-accordion .accordion-header .icon span.v {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}

.tariffs-page .tariffs-accordion .accordion-header.ui-accordion-header-active .icon span {background-color:#fff;}
.tariffs-page .tariffs-accordion .accordion-header.ui-accordion-header-active .icon span.v {display:none;}

.tariffs-page .tariffs-accordion .accordion-body {height:125px; padding:0px 25px 15px 52px; background-color:#999; border-color:#999; color:#fff;}
.tariffs-page .tariffs-accordion .accordion-body a {text-decoration:underline;}
.tariffs-page .tariffs-accordion .accordion-body a:hover {text-decoration:none;}

.tariffs-page #wrapper {min-height:100%; margin-top:0px;}
.tariffs-page #footer {visibility:hidden;}
.tariffs-page .visible-footer #footer {width:100%; position:absolute; bottom:0px; visibility:visible;}


@media only screen and (max-width: 992px) {
  .tariffs-page .mainblock h2 {font-size:37px; line-height:50px;}	
}

@media only screen and (max-width: 768px) {
  .tariffs-page .mainblock {height:auto; margin-bottom:30px; padding-bottom:0px;}
  .tariffs-page .mainblock .full-col {padding-top:30px;}
  .tariffs-page .mainblock .full-col2 {padding-top:30px;}
  .tariffs-page .mainblock h2 {font-size:30px; line-height:40px;}
  .tariffs-page .mainblock .col {width:auto; margin:0 2%; padding-bottom:20px; float:none;}
  .tariffs-page .tariffs-accordion-block {width:auto; border-bottom:1px solid #ddd; float:none; box-shadow:none;}
  
}





/* --- checkout-page --- */
.checkout-page #wrapper {}
.checkout-page .stickmenu {top: 40px;}
.checkout-page .cart-block, .checkout-page .cart-block.show, .checkout-page #top .topmenu-wrap .cart-icon.show {display:none;}

.checkout-page #top{ height:141px;}
.checkout-page #top.is_stuck {border-bottom-color:#e8f6ff;}
.checkout-page #top .topmenu-wrap {height:60px;}
.checkout-page .checkout-summary {width:100%; height:80px; padding:0px 20px; background-color:#e8f6ff; border-top:1px solid #d9d9d9; font-size:20px; line-height:80px; text-align:center; box-sizing: border-box;}
.checkout-page .checkout-summary strong {font-size:28px;}
.checkout-page .checkout-summary button {margin:18px 0 0 18px;}

.checkout-page .checkout-list {padding:81px 0 30px 0;}
.checkout-page .checkout-list h4 {padding:30px 0; text-align:center;}
.checkout-page .checkout-list .cart-item-wrap, .checkout-page .checkout-recomended .checkout-recomended-wrap {margin:0 -5px; text-align:left;}
.checkout-page .cart-item {width:287px; height:295px; margin:5px; padding:0px; display:inline-block; vertical-align:top; text-align:center; box-sizing: border-box; position:relative;}
.checkout-page .cart-item.noslider {padding:20px 45px;}

.checkout-page .cart-item-slider-wrap {width:100%; height:100%;}
.checkout-page .cart-item-slider, .checkout-page .slider-wrap {width:100%; height:100%; overflow:hidden;}
.checkout-page .cart-item-slider .slide{width:100%; height:100%; /*width:283px; height:258px; */position:relative; box-sizing: border-box; display:none; }

.checkout-page .cart-item-slider .slide.active{display: block;}
.checkout-page .cart-item-slider .slide.animated {transition: opacity 0.3s ease 0s;}

.checkout-page .cart-item-slider .slide-inner {padding:20px 45px;}
.checkout-page .item-h {/*font-size:24px; text-align:center;*/}
.checkout-page .item-desc  {/*padding-top:10px; font-size:18px; line-height:20px; text-align:center;*/}
.checkout-page .item-fee  {/*padding-bottom:20px; font-size:22px; line-height:30px; text-align:center;*/}
.checkout-page .item-bottom {/*width:100%; position:absolute; left:0px; bottom:20px; text-align:center;*/}

.checkout-page .cart-item .triangle-left, .checkout-page .cart-item .triangle-right {position:absolute; left:10px; top:40px; z-index:5; cursor:pointer; transition: opacity 0.3s ease 0s;}
.checkout-page .cart-item .triangle-right {left:auto; right:10px;}
.checkout-page .cart-item .triangle-left:hover, .checkout-page .cart-item .triangle-right:hover{opacity:0.7;}

.checkout-page .notchoosed .cart-item-slider-wrap {display: none;}
.checkout-page .notchoosed-wrap {display: none;}
.checkout-page .notchoosed .notchoosed-wrap {display: block;}
.checkout-page .notchoosed .phonenumber-wrap {display: none;}

.checkout-page .notchoosed .item-fee {padding-bottom:60px;}

.checkout-page .checkout-recomended {padding-bottom:40px;}
.checkout-page .checkout-recomended h5 {padding:30px 0 30px 0; text-align:center;}

.checkout-page .channel-cart-item .box-subname {line-height:22px; text-align:left; display:inline-block;}
.checkout-page .channel-cart-item .box-subname .material-icons{font-size:27px; line-height:18px; color:#999; vertical-align:bottom;}



@media only screen and (max-width: 768px) {
  .checkout-page #top{ height:161px;}
  .checkout-page #top .topmenu-wrap {height:50px; box-sizing: border-box;}
  .checkout-page .full-col {margin:0 2%;}
  .checkout-page .full-col2 {margin:0 2%;}
  .checkout-page .checkout-summary	{height:110px; line-height:46px; padding:0 2%; border-top:1px solid #d9d9d9; font-size:16px; box-sizing: border-box;}
  .checkout-page .checkout-summary-fee-wrap {}
  .checkout-page .checkout-summary strong {font-size:18px;} 
  .checkout-page .checkout-summary .btn-wrap {display:block;}
  .checkout-page .checkout-summary button {margin:0px;}
  .checkout-page .checkout-list {padding-top: 110px;}
  
  .checkout-page .cart-item {width:auto; margin:10px 5px; height:auto; display:block;}

  .checkout-page .cart-item-slider .slide {width:auto; height:auto;}
  .checkout-page .cart-item .triangle-left:hover, .checkout-page .cart-item .triangle-right:hover{opacity:1;}
}


/* --- checkout-registration-page --- */
.checkout-registration-page .content {padding: 30px 0;}
.checkout-registration-page .content .col {float:left; box-sizing: border-box;}
.checkout-registration-page .content .l {width:49%; padding-right: 40px;}
.checkout-registration-page .content .r {width:49%;}
.checkout-registration-page .content .entry {padding-top: 0;}
.checkout-registration-page .content h4 {padding-bottom:20px;}  
.checkout-registration-page .link {text-align: right;}

.checkout-registration-page .form-wrap {padding:30px; background-color:#e8f6ff; border:1px solid #999;}
.checkout-registration-page .form-wrap .sub-h:first-child {display: none;}


.checkout-registration-page .usertype li {width:49%; padding:30px 0; font-size:16px; color: #00aff0; text-decoration: underline; text-align:center; float: left; cursor: pointer;}
.checkout-registration-page .usertype li.active {font-size: 20px; text-decoration: none; color: inherit; cursor: auto;}

.checkout-registration-page .auth-form-wrap {display:none;}



@media only screen and (max-width: 768px) {
  .checkout-registration-page {padding-bottom:0px;}
  .checkout-registration-page .content .col {width:auto; float:none;}
  .checkout-registration-page .content .col.l {padding:0 2% 30px 2%;}
}









/* --- help-page --- */
.help-page .mainblock {min-height:460px; padding:60px 0 30px 0; position:relative;}
.help-page .mainblock:before{content:''; display:block; width:100%; height:520px; position:absolute; left:0; top:0; background: url("/images/help_bg.jpg") no-repeat center top / cover}
.help-page .mainblock .full-col {padding-top:40px;}
.help-page .mainblock .full-col2 {padding-top:40px;}
.help-page .mainblock .col {width:29%; padding-left:20px; float:right; box-sizing: border-box; }

.help-page .mainblock h2 {padding:0 0 15px 0;  color: #ffffff; font-size: 34px; line-height: 45px; font-weight:300; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}
.help-page .mainblock .sub-h {padding-bottom:20px; color: #ffffff; text-align:left; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}

.help-accordion-block {width:70%; margin-bottom:30px; background-color:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; float:left; }
.help-accordion-block h4 {padding:25px 30px 10px 50px; font-size:30px;}

.help-accordion .accordion-header {padding:15px 15px 15px 50px; border-top:1px solid #ddd; font-size:16px; cursor:pointer; position:relative;}
.help-accordion .accordion-header.ui-accordion-header-active {background-color:#999; border-top:1px solid #999; border-bottom:none; color:#fff;}
.help-accordion .accordion-header .icon {width:16px; height:16px; position:absolute; left:15px; top:18px; display:inline-block; vertical-align:middle;}
.help-accordion .accordion-header .icon span {width:16px; height:2px; position:absolute; left:0px; top:7px; background-color:#00aff0; display:block;}
.help-accordion .accordion-header .icon span.v {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}

.help-accordion .accordion-header.ui-accordion-header-active .icon span {background-color:#fff;}
.help-accordion .accordion-header.ui-accordion-header-active .icon span.v {display:none;}

.help-accordion .accordion-body {/*height:125px; */padding:0px 25px 15px 52px; background-color:#999; border-color:#999; color:#fff;}
.help-accordion .accordion-body p {line-height:35px;}
.help-accordion .accordion-body a {text-decoration:underline;}
.help-accordion .accordion-body a:hover {text-decoration:none;}

.help-page #wrapper {min-height:100%; margin-top:0px;}
.help-page #footer {visibility:hidden;}
.help-page .visible-footer #footer {width:100%; position:absolute; bottom:0px; visibility:visible;}

.help-page .half-col {padding:0px 20px 0 70px; box-sizing: border-box; position: relative;}	
.help-page .half-col h5 {padding-bottom: .5em;}	
.help-page .content {padding: 30px 0 40px 0;}
.help-page .content .entry {padding:0px;}
.help-page .col-icon {position: absolute; left: 0px; top: -14px;}	

.help-steplist li{margin-bottom:40px; padding-left:0px; list-style:inside none decimal;}
.help-steplist li:last-child {margin-bottom:0px;}

	
@media only screen and (max-width: 992px) {
  .help-page .mainblock h2 {padding-bottom:5px; font-size:22px; line-height:30px;}
  .help-page .mainblock .sub-h {font-size:22px; line-height:30px;}
  .help-steplist li img {width:100%!important; height:100%!important;}
}

@media only screen and (max-width: 768px) {
  .help-page .mainblock {height:auto; margin-bottom:0px; padding:0px; background:none;}
  .help-page .mainblock .full-col {padding-top:0px;}
  .help-page .mainblock .full-col2 {padding-top:0px;}
  .help-page .mainblock h2 {font-size:30px; line-height:35px;}
  .help-page .mainblock .col {width:auto; padding:30px 20px; background: url("/images/help_bg.jpg") no-repeat center top / cover; float:none; }
  .help-accordion-block {width:auto; border-bottom:1px solid #ddd; float:none; box-shadow:none;}
	
  .help-page .half-col {width:auto; padding-bottom: 30px;float: none;}
  .help-page .content {margin: 0 2%; padding-top: 0;}

  .help-page.help-post .mainblock .col {background: none; float:none; }

  
}


.help-page.help-post .mainblock {background:#e8f6ff; border-bottom:1px solid #d9d9d9;}
.help-page.help-post .mainblock:before {display:none;}
.help-page.help-post .mainblock:after {content:''; clear:right; display:block;}
.help-page.help-post .content {width:70%; margin-bottom:100px; padding:64px; background-color:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; float:left; }
.help-page.help-post .content h4 {padding-bottom:30px; font-size:30px;}
.help-page.help-post .content .entry {margin:0px; padding:0;}

.help-page.help-post .col h5 {padding-bottom:20px; color:#00aff0;}
.help-page.help-post .col h5 a:hover {text-decoration:underline;}

.help-page .helpmenu {color:#00aff0;}
.help-page .helpmenu a {padding:6px 0 6px 14px; display:block;}
.help-page .helpmenu .active a{padding-left:12px; border-left:2px solid #00aff0; font-weight:bold;}
.help-page .helpmenu a:hover {background-color:rgba(0,0,0, .1);}

.help-page.help-post .entry .expender-body {padding:0 0 30px 0px;}
.help-page.help-post .entry h5 {padding-bottom:.5em;}
.help-page.help-post .entry h6 {padding-bottom:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:inherit;}
.help-page.help-post .entry ol {}
.help-page.help-post .entry ol li {padding:0 0 2em 0; list-style:inside decimal none;}
.help-page.help-post .entry ol li img {max-width:100%; margin:1em 0 0 0; display:block;}

.help-page.help-post .entry .help-list {margin-left:3em;}
.help-page.help-post .entry .help-list li{padding-bottom:0; line-height:25px;}
.help-page.help-post .help-card img {height:30px; margin-left:10px; vertical-align:middle;}

@media only screen and (max-width: 1200px) {
.help-page.help-post .entry ol li img {}	
}
@media only screen and (max-width: 992px) {
  .help-page.help-post .content {padding:48px;}
  .help-page.help-post .entry ol li img {}	
}
@media only screen and (max-width: 768px) {
  .help-page.help-post .content {width:auto; margin:0; padding:30px 2%; border-bottom:none; float:none; box-shadow:none;}
  .help-page.help-post .content img {cursor:pointer;}	

}


/* --- mobileview --- */
body.mobileview-page {background-color:#000;}
body.mobileview-page #top {background:none; border:none; }
body.mobileview-page #top a.menu-toggle {color:#fff; display: block;}
.mobileview-page img {width:100%;}



/* --- breadcrumbs --- */
.breadcrumbs {font-size:16px; line-height:40px;}
.breadcrumbs span, .breadcrumbs a {white-space:nowrap;}
.breadcrumbs span {color:#828282;}
.breadcrumbs .arr {width:22px; height:10px; margin:0 15px; background: url("/images/breadcrumbs_arr.png") no-repeat center center; display:inline-block;}
.block.breadcrumbs-wrap {margin-bottom:40px; padding:10px 45px;}



/*----- licenses --------*/
.entry .licenses {margin:30px 0px 0 0;}
.entry .licenses li {width:200px; height:280px; padding:0 50px 35px 0px; float:left; text-align:left; list-style:none}
.licenses li a {text-decoration:none; border-color:#21262a; border-bottom-width:1px; text-align:left; line-height:22px;}
.licenses li a:hover {border-bottom:none;}
.licenses img {padding-bottom:15px; display:block;}



/*-------------- Gritter Notifications --------------*/
#gritter-notice-wrapper {width:301px; position:fixed; top:20px; right:20px; z-index:9999;}
.gritter-item-wrapper {background:#fff; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.32); position:relative;}
.gritter-item {padding:15px;}
.gritter-top, .gritter-bottom {background:none;}
.gritter-close {width:10px; height:10px; position: absolute; right: 15px; top: 15px; background: url("/images/close_icon.png") no-repeat center center; background-size:cover; text-indent:-9999em; display:block!important;}
.gritter-title {padding-bottom:7px; font-size:18px; display:block;}

.gritter-item-wrapper.clean-alert .gritter-title{color:#df3a42;}
.gritter-item-wrapper.clean-info .gritter-title{color:#2494f2;}
.gritter-item-wrapper.clean-success .gritter-title{color:#60c060;}


/*==================   Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  z-index: 90;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}

.rd-mobilemenu_ul {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: -100px;
  width: 240px;
  padding-top:50px;
  color: #fff;
  background-color:rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul li.active > a {
  background-color:rgba(136, 147, 168, 0.9);
  color: #fff;
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a:hover {
  background-color:rgba(136, 147, 168, 0.8);
  color: #FFF;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px "FontAwesome";
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #2B3643;
  color: #A5BFD2;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
}
.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #2B3643;
  color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #FFF;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #FFF;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
  transition: background .3s 0s ease;
  background: transparent;
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {

}










.visible-xs {display:none !important;}

@media only screen and (max-width: 1200px) {
  .hidden-md {display:none !important;}
}
@media only screen and (max-width: 992px) {
  .hidden-sm {display:none !important;}
}
@media only screen and (max-width: 768px) {
  .hidden-xs {display:none !important;}
  .visible-xs {display:block !important;}
}





/* --- size --- */
#size-indicator {content:'lg'; position:absolute; display:none;}

#size {position:fixed; left:0px; top:0px; z-index:10000; background-color:#eee; border:2px solid #fff; padding:10px; display:none;}
#size div {display:none;}
#size div.lg {display:block;}
@media only screen and (max-width: 1200px) {
  #size div.xs {display:none;}
  #size div.sm {display:none;}
  #size div.md {display:block;}
  #size div.lg {display:none;}
  #size-indicator {content:'md';}
}
@media only screen and (max-width: 992px) {
  #size div.xs {display:none;}
  #size div.sm {display:block;}
  #size div.md {display:none;}
  #size div.lg {display:none;}
  #size-indicator {content:'sm';}  
}
@media only screen and (max-width: 768px) {
  #size div.xs {display:block;}
  #size div.sm {display:none;}
  #size div.md {display:none;}
  #size div.lg {display:none;}
  #size-indicator {content:'xs';}
}