/* Start:/local/templates/site_main/css/preloader.css?16799853704521*/
    fill: none;
    margin: 5px 7px;
    width: 37px;
    height: 40px;/* preloader */

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 50;
}
#page-preloader .spinner {
    /*    	width: 100px;  */
    /*    	height: 100px;  */
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}


.spinner_mov {
    /*  margin: 100px 10px; */
    width: 100px;
    height: 50px;
    text-align: center;

}

.spinner_mov > div {
    background-color: #007ac2;
    height: 100%;
    width: 3px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin: 1px;
}

.spinner_mov .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner_mov .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner_mov .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner_mov .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}


body .topQuestion{
top:356px;
background: #007ac3;
}

.topQuestion .tooltip__icon {
    fill: none;
    margin: 8px;
    width: 35px;
    height: 35px;
stroke:#fff;
}

@media(max-width:1024px){
body .topPersonal{
background:transparent;
}

.topQuestion .tooltip__icon {
	stroke:#007ac3;
    fill: none;
    margin: 8px;
    width: 45px;
    height: 32px;
}

body .topQuestion{
	top:25px;
	right: 15px;
	background: transparent;
}

body .topPersonal.topAuth {
        right: 177px;
}

body .topPersonal.topCallback {
       right: 148px;
}

body .topPersonal.topSearh {
      right: 105px;
}

body .topPersonal.topZayavka {
    right: 57px;
    background: transparent;
}

.topPersonal a:before {
    color: #00a2ff !important;
}

body .tooltip__icon{
fill:#00a2ff;
}

body .topQuestion .tooltip__icon{
stroke: #00a2ff;
    stroke-width: 0px;
}

}

@media (max-width: 767px){


body .topPersonal .personalIco {
    margin: 0 12px 0 0;
}

body .topPersonal.topAuth {
    top: 25px;
}

body .topQuestion{
	top:25px;
	right: 15px;
	background: transparent;
}

body .topPersonal.topAuth {
        right: 190px;
}

body .topPersonal.topCallback {
       right: 148px;
}

body .topPersonal.topSearh {
       right: 102px;
}

body .topPersonal.topZayavka {
    right: 57px;
    background: transparent;
}
}

@media (max-width: 639px){


body .topQuestion {
top:15px;
}

body .topPersonal.topAuth {
    top: 15px;
}
}

@media (max-width: 450px){
.topQuestion .tooltip__icon {
    width: 24px;
    height: 24px;
}

body .topPersonal.topAuth {
    top: 20px;
}

body .topQuestion{
	top:20px;
	right: 15px;
	background: transparent;
}

body .topPersonal.topAuth {
        top: 17px;
    right: 110px;
}

body .topPersonal.topCallback {
    top: 16px;
    right: 80px;
}

body .topPersonal.topSearh {
    top: 18px;
    right: 46px;
}

body .topPersonal.topZayavka {
    top: 16px;
    right: 38px;
}
}

@media (max-width: 390px){
body .topQuestion{
	top:20px;
	right: 15px;
}

body .topPersonal.topAuth {
    top: 16px;
    right: 110px;
}

body .topPersonal.topCallback {
    top: 16px;
    right: 80px;
}

body .topPersonal.topSearh {
    top: 18px;
    right: 50px;
}

body .topPersonal.topZayavka {
    top: 16px;
    right: 38px;
}

}


.topPersonal.topQuestion .sectionIco:before{
	color: #fff;
    font: normal 35px/50px "gascom";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.topPersonal.topQuestion .sectionIco:hover::before{
color:#fff !important;
}


/*hide icon phone*/
@media(min-width:1025px){
body .topPersonal.topCallback{
display:none;
}

body .topSearh {
    top: 141px !important;
}

body .topPersonal.topZayavka {
        top: 226px;
}

body .topQuestion {
    top: 291px;
}

}


@media(max-width:1024px){

body .topPersonal.topCallback{
display:none;
}

body .topPersonal.topAuth {
    right: 129px;
}
}

@media(max-width:767px){
body .topPersonal.topAuth {
    right: 145px;
}
}

@media(max-width:450px){
body .topPersonal.topAuth {
    right: 75px;
}
}




/* End */


/* Start:/local/templates/site_main/css/mainb3t0po.css?161874966526457*/
.tariff-card__info .link {
  position: relative;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.tariff-card__info .link:hover {
  color: #009eff;
}

.tariff-card__info .link:hover::before {
  width: 27%;
}

.tariff-card__name.tariff-card_small.primechanie{line-height: 14px;     margin-top: 13px;
    /*border-top: 1px solid #009eff;*/
    padding-top: 13px;
    margin-bottom: 10px;}

@media screen and (max-width:768px){
.tariff-card__name.tariff-card_small.primechanie{text-align:left;}
}

.tariff-card__name.tariff-card_small{font-weight: 600; display:inline-block;
    font-size: 11px;
    margin: 10px 0px 0px;}

.tariff-card__details{margin-top:0px}

.tariff-card__column.tariff-card_small.tariff-card__price_hidden-mob{width:75%}

.tariff-card_small .tariff-card-description{   font-size: 12px;}

.tariff-card_small .tariff-card__date, .tariff-card_small .tariff-card__value{    font-weight: 600;
    font-size: 14px;}

.tariff-card_small .tariff-card__price-description, .tariff-card_small.tariff-card__text.tariff-card__row{margin:0px}


.tariff-card__row.tariff-card__text_hidden-right{align-items: flex-end;}

.tariff-card__info .link::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #009eff;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.btn {
  display: inline-block;
  background-image: -webkit-linear-gradient(45deg, #009eff 0%, #0e69c4 100%);
  background-image: linear-gradient(45deg, #009eff 0%, #0e69c4 100%);
  background-size: 400%;
  background-position-x: 0px;
  border-radius: 8px;
  color: #ffffff;
  line-height: 1;
  -webkit-transition: background-position .3s ease;
  transition: background-position .3s ease;
  cursor: pointer;
  outline: none;
}

@media screen and (max-width: 420px) {
  .btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.btn_white {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #009eff;
  color: #009eff;
  background-image: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 33%, #009eff 66%, #0e69c4 100%);
  background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 33%, #009eff 66%, #0e69c4 100%);
  background-size: 400%;
  background-position-x: 0px;
  -webkit-transition: background .3s ease, color .3s ease, border .3s ease;
  transition: background .3s ease, color .3s ease, border .3s ease;
  cursor: pointer;
}

.btn_white:hover {
  background-position-x: 90%;
  color: #ffffff;
}

.btn_white:active {
  background-position-x: 100%;
  color: #ffffff;
}

.btn_L {
  padding: 20px 56px;
  font-size: 18px;
}

@media screen and (max-width: 800px) {
  .btn_L {
    font-size: 16px;
    padding: 17px 41px 15px 41px;
  }
}

.btn_M {
  padding: 12px 65px;
  font-size: 16px;
}

.btn_S {
  padding: 4px 73.5px;
  font-size: 14px;
}

.btn:hover {
  background-position-x: 50%;
  color: #ffffff;
}

.btn:active {
  background-position-x: 100%;
}




@media screen and (max-width: 420px) {
  .container {
    padding: 0 20px;
  }
}

.error {
  position: relative;
}

.error::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 23px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  width: 10px;
  height: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjQ4NiIgaGVpZ2h0PSI4LjQ4NiIgdmlld0JveD0iMCAwIDguNDg2IDguNDg2Ij48cGF0aCBkPSJNMTYuMjQzLDkuMTcyLDE0LjgyOCw3Ljc1NywxMiwxMC41ODYsOS4xNzIsNy43NTcsNy43NTcsOS4xNzIsMTAuNTg2LDEyLDcuNzU3LDE0LjgyOGwxLjQxNSwxLjQxNUwxMiwxMy40MTRsMi44MjgsMi44MjksMS40MTUtMS40MTVMMTMuNDE0LDEyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNzU3IC03Ljc1NykiIGZpbGw9IiNFNTM5MzUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat;
}

.error .main-input {
  border: 1px solid #e53935;
}

.valid {
  position: relative;
}

.valid::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 23px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  width: 12px;
  height: 9px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4LjQxIiB2aWV3Qm94PSIwIDAgMTEgOC40MSI+PHBhdGggZD0iTTguNDEsMTEsMTEsMTMuNTgsMTYuNTksOCwxOCw5LjQxbC03LDctNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcgLTgpIiBmaWxsPSIjNzFCQzkwIi8+PC9zdmc+) no-repeat;
}

.valid .main-input {
  border: 1px solid #71bc90;
}

.error-message {
  margin-top: 4px;
  color: #e53935;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.main-input {
  height: 51px;
  background-color: #f6f8fa;
  border-radius: 8px;
  border: 1px solid #f6f8fa;
  padding-left: 26px;
  padding-right: 26px;
  outline: none;
  color: #829199;
  font-weight: 500;
  position: relative;
}

@media screen and (max-width: 420px) {
  .main-input {
    height: 48px;
  }
}

.main-input::-webkit-input-placeholder {
  color: #829199;
  font-weight: 500;
}

.main-input::-moz-placeholder {
  color: #829199;
  font-weight: 500;
}

.main-input:-ms-input-placeholder {
  color: #829199;
  font-weight: 500;
}

.main-input::-ms-input-placeholder {
  color: #829199;
  font-weight: 500;
}

.main-input::placeholder {
  color: #829199;
  font-weight: 500;
}

.main-input:focus:enabled, .main-input:hover:enabled {
  border: 1px solid #b3bbc3;
  color: #3b4256;
}

.main-input:focus:enabled::-webkit-input-placeholder, .main-input:hover:enabled::-webkit-input-placeholder {
  color: #3b4256;
}

.main-input:focus:enabled::-moz-placeholder, .main-input:hover:enabled::-moz-placeholder {
  color: #3b4256;
}

.main-input:focus:enabled:-ms-input-placeholder, .main-input:hover:enabled:-ms-input-placeholder {
  color: #3b4256;
}

.main-input:focus:enabled::-ms-input-placeholder, .main-input:hover:enabled::-ms-input-placeholder {
  color: #3b4256;
}

.main-input:focus:enabled::placeholder, .main-input:hover:enabled::placeholder {
  color: #3b4256;
}

.main-input:disabled {
  border: 1px solid #b3bbc3;
  background-color: #b3bbc3;
  color: #3b4256;
}

@media screen and (max-width: 1170px) {
  .captcha {
    width: 220px;
  }
}

@media screen and (max-width: 600px) {
  .captcha {
    width: 280px;
    height: 64px;
  }
}

.tariff {
  z-index: 2;
  margin-bottom: 174px;
}

@media screen and (max-width: 800px) {
  .tariff {
    margin-bottom: 75px;
  }
}

@media screen and (max-width: 420px) {
  .tariff {
    margin-bottom: 44px;
  }
}

.tariff__title::before {
  width: 30%;
}

.tariff__wrapper {
  margin-top: 88px;
  padding: 40px;
  padding-top: 12px;
  min-height: 478px;
  width: 100%;
  -webkit-box-shadow: 0 15px 30px rgba(0, 48, 120, 0.1);
          box-shadow: 0 15px 30px rgba(0, 48, 120, 0.1);
  border-radius: 10px;
  position: relative;
  z-index: 4;
  background: #ffffff;
}

@media screen and (max-width: 1170px) {
  .tariff__wrapper {
    padding: 30px;
    padding-top: 13px;
  }
}

@media screen and (max-width: 800px) {
  .tariff__wrapper {
    margin-top: 69px;
    padding: 62px;
    padding-top: 16px;
    padding-bottom: 35px;
    min-height: 264px;
  }
}

@media screen and (max-width: 750px) {
  .tariff__wrapper {
    padding: 20px;
    padding-top: 16px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 420px) {
  .tariff__wrapper {
    padding: 0;
    padding-top: 22px;
    margin-top: 49px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.tariff__wrapper::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  background: #ffffff;
  border-radius: 0 10px 0 0;
}

.tariff__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: initial;
margin-bottom:80px;
}

@media screen and (max-width: 800px) {
  .tariff__cards {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .tariff__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.tariff__business {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tariff-tab {
  position: absolute;
  top: -48px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
}

.tariff-tab__item {
  margin-left: 13px;
  display: block;
  padding: 15px 0 0 20px;
  height: 48px;
  min-width: 169px;
  -webkit-box-shadow: 0 15px 30px rgba(0, 48, 120, 0.1);
          box-shadow: 0 15px 30px rgba(0, 48, 120, 0.1);
  cursor: pointer;
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f3f5f9), to(#ffffff));
  background-image: -webkit-linear-gradient(bottom, #f3f5f9 0%, #ffffff 100%);
  background-image: linear-gradient(to top, #f3f5f9 0%, #ffffff 100%);
  border: none;
  outline: none;
  padding: 0;
  border-radius: 10px 0 0 0;
  font-size: 16px;
  color: #829199;
  line-height: 20px;
  font-weight: 500;
}

@media screen and (max-width: 420px) {
  .tariff-tab__item {
    margin: 0;
    padding: 0;
    background: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    min-width: auto;
    width: 50%;
    border-bottom: 2px solid #f6f8fa;
  }
}

.tariff-tab__item:first-child {
  margin-left: 0;
}

.tariff-tab__item::before {
  content: '';
  top: 0;
  right: -24px;
  position: absolute;
  z-index: 0;
  width: 48px;
  height: 48px;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f3f5f9), to(#ffffff));
  background-image: -webkit-linear-gradient(bottom, #f3f5f9 0%, #ffffff 100%);
  background-image: linear-gradient(to top, #f3f5f9 0%, #ffffff 100%);
}

@media screen and (max-width: 420px) {
  .tariff-tab__item::before {
    display: none;
  }
}

.tariff-tab__item.active {
  z-index: 2;
  background-image: none;
  background-color: #ffffff;
  color: #3B4256;
}

.tariff-tab__item.active::before {
  background-image: none;
  background-color: #ffffff;
}

@media screen and (max-width: 420px) {
  .tariff-tab__item.active {
    border-bottom: 2px solid #009eff;
  }
}

.tariff-card {
  margin-top: 30px;
  z-index: 2;
  background-color: #ffffff;
  padding: 25px;
  width: 250px;
  min-height: 398px;
  position: relative;
  border: 1px solid rgba(0, 158, 255, 0.5);
  border-radius: 8px;
  cursor: pointer;
}


@media screen and (min-width: 800px) {
.tariff-card {
margin-right:20px
}

}


@media screen and (max-width: 1170px) {
  .tariff-card {
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 28px;
    max-width: 208px;
  }
}

@media screen and (max-width: 800px) {
  .tariff-card {
    margin-top: 24px;
    padding: 8px 15px 10px 36px;
    width: 100%;
    max-width: none;
    min-height: 83px;
  }
}

@media screen and (max-width: 420px) {
  .tariff-card {
    padding: 8px 15px 8px 36px;
    margin-top: 8px;
    min-height: 77px;
    width: 280px;
  }
}

.tariff-card:hover {
  border: 1px solid #009eff;
}

.tariff-card:hover .tariff-card__btn {
  background-position-x: 100%;
  color: #ffffff;
}

.tariff-card:last-child {
  margin-right: 0;
}

.tariff-card__title {
    font-size: 24px;
    line-height: 24px;
    margin: 10px 0px;
    font-weight: 700;
    position: relative;
    color: #3b4256;
    text-decoration: none;
max-width:80%;
display:block
}

.tariff-card__title:hover{    color: #009eff;}



@media screen and (max-width: 800px) {
.tariff-card__column.tariff-card_small.tariff-card__price_hidden-mob{display:none}
.tariff-card__title{max-width:100%}
  .tariff-card__title {
    font-size: 16px;
    line-height: 14px;

  }
}

.tariff-card__title:hover::before {
  width: 100%;
}

.tariff-card__title::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #009EFF;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.tariff-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .tariff-card__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.tariff-card__bg {
  position: absolute;
  z-index: -1;
  top: 0;
}

.tariff-card__bg_1 {
  top: -10px;
  left: 38px;
}

.tariff-card__bg_2 {
  top: -8px;
  left: 50px;
}

.tariff-card__bg_3 {
  top: -9px;
  left: 43px;
}

.tariff-card__bg_4 {
  top: -9px;
  left: 38px;
}

@media screen and (max-width: 1170px) {
  .tariff-card__bg_1 {
    top: 5px;
    left: 38px;
  }
  .tariff-card__bg_2 {
    top: 5px;
    left: 44px;
  }
  .tariff-card__bg_3 {
    top: 9px;
    left: 41px;
  }
  .tariff-card__bg_4 {
    top: 5px;
    left: 40px;
  }
}

@media screen and (max-width: 800px) {
  .tariff-card__bg_1 {
    top: 9px;
    left: -10px;
  }
  .tariff-card__bg_2 {
    top: 5px;
    left: -11px;
  }
  .tariff-card__bg_3 {
    top: -2px;
    left: -11px;
  }
  .tariff-card__bg_4 {
    top: 7px;
    left: -10px;
  }
}

.tariff-card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 17px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
	width:100%
}

@media screen and (max-width: 800px) {
  .tariff-card__text {
    margin: 0;
  }
}

.tariff-card__text:first-child {
  margin-top: 0;
}

.tariff-card__text.tariff-card__row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 12px;
}

@media screen and (max-width: 800px) {
  .tariff-card__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 800px) {
  .tariff-card__details {
    display: none;
    margin-top: 10px;
  }
  .tariff-card__details.active {
    display: block;
  }
}

.tariff-card-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

@media screen and (max-width: 800px) {
  .tariff-card-description {
    font-size: 12px;
    line-height: 20px;
  }
}

.tariff-card__name {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

@media screen and (max-width: 800px) {
  .tariff-card__name {
    font-size: 12px;
  }
}

.tariff-card__name_hidden {
  display: none;
}

@media screen and (max-width: 800px) {
  .tariff-card__name_hidden {
    display: inline;
  }
}

.tariff-card__subtitle {
  color: #009eff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media screen and (max-width: 800px) {
  .tariff-card__subtitle {
    display: none;
  }
}

.tariff-card__price {
  color: #009eff;
  font-size: 32px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 800px) {
  .tariff-card__price {
	text-align: right;
    margin-top: 3px;
    font-size: 24px;
  }
}

.tariff-card__price-description {
  margin-top: 8px;
}

@media screen and (max-width: 800px) {
  .tariff-card__price-description {
    display: none;
  }
}

.tariff-card__price_hidden {
  display: none;
}

@media screen and (max-width: 800px) {
  .tariff-card__price_hidden {
    display: inline;
  }
}

.tariff-card__speed {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 800px) {
  .tariff-card__speed {
    font-size: 16px;
    line-height: 14px;
  }
}

.tariff-card__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
width:100%
}

@media screen and (max-width: 800px) {
  .tariff-card__column {
    /*margin-right: 20px;*/
  }
  .tariff-card__column:last-child {
    margin-right: 0;
  }
}

.tariff-card__value {
  color: #009eff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 800px) {
  .tariff-card__value {
    font-size: 16px;
    line-height: 14px;
  }
}

.tariff-card__date {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 800px) {
  .tariff-card__date {
    font-size: 16px;
    line-height: 14px;
  }
}

.tariff-card__btn_small {
  display: none;
}

@media screen and (max-width: 800px) {
  .tariff-card__btn_small {
    display: block;
    width: auto;
    margin-top: 5px;
    padding: 9px 22px 8px 25px;
    font-size: 12px;
    line-height: 1;
text-decoration:none
  }
}

.tariff-card__btn.btn_white {
  margin-top: 25px;
  min-height: 50px;
line-height:50px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1170px) {
  .tariff-card__btn.btn_white {
    width: 166px;
  }
}

@media screen and (max-width: 800px) {
  .tariff-card__btn.btn_white {
    display: none;
  }
}

.show-btn {
  margin-top: 10px;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: none;
  border: none;
  padding: 0;
  position: relative;

  outline: none;
}

.show-btn__text {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #009eff;
text-decoration:none
}

@media screen and (max-width: 800px) {
  .show-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.show-btn:after{  content: '\e8ac';
    font: normal 16px/1.0 "gascom";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: -8px;
    margin: -8px 0 0 0;
    color: #009eff;}
}

.show-btn.slow_top:after{   -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);}

.show-btn.show .show-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.show-icon {
  margin-top: 5px;
  margin-left: 5px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.card-bg {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1170px) {
  .card-bg_1 {
    width: 178px;
    height: 138px;
  }
  .card-bg_2 {
    width: 168px;
    height: 135px;
  }
  .card-bg_3 {
    width: 175px;
    height: 143px;
  }
  .card-bg_4 {
    width: 178px;
    height: 138px;
  }
}

@media screen and (max-width: 800px) {
  .card-bg_1 {
    width: 83px;
    height: 65px;
  }
  .card-bg_2 {
    width: 76px;
    height: 62px;
  }
  .card-bg_3 {
    width: 84px;
    height: 69px;
  }
  .card-bg_4 {
    width: 79px;
    height: 62px;
  }
}

.card-icon {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width:1024px){
.tariff-card__title{display:block}
}

.card-icon_1 {
  top: 29px;
  left: 101px;
max-width:103px;
height:103px;
}

.card-icon_2 {
  top: 71px;
  left: 92px;
}

.card-icon_3 {
  top: 91px;
  left: 97px;
}

.card-icon_4 {
  left: 92px;
  top: 10px;
}

@media screen and (max-width: 1170px) {
  .card-icon_1 {
    top: 5px !important;
    left: 40px;
    width: 82px;
    height: 82px;
  }
  .card-icon_2 {
    top: 58px;
    left: 83px;
    height: 80px;
    width: 80px;
  }
  .card-icon_3 {
    top: 73px;
    left: 88px;
    width: 89px;
    height: 89px;
  }
  .card-icon_4 {
    left: 101px;
    top: 9px;
    width: 97px;
    height: 94px;
  }
}

@media screen and (max-width: 800px) {
  .card-icon_1 {
    top: -6px !important;
    left: 7px;
    width: 42px;
    height: 42px;
  }
  .card-icon_2 {
    top: 0;
    left: 9px;
    width: 36px;
    height: 36px;
  }
  .card-icon_3 {
    left: 8px;
    top: 7px;
    width: 41px;
    height: 41px;
  }
  .card-icon_4 {
    left: 4px;
    top: -4px;
    width: 41px;
    height: 41px;
  }
}

.tariff-section {
 /* display: none; */
}

.tariff-section.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tariff-section__title {
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  margin-top: 34px;
}

@media screen and (max-width: 1170px) {
  .tariff-section__title {
    margin-top: 35px;
    max-width: none;
  }
}

@media screen and (max-width: 800px) {
  .tariff-section__title {
    margin-top: 19px;
  }
  .tariff-section__title br {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .tariff-section__title {
    margin-top: 4px;
  }
}

@media screen and (max-width: 328px) {
  .tariff-section__title {
    width: 287px;
  }
}

.tariff-section__container {
  max-width: 573px;
  margin: 0 auto;
  margin-top: 13px;
}

@media screen and (max-width: 1170px) {
  .tariff-section__container {
    margin-top: 21px;
    max-width: 460px;
  }
}

@media screen and (max-width: 800px) {
  .tariff-section__container {
    margin-top: 2px;
    max-width: 467px;
  }
}

@media screen and (max-width: 600px) {
  .tariff-section__container {
    margin: 0;
  }
}

.tariff-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .tariff-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 420px) {
  .tariff-form {
    margin-top: 6px;
  }
}

.tariff-form__item {
  width: 100%;
  max-width: 273px;
  margin-top: 27px;
}

.tariff-form__item input {
  width: 100%;
}

@media screen and (max-width: 1170px) {
  .tariff-form__item {
    margin-top: 20px;
    max-width: 220px;
  }
}

@media screen and (max-width: 600px) {
  .tariff-form__item {
    max-width: none;
  }
}

@media screen and (max-width: 420px) {
  .tariff-form__item {
    margin-top: 9px;
  }
}

.tariff-form__submit-wrapper {
  margin-top: 39px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1170px) {
  .tariff-form__submit-wrapper {
    margin-top: 23px;
  }
}

@media screen and (max-width: 600px) {
  .tariff-form__submit-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 420px) {
  .tariff-form__submit-wrapper {
    margin-top: 10px;
  }
}

.tariff-form__submit {
  border: none;
  padding: 20px 71px;
}

@media screen and (max-width: 1170px) {
  .tariff-form__submit {
    padding: 24px 52px;
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .tariff-form__submit {
    margin-top: 17px;
  }
}

@media screen and (max-width: 420px) {
  .tariff-form__submit {
    padding: 16px 52px;
  }
}

.tariff-form__agreement, .tariff-form__message {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

@media screen and (max-width: 800px) {
  .tariff-form__agreement, .tariff-form__message {
    font-size: 13px;
    text-align: center;
  }
}

@media screen and (max-width: 420px) {
  .tariff-form__agreement, .tariff-form__message {
    text-align: left;
  }
}

.tariff-form__message {
  margin: 0 auto;
  margin-top: 30px;
}

@media screen and (max-width: 800px) {
  .tariff-form__message {
    margin-top: 17px;
  }
}

.tariff-form__agreement {
  color: #009eff;
  position: relative;
  white-space: nowrap;
}

.tariff-form__agreement::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #009eff;
}

@media screen and (max-width: 420px) {
  .tariff-form__agreement {
    white-space: normal;
  }
  .tariff-form__agreement::before {
    display: none;
  }
}



.night{border: 1px solid #007ac3;}
.night .tariff-card__subtitle, .night .tariff-card__price, .night .tariff-card__value{    color: #007ac3}
.night .tariff-card__name.tariff-card_small {font-weight: 500;
    line-height: 16px;
    font-size: 12px;}
.night .btn_white{ color: #007ac3; border:1px solid #007ac3}

.besk{font-size:34px}


@media screen and (max-width: 800px){
.tariff-card_small .tariff-card__price-description {
    display: block;
}
.tariff-card__text_hidden-left:first-child {
    margin-top: 0;
    width: 80%;
}

.tariff-card__text_hidden-left:first-child a{width:90%}
.primechanie{text-align:center}
.primechanie .bigButton{float:none}
}




/* End */


/* Start:/local/templates/site_main/css/font.css?1618748143933*/
@font-face {
    font-family: 'Cuprum';
    src: url('../../../../../../font/Cuprum-Regular.eot') format('embedded-opentype'), url('../../../../../../font/Cuprum-Regular.woff') format('woff'), url('../../../../../../font/Cuprum-Regular.ttf') format('truetype'), url('../../../../../../font/Cuprum-Regular.svg') format('svg');
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: 'Cuprum';
    src: url('../../../../../../font/Cuprum-Bold.eot') format('embedded-opentype'), url('../../../../../../font/Cuprum-Bold.woff') format('woff'), url('../../../../../../font/Cuprum-Bold.ttf') format('truetype'), url('../../../../../../font/Cuprum-Bold.svg') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../../../../../font/opensans.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../../../../../../font/opensansbold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
}
/* End */


/* Start:/local/templates/site_main/css/style.css?161908987817857*/
.clearfix { clear: both;}

.wrap15 { padding: 15px;}

p.alarm { color: red;}


.addElem .bigButton:first-child {margin: 0 0 0 10px;}

.loadIco:after {content: '\e857'; font: normal 16px/16px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; margin: 0 0 0 3px; transform: rotate(90deg);}
.uploadIco:after {content: '\e857'; font: normal 14px/14px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; transform: rotate(270deg);}
.printIco:before {content: '\e80e'; font: normal 18px/18px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}

.openIco:before {content: '\e86f'; font: normal 14px/15px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; margin: 0 3px 0 0;}
.bigButton input, .midButton input {display: block; width: 100%; background: none; border: none; cursor: pointer; color: inherit; font: inherit;}

.whiteTitle {font: 400 28px/1.0 'Cuprum', sans-serif; color: #fff; margin: 0 0 20px 0; text-transform: uppercase;}
.blackTitle {font: 700 19px/1.2 'Cuprum', sans-serif; margin: 0 0 20px 0;}



/* Grid */




.pageSection {width: 100%; background: #e6e9ea; position: relative; overflow: hidden; padding: 40px 0 20px 0;}
.contentWidth {margin: 0 10px; max-width: 850px; position: relative;}







/* Section slider */
.sectionSlider {width: 100%; height: 650px; min-height: 100%; position: relative;}
.sectionSlider .slide {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0 20px 0;}
.sectionSlider .slide:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(95,95,95,.5);}
.sectionSlider .lister {width: 10px; position: absolute; left: 10px; top: 115px;}
.sectionSlider .lister span {display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 0 10px 0; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease;}
.sectionSlider .lister span:hover, .sectionSlider .lister span.active {transform: scale(1.5);}
.sectionSlider .slideText {max-width: 750px; position: relative; margin: 0 0 0 25px;}
.sectionSlider .slideText .note {color: #fff; font: 300 20px/1.0 'Roboto', sans-serif; margin: 0 0 20px 0;}
.sectionSlider .slideText .H1 {margin: 0 0 15px 0;}
.sectionSlider .largeTextBlock {background: #fff; padding: 10px; margin: 0 0 15px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sectionSlider .smallTextBlock {background: #fff; padding: 15px; width: 170px;}
.sectionSlider .largeTextBlock .H2 {margin: 0 0 10px 0;}
.sectionSlider .slideText .txt {color: #2c4554; text-transform: uppercase; font: 400 14px/1.4 'Cuprum', sans-serif;}
.sectionSlider .slideText .links {color: #007ac3; text-transform: uppercase; font: 400 14px/1.4 'Cuprum', sans-serif; margin: 0 0 10px 0;}
.sectionSlider .slideText .links a {text-decoration: none;}
.sectionSlider .slideText .authLink {color: #007ac3; text-transform: uppercase; font: 400 14px/1.4 'Cuprum', sans-serif;}
.sectionSlider .pic {width: auto; height: 70px;}
/*.sectionSlider .pic path, .sectionSlider .pic circle, .sectionSlider .pic line, .sectionSlider .pic polyline, .sectionSlider .pic rect, .sectionSlider .pic polygon {fill:none; stroke: #686868; stroke-width: 2.5;}

.sectionContent .pic path, .sectionContent .pic circle, .sectionContent .pic line, .sectionContent .pic polyline, .sectionContent .pic rect, .sectionContent .pic polygon {fill:none; stroke: white; stroke-width: 1.6;}*/

.pageSection .bgPic {width: 600px; height: 80%; position: absolute; top: 10%; right: 10px; background-position: right center; background-repeat: no-repeat; background-size: contain;}
.sectionContent {height: auto; padding:150px 0px; overflow:hidden; position: relative; display: flex; flex-direction: column; justify-content: space-around; font: 300 14px/1.4 'Roboto', sans-serif;}
.sectionContent a:not(.white) {color: #007ac3;}

.sectionContent .H1 {color: #007ac3; margin: 0 0 10px 0;}
.sectionContent .H4, .sectionContent p {margin: 0 0 10px 0;}
.sectionContent .boldText {font-size:16px; position: relative;}
.sectionContent .boldText b{display:block; font-weight:700; color: #037ac3;}
.sectionContent .leftBlock .leftBlockImg {display: none;}
.sectionContent .rightBlock .text {width: 75%; margin: 0 0 30px 0;}
.sectionContent .phoneBlock {text-align: center; font-size: 0;}
.sectionContent .phoneBlock .phoneImg {width: 140px; height: auto; display: inline-block; height:400px}
.sectionContent .phoneBlock .phoneImg .phoneLine {fill: none; stroke: #007ac3; stroke-width: 1;}
.sectionContent .phoneBlock .phoneImg .phoneThin {fill: none; stroke: #007ac3; stroke-width: 0.5;}

.sectionContent .phoneBlock .boldText {width: 100%; display: inline-block; vertical-align: middle; padding: 20px; text-align: left; }
.sputnikSVG path, .sputnikSVG circle, .sputnikSVG line, .sputnikSVG polyline, .sputnikSVG rect, .sputnikSVG polygon {fill: none; stroke: #007ac3; stroke-width: 6;}
.zoneSVG .map path, .zoneSVG .map circle, .zoneSVG .map rect, .zoneSVG .map polygon {fill: #fff;}
.zoneSVG .area {fill: none; stroke: #007ac3; stroke-width: 3.8;}

.sectionContent .picsList {margin: 0; margin-top:30px; list-style: none;}
.sectionContent .picsList li {margin: 0 0 15px 0; display: table; width: 100%;}
.sectionContent .picsList .pic {display: table-cell; vertical-align: middle;}
.sectionContent .picsList .boldText {display: table-cell; vertical-align: middle; padding: 0 0 0 20px;}
.sectionContent .picsList span {display: inline-block; width: 90px; height: 90px; border-radius: 50%; background: #007ac3; color: #fff; text-align: center;}
.sectionContent .picsList span:before {font: normal 52px/90px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cashMasineIco:before {content: '\e8b3';}
.markersIco:before {content: '\e8b2';}
.rocketIco:before {content: '\e8ae';}

.sectionContent .centerBlock .text {margin: 0 0 30px 0;}
.sectionContent .prices img {display: none;}
.sectionContent .prices .priceUnit {padding: 0 0 25px 0;}
.sectionContent .prices .H2 {margin: 0;}
.sectionContent .prices .point {display: none;}

/* Personal */
.profileLink a {color: #fff;}
.profileLink .ava, .profileLink .dava {width: 46px; height: 46px; margin-right:15px; float: left; position: relative; text-align: center;}
.profileLink .ava:before {content: '\e876'; font: normal 34px/46px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.profileLink .ava img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;}

.White .profileLink a{color: #314553;}
.profileLink .dava:before {content: '\e877'; font: normal 34px/46px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.profileLink .dava img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;}

















.formWrap {background: #fff; padding: 25px 20px; margin: 0 0 30px 0;}
.formWrap .fieldBox, .formWrap form > .errorMess {padding: 0 10px 25px 10px;}








@media screen and (min-width: 640px){
	/* Grid */
	.pageSection {padding: 50px 0 20px 0;}
	.contentWidth {margin: 0 30px;}


	.leftColSupport {width: 80%; float: left; padding: 0 10px 0 0;}
	.rightColSupport {width: 80%; float: right; padding: 0 0 0 10px;}
	






	/* Side bar */
	.siteMenu ul {margin: 0 10px 30px 30px;}
	.authLinks {margin: 0 10px 30px 30px;}
	/* Section slider */
	.sectionSlider {height: 890px;}
	.sectionSlider .lister {left: 30px; top: 180px;}
	.sectionSlider .slide {padding: 150px 0 30px 0;}
	.sectionSlider .slideText {margin: 0 0 0 40px;}
	.sectionSlider .slideText .note {font: 300 24px/1.0 'Roboto', sans-serif;}
	.sectionSlider .largeTextBlock {width: 460px; background: #fff; padding: 10px 15px; margin: 0 0 25px 0;}
	.sectionSlider .smallTextBlock {padding: 30px 15px 20px 15px;}
	.sectionSlider .slideText .txt {font: 400 16px/1.4 'Cuprum', sans-serif;}
	.sectionSlider .slideText .links {font: 400 16px/1.4 'Cuprum', sans-serif; margin: 0 0 20px 0;}
	.sectionSlider .slideText .authLink {text-transform: uppercase; font: 400 16px/1.4 'Cuprum', sans-serif;}
	.sectionSlider .pic {height: 130px;}

	.pageSection .bgPic {right: 35px;}
	.sectionContent .leftBlock {width: 50%; float: left; padding: 0 20px 0 0; text-align: right; position: relative;}
	.sectionContent .leftBlock .leftBlockImg {display: block; margin: 0 0 20px 0;}
	.sectionContent .rightBlock {width: 50%; float: right; padding: 0 0 0 20px;}
	.sectionContent .rightBlock .text {margin: 0;}
	.sectionContent .picsList {margin: 60px 0 0 -40px; list-style: none;}

	.sectionContent .phoneBlock {width: 50%; float: left; padding: 0 20px 0 0; text-align: right;}
	.sectionContent .phoneBlock .phoneImg {width: 110px;}
	.sectionContent .phoneBlock .boldText {width: 160px;}

	.sectionContent.sputniks .leftBlock .leftBlockImg {max-width: 270px; margin: -5px 0 20px 0;}
	.sectionContent.zone .leftBlock .leftBlockImg {margin: -30px -30px -30px 0; max-width: 150%; float: right;}
	.sectionContent.usage .rightBlock {width: 480px; margin: 0 auto; float: none;}
	.sectionContent.usage .rightBlock .text {margin: 0 0 50px 0;}
	.sectionContent.work .centerBlock .text {margin: 0 0 20px 0;}

	.sectionContent .centerBlock {width: 520px; margin: 0 auto;}
	.sectionContent .prices {margin: 0 0 30px -40px;}
	.sectionContent .prices:after {content: ''; display: block; width: 100%; height: 0; clear: both;}
	.sectionContent .prices .pricesImg {display: block; width: 150px; height: auto; float: left;}
/*	.sectionContent .prices .pricesImg .picLine {fill: none; stroke: #037ac3; stroke-width: 1.3;} */
	.sectionContent .prices .pricesImg .picArea {fill: #037ac3; stroke: #037ac3;}
	.sectionContent .prices .pricesImg .picElem {fill-rule:evenodd;clip-rule:evenodd;fill:#037ac3;}
	.sectionContent .prices .priceUnit {padding: 25px 0 0 270px; position: relative;}
	.sectionContent .prices .point {display: block; width: 110px; position: absolute; top: 30px; left: 130px;}
	.sectionContent .prices .point:after {content: ''; display: block; width: 110px; height: 12px; background: url(../../../../../../local/templates/site_main/img/point.png) 0 0 no-repeat;}
	.sectionContent .prices .point.double {height: 70px; border-right: 1px solid #2c4554;}
	.sectionContent .prices .point.double:before {content: ''; display: block; width: 85px; height: 12px; background: url(../../../../../../local/templates/site_main/img/point.png) 0 0 no-repeat; top: -5px;}
	.sectionContent .prices .point.double:before, .sectionContent .prices .point.double:after {position: absolute; right: 0;}
	.sectionContent .prices .point.double:after {bottom: -6px;}





	/* Pages */

	.addElem > div {margin: 0 10px 0 0;}
	.addElem .bigButton {margin: 10px 0 0 10px;}
	
	



	
	
	.personalInfoSet .heightBg {height: unset;}

}
@media screen and (min-width: 768px){
	/* Grid */

	.pageSection {height: 100%; position: absolute; left: 0; padding: 100px 0 150px 0;}
	.pageSection.prev {top: -100%;}
	.pageSection.next {top: 100%;}
	.pageSection.current {top: 0;}

	.leftColSupport {width: 80%; float: left; padding: 0 20px 0 0;}
	.rightColSupport {width: 80%; float: right; padding: 0 0 0 20px;}

	/* Section slider */
	.sectionSlider {height: 100%;}
	.sectionSlider .lister {top: 200px;}
	.sectionSlider .slide {height: 100%; padding: 120px 0; display: flex; flex-direction: column; justify-content: space-around;}
	.sectionSlider .slideText {width: 580px;}
	.sectionSlider .blockSet {position: relative;}
	.sectionSlider .largeTextBlock {width: 380px;}
	.sectionSlider .smallTextBlock {width: 180px; position: absolute; top: 0; right: 0;}


	

	.navArrows {display: block; position: fixed; right: 30px; bottom: 140px; z-index: 1;}
	.navArrows .prevArr, .navArrows .nextArr {width: 55px; height: 55px; border-radius: 50%; text-align: center; margin: 10px 0; cursor: pointer; color: #fff;}
	.navArrows .prevArr:before, .navArrows .nextArr:before {font: normal 55px/55px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.navArrows .prevArr:before {content: '\e8a9';}
	.navArrows .nextArr:before {content: '\e875';}
	.navArrows .prevArr.disabled, .navArrows .nextArr.disabled {display: none;}

	.sestionLinks {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 130px; padding: 0 70px; position: fixed; z-index: 1; left: 0; bottom: 0; background: #007ac3;}
	.sestionLinks .sectionIco {display: block; width: 30%; text-align: center; text-transform: uppercase; text-decoration: none; font: 400 16px/1.0 'Cuprum', sans-serif; color: #fff;}
	.sestionLinks .sectionIco:before {font: normal 37px/75px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 85px; height: 85px; margin: 0 auto 5px auto; border-radius: 50%; background: #00a2ff; transition: all .8s ease; -webkit-transition: all .8s ease; border: 7px solid #007ac3;}
	.sestionLinks .sectionIco:hover:before {border: 7px solid #48a0d4;}
	.sestionLinks .sectionIco.active:before {background: #fff; color: #00a2ff;}

	/* Personal */
	


	/* Pages */

}

@media screen and (min-width: 1024px){
	/* Grid */


	.pageSection {padding: 0;}

.no-js .block-item{max-width:800px}

.sectionContent {height: 100vh; padding:0px}

#nashi-sputniki .sectionContent {height: 690px;}
#zona-pokrytiya .sectionContent {height: 677px;}
#gde-kupit .sectionContent {height: 731px;}
#primery-primeneniya .sectionContent {height: 737px;}
#kak-eto-rabotaet .sectionContent {height: 731px;}

	.sectionContent .phoneBlock .boldText{width: 180px;text-align:right; padding:0 20px 0 0 }


	.navArrows {bottom: 30px;}
	/* Section slider */
	.sectionSlider .slide {padding: 100px 0 0 0;}

	.sestionLinks {flex-direction: column; justify-content: flex-start; width: 110px; height: 100%; position: fixed; left: 200px; padding: 50px 0;}
	.sestionLinks .sectionIco {width: auto; margin: 0 0 20px 0;}




	/*tooltip*/
	.tooltip:hover .tooltiptext{visibility: visible;}

}
@media screen and (min-width: 1050px){
	/* Grid */


	.contentWidth {margin: 0 75px; height: 100%;}

	
	.navArrows {right: 50px; bottom: 50px;}
	.sestionLinks {width: 175px;}
	/* Section slider */
	.sectionSlider .lister {left: 100px;}
	.sectionSlider .slideText {margin: 0 0 0 75px;}

	.sectionContent .leftBlock {width: 330px; position: absolute; right: 50%; top: 40%; margin: 110px -20px 0 0; float: none; padding: 0;}
	.sectionContent .leftBlock .leftBlockImg {right: 0; bottom: 100%; position: absolute;}
	.sectionContent .rightBlock {width: 330px; position: absolute; left: 50%; top: 40%; margin: -15px 0 0 105px; float: none; padding: 0;}
	.sectionContent .line {width: 12px; height: 12px; border-radius: 50%; background: #007ac3; position: absolute; right: 50%; top: 40%; margin: 0 -70px 0 0;}
	.sectionContent .line:before, .sectionContent .line:after {content: ''; display: block; width: 355px; height: 1000px; position: absolute; right: 0;}
	.sectionContent .line:before {bottom: 22px; background: url(../../../../../../local/templates/site_main/img/line01.png) left bottom no-repeat;}
	.sectionContent .line:after {top: 22px; background: url(../../../../../../local/templates/site_main/img/line02.png) left top no-repeat;}

	.sectionContent .phoneBlock {width: 400px; position: absolute; right: 50%; top: 40%; margin: -160px -20px 0 0; float: none; padding: 0;}
	.sectionContent .phoneBlock .phoneImg {float: right; width: 210px;}
	.sectionContent .phoneBlock .boldText {padding: 0; float: left; margin: 90px 0 0 0;}

	.sectionContent.sputniks .line:before {display: none;}
	.sectionContent.sputniks .leftBlock .leftBlockImg {margin: 0 0 90px 0; max-width: 115%;}
	.sectionContent.zone .leftBlock .leftBlockImg {margin: 0 0 -20px 0;}
	.sectionContent.usage .line {top: 12%; margin: -6px 275px 0 0;}
	.sectionContent.usage .line:before, .sectionContent.usage .line:after {width: 71px; height: 1000px; right: 3px;}
	.sectionContent.usage .line:before {background: url(../../../../../../local/templates/site_main/img/line03.png) left bottom no-repeat;}
	.sectionContent.usage .line:after {background: url(../../../../../../local/templates/site_main/img/line03.png) left top no-repeat;}
	.sectionContent.usage .rightBlock {left: 50%; top: 12%; margin: -15px 0 0 -235px;}
	.sectionContent.work .line {top: 12%; margin: -6px 275px 0 0;}
	.sectionContent.work .line:before {width: 71px; height: 1000px; right: 3px; background: url(../../../../../../local/templates/site_main/img/line03.png) left bottom no-repeat;}
	.sectionContent.work .line:after {display: none;}
	.sectionContent.work .centerBlock .text {margin: 0 0 20px 0;}
	.sectionContent .centerBlock {position: absolute; left: 50%; top: 12%; margin: -15px 0 0 -240px;}



	/* Pages */

	
}
@media screen and (min-width: 1360px){
	/* Section slider */
	.sectionSlider .slideText {width: auto;}
	.sectionSlider .slideText .note, .sectionSlider .slideText .H1 {margin: 0 180px 20px 0;}
	.sectionSlider .largeTextBlock {width: 280px; float: left; margin: 0 20px 0 0; display: block; padding: 30px 15px;}
	.sectionSlider .smallTextBlock {width: 170px; top: auto; bottom: 100%; float: none;}
	.sectionSlider .slideText .txt {margin: 0 0 30px 0;}
	.sectionSlider .pic {display: block; height: 170px; margin: 0 auto;}



	

	/* Pages */


	.formWrap .size11 {clear: both;}
	.formWrap .size12 {width: 50%; float: left;}
	.formWrap .size13 {width: 33.3333%; float: left;}
	.formWrap .size14 {width: 25%; float: left;}
	.formWrap .size23 {width: 66.6666%; float: left;}
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
}

/* End */


/* Start:/local/templates/site_main/css/mediaBoxes.css?157588087427460*/
/* ======================================================= 
 *
 *    Media boxes   
 *    Version: 3.3
 *    By castlecode
 *
 *    Contact: http://codecanyon.net/user/castlecode
 *    Created: March 11, 2014
 *
 *    Copyright (c) 2013, castlecode. All rights reserved.
 *    Available only in http://codecanyon.net/
 *    
 *    ---------------------------------
 *    CONTENTS
 *    ---------------------------------
 *    
 *    (1) GRAPHIC STYLE (Play around in this section)
 *
 *      [1] MEDIA BOX CONTENT
 *      [2] LOAD MORE
 *      [3] FILTER BAR
 *      [4] SEARCH FILTER
 *      [5] DROP DOWN MENU
 *      [6] THUMBNAIL OVERLAY EFFECT
 *      [7] FANCYBOX
 *      [8] MAGNIFIC POPUP
 *      [9] SOCIAL FOR MAGNIFIC POPUP
 *
 *    (2) NEEDED STYLE (Don't play here)
 *
 *      [1] SETUP
 *      [2] MEDIA BOX THUMBNAIL
 *      [3] MEDIA BOX CONTENT
 *      [4] THUMBNAIL OVERLAY EFFECT
 *      [5] MAGNIFIC POPUP
 *    
 * ======================================================= */
  
  /*
  //This is optional, but you need it for a full width gallery 
    body{
      margin:0;
      min-height: 1000px;
      overflow-y: scroll; 
    }
  */

  /*
  //This is for preventing that the content of your page shifts to the right when magnific popup is activated
    html {
      margin-right: 0 !important;
      overflow: visible !important;
  }
  */

/* ********************************************************************
  (1) GRAPHIC STYLE (Play around in this section)
********************************************************************* */


 

/* ====================================================================== *
      [1] MEDIA BOX CONTENT
 * ====================================================================== */
  


  .media-box iframe{
    display: block;
    margin: 0 !important;
  }

  .media-box-container{
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
              border-radius: 3px;
    /*
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
         -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
            box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    */
  }

  .media-box-content{
    padding: 20px;
    position: relative;
    background: white;
    color: rgb(51, 51, 51);

  }
  
  .thumbnail-overlay-animated{
    position: relative;
    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
  }

  .thumbnail-overlay-animated[data-from="top"]{
    top: -20px;
  }

  .thumbnail-overlay-animated[data-from="bottom"]{
    top: 20px;
  }

  .thumbnail-overlay-animated[data-from="left"]{
    left: -20px;
  }

  .thumbnail-overlay-animated[data-from="right"]{
    left: 20px;
  }
  
  /* desktop */
  @media only screen and (min-width: 768px) {
    .thumbnail-overlay:hover .thumbnail-overlay-animated{
      opacity: 1;
      left: 0;
      top: 0;
    }
  }
  /* mobile */
  @media only screen and (max-width: 768px) {
    .media-box-image:hover .thumbnail-overlay-animated{
      opacity: 1;
      left: 0;
      top: 0;
    }
  }


  .thumbnail-overlay-button{
    display: inline-block;

    background: rgba(255, 255, 255, .3);
    color: #fff;
    padding: 10px 14px;
    margin: 3px 0;

    -webkit-transition: background 0.3s ease-in-out;
       -moz-transition: background 0.3s ease-in-out;
         -o-transition: background 0.3s ease-in-out;
        -ms-transition: background 0.3s ease-in-out;
            transition: background 0.3s ease-in-out;
  }

  .thumbnail-overlay-button:hover{
    background: rgba(255, 255, 255, .4);
  }

  .thumbnail-overlay-caption{
    display: inline-block;
    color: white;
    font-size: 11px;
    background: rgba(255,255,255,.2);
    padding: 4px 6px;
    margin: 3px 0;
  }

  .media-box-title{
    letter-spacing: 0px;
    line-height: normal;
    font-weight: 600;
    color: rgb(51, 51, 51);

  }

  .media-box-title small{
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
  
  .media-box-year{
    color: gray;
    font-size: 11px;
    margin-bottom: 3px;
  }

  .media-box-author{
    font-size: 11px;
    margin: 3px 0 0px 0 !important;
  }

  .media-box-categories{
    font-size: 11px;
    line-height: 15px;
    color: #e54e53;
    margin-top: 5px;
  }

  .media-box-categories span{
    color: #333333;
    font-weight: 600;
  }
  
  .media-box-date{
    font-size: 11px;
    line-height: 15px;
    color: #e54e53;
    margin-top: 5px;
  }

  .media-box-date span{
    color: #333333;
    font-weight: 600;
  }

  .media-box-big-icon{
    margin-bottom: 12px;
  }

  .media-box-big-icon .fa{
    font-size: 55px !important;
    color: white !important;

  -webkit-transform: scale(1) !important;
       -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
         -o-transform: scale(1) !important;
            transform: scale(1) !important;  
  }

  .media-box-text{
    color: rgb(119, 119, 119);
    font-size: 14px;
    line-height: 26.6px;
    margin: 13px 0px 13px 0 !important;
  }

  .media-box-quote{
    padding: 30px;
    background: #e54e53;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
  }

  .media-box-quote span{
    display: block;
    margin-top: 20px;
    font-size: 13px;
  }

  .media-box-subscribe{
    padding: 30px;
    background: #2C393F;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
  }

  .media-box-subscribe p{
    color: #fff;
  }

  .media-box-subscribe input{
    border-radius: 0px;
    border: 0;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .media-box-subscribe .btn{
    border: 0;
    color: #fff;
    background: #86979F;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
            box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    min-width: 120px;
    font-size: 12px;
    padding: 12px;
  }

  .media-box-view-image{
    margin: 12px 0 0 0;
  }
  
  .media-box-more a, .media-box-view-image a{
    text-decoration: none !important;
    color: inherit;
    padding: 0;
    margin: 0;
    color: #e54e53;
    font-weight: 600;
    font-size: 11px;
  }

  .media-box-more a:hover, .media-box-view-image a:hover{
    color: #333333;
  }

  a.media-box-read-more-link{
    background: #e54e53;
    color: #fff;
    padding: 0 4px;
  }

  a.media-box-read-more-link:hover{
    background: #333333;
    text-decoration: none;
  }

  .media-box-footer{
    background: #e4e4e4;
    padding: 20px;
  }

  .media-box-social-buttons{
   text-align: center;
  }

  .media-box-social-buttons i{
    font-size: 15px;
    color: #C7C7C7;
    margin: 0 7px;

    -webkit-transition: color .1s;
         -moz-transition: color .1s;
           -o-transition: color .1s;
          -ms-transition: color .1s;
              transition: color .1s;
  }

  .media-box-social-buttons i:hover{
    color: #333;
  }

  .media-box-play-button{
    background: rgba(28, 186, 200, 1) !important;
    color: #fff !important;
    padding-left: 3px;
  }

  .media-box-sound-button{
    background: rgba(28, 186, 200, 1) !important;
    color: #fff !important;
    padding-left: 1px;
  }

  .media-box-logo{
    text-align: center;
    font-size: 80px;
    padding: 30px 0;
    color: rgba(255,255,255,.7);

    -webkit-transition: color .1s;
       -moz-transition: color .1s;
         -o-transition: color .1s;
        -ms-transition: color .1s;
            transition: color .1s;
  }
  .media-box-logo:hover{
    color: rgba(255,255,255,1); 
  }

  .media-box-price{
    font-size: 16px;
    color: #e54e53;
    margin-top: 10px;
  }

  .media-box-price del{
    font-size: 12px;
    color: #A4A4A4;
  }

  .media-box-sale{
    color: #fff;
    background: #e54e53;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    font-weight: 100;
    font-size: 12px;
    top: -10px;
    right: 10px;
    z-index: 99;
  }

/* ====================================================================== *
      [2] LOAD MORE
 * ====================================================================== */
    
  .media-boxes-load-more-button{
    cursor: pointer;
    width: 150px;
    text-align: center;
    color: white;
    background-color: #333333;
    font-size: 14px !important;
    height: 15px;
    padding: 10px 15px 10px 15px;
    margin: 0px auto;
    line-height: 15px;

    -webkit-box-sizing: content-box !important;
       -moz-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }

  .media-boxes-no-more-entries{
display:none
  }


/* ====================================================================== *
      [3] FILTER BAR
 * ====================================================================== */
  
  .filters-container{
    margin-bottom: 15px;
  }

  .filters-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  .media-boxes-filter{
    font-size: 0px;
    list-style: none;
    margin: 0;
    padding: 0px;
    text-align: left;
    display: inline-block;
  }

  .media-boxes-filter>li{
    display: inline-block;
    margin: 0 5px 5px 0;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
  }

  .media-boxes-filter>li:last-child{
    margin-right: 0 !important;
  }

  .media-boxes-filter>li a{
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: content-box !important;    /* Firefox, other Gecko */
            box-sizing: content-box !important;         /* Opera/IE 8+ */

    vertical-align: top;
    border: 1px solid #EBEBEB;
    display: block;
    cursor: pointer;
    color: #444444;
    font-size: 13px;
    height: 34px;
    line-height: 33px;
    text-decoration: none;
    margin: 0px;
    padding: 0 15px;
    background-color: #fff;

    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;

    -webkit-transition: background-color .1s;
       -moz-transition: background-color .1s;
         -o-transition: background-color .1s;
        -ms-transition: background-color .1s;
            transition: background-color .1s;
  }

  .media-boxes-filter>li a:hover{
    text-decoration: none;
    background: #333333;
    color: #fff;
  }

  .media-boxes-filter>li a.selected{
    background: #e54e53 !important; 
    color: #fff !important;

    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
     -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
          box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
  }

/* ====================================================================== *
      [4] SEARCH FILTER
 * ====================================================================== */

    .media-boxes-search{
      margin-bottom: 5px;
      display: inline-block;
      border: 1px solid #EBEBEB;
    }
    
    .media-boxes-search .media-boxes-icon,
    .media-boxes-search .media-boxes-clear{
      display: inline-block;
      font-size: 13px;
      height: 34px;
      line-height: 34px;
      width: 34px;
      text-align: center;
      background: #fff;
      margin-right: -4px;
      color: #444444;
    }

    .media-boxes-search .media-boxes-clear{
      margin-right: -1px;
      cursor: pointer;
    }

    .media-boxes-search input[type=text]{
      vertical-align: top;
      height: 34px;
      line-height: 34px;
      min-width: 150px;
      max-width: 170px;
      margin: 0 !important;
      margin-right: -4px !important;
      padding: 0 10px 0 0 !important;
      font-size: 13px;
      box-shadow: none !important;
      border: none !important;
      background-color: #fff;
      color: #444444;
      outline: 0;
      -webkit-appearance: none;
      
      -webkit-border-radius: 0 !important;
         -moz-border-radius: 0 !important;
              border-radius: 0 !important;
    }

    .media-boxes-search input::-webkit-input-placeholder { /* Chrome */
      color: #444444;
      font-weight: 300;
    }
    .media-boxes-search input:-ms-input-placeholder { /* IE 10+ */
      color: #444444;
      font-weight: 300;
    }
    .media-boxes-search input::-moz-placeholder { /* Firefox 19+ */
      color: #444444;
      font-weight: 300;
    }
    .media-boxes-search input:-moz-placeholder { /* Firefox 4 - 18 */
      color: #444444;
      font-weight: 300;

    }


/* ====================================================================== *
      [5] DROP DOWN MENU
 * ====================================================================== */

    .media-boxes-drop-down,
    .media-boxes-drop-down-header,
    .media-boxes-drop-down-menu,
    .media-boxes-drop-down-menu > li > a{
      -webkit-box-sizing:border-box;
         -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
              box-sizing: border-box;
    }
    
    .media-boxes-drop-down{
      width: 150px;
      margin: 0;
      margin-bottom: 5px;
      position: relative;
      display: inline-block;
      border: 1px solid #EBEBEB;
    }

    .media-boxes-drop-down-header{
      background-color: white;
      cursor: pointer;
    }

    .media-boxes-drop-down-header .fa{
      float: right;
      height: 34px;
      line-height: 31px;
    }

    .media-boxes-drop-down-menu{
      margin: 0 !important;
      padding: 0 !important;
      z-index: 99999;
      position: absolute;
      width: 100%;
      display: none;
      border: 0 !important;

      -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
         -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
              box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    }

    .media-boxes-drop-down-menu > li {
      list-style: none;
      margin: 0 !important;
      padding: 0 !important;
    }

    .media-boxes-drop-down-header{
      font-size: 12px;
      margin: 0 !important;
      display: block;
      height: 34px;
      line-height: 34px;
      padding: 0 15px !important;
      text-decoration: none;
      background-color: #fff;
      color: #444444;
    }

    .media-boxes-drop-down-menu > li > a{
      font-size: 12px;
      display: block;
      margin: 0 !important;
      padding: 10px 15px !important;
      color: #444444;
      background: #fff;
      height: auto !important;
      line-height: normal !important;
      border-top: 1px solid rgba(175,175,175,.16)!important;
      text-decoration: none;
    }

    .media-boxes-drop-down-menu > li > a:hover{
      background: #e54e53 !important;
      color: #fff !important;
    }

    .media-boxes-drop-down-menu > li.selected > a,
    .media-boxes-drop-down-menu > li > a.selected{
          /* */
    }

    .media-boxes-sort{
      display: inline-block;
      vertical-align: top;
    }

    .media-boxes-sort .media-boxes-drop-down-header .fa{
      display: none;
    }

    .media-boxes-sort-order{
      cursor: pointer;
      vertical-align: top;
      display: inline-block;
      width: 34px;
      height: 34px;
      line-height: 33px;
      color: #444444;
      background: #fff;
      text-align: center;
      border: 1px solid #EBEBEB;

      -webkit-box-sizing: content-box !important;
       -moz-box-sizing: content-box !important;
            box-sizing: content-box !important;
    }

    .media-boxes-sort-order>span{
      display: none;
    }

    .media-boxes-sort-order>span.selected{
      display: inline-block;
    }

/* ====================================================================== *
      [6] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

  .thumbnail-overlay{
    background: black; /* fallback for IE8 */
    background-color: rgba(229, 78, 83, .90);
    color: #333333;
  }

  /* The style for centering the caption (vertically and horizontally) */
  .thumbnail-overlay>div.aligment{
    height: 100%;
    width: 100%;
    display: table !important;
  }

  .thumbnail-overlay>div.aligment>div.aligment{
    padding: 10px;
    display: table-cell !important;
    vertical-align: middle; /* FOR VERTICAL ALIGN */
    text-align:center; /* FOR HORIZONTAL ALIGN */
  }

  .overlay-title{
    font-weight: 500;
    font-size: 16px;
    display: block;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .overlay-description{
    font-size: 12px;
    display: block;
    line-height: 16px;
  }

  .thumbnail-overlay i.fa, 
  .media-box-play-button, 
  .media-box-sound-button{
    background: #fff;
    color:  #e54e53;
    text-align: center;
    display: inline-block;
    margin: 3px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 15px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
  
    -webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
       -moz-border-radius: 50%; /* Firefox 1-3.6 */
            border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

    -webkit-transition: all .05s linear;
       -moz-transition: all .05s linear;
         -o-transition: all .05s linear;
        -ms-transition: all .05s linear;
            transition: all .05s linear;
  }  

  .media-box-play-button, 
  .media-box-sound-button{
    font-size: 15px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
  
  .thumbnail-overlay i.fa:hover{
    background: rgba(255,255,255,.3);
    color: #fff;
    cursor: pointer;
  }

  .mb-play-container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/local/templates/site_main/css/icons/blank.gif'); /* IE hack, since IE doesn't recognize the hover state in places where there's nothing */
  }

  .mb-play-container .fa{
    border: 2px solid #fff;
    padding: 14px 15px 13px 17px;
  font-size: 19px;
    color: #fff;
    text-align: center;
    
    width: 50px;
    height: 50px;
  
    -webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
       -moz-border-radius: 50%; /* Firefox 1-3.6 */
            border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;

    -webkit-transition: background-color .2s, -webkit-transform .2s;
       -moz-transition: background-color .2s,    -moz-transform .2s;
         -o-transition: background-color .2s,      -o-transform .2s;
        -ms-transition: background-color .2s,     -ms-transform .2s;
            transition: background-color .2s,         transform .2s;
  }

  .mb-play-container:hover .fa{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);          
  }

/* ====================================================================== *
      [7] FANCYBOX
 * ====================================================================== */

  .fancybox-caption {
    padding: 0 !important;
    height: 44px !important;
    text-align: center;
    border-top: 0;
    display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
  }

  .fancybox-thumbs{
    background: rgba(255,255,255,.1);
  }


/* ====================================================================== *
      [8] MAGNIFIC POPUP
 * ====================================================================== */

  .mb-open-popup{
    cursor: pointer;
  }
  
  .mfp-arrow.mfp-arrow:before, 
  .mfp-arrow.mfp-arrow:after { border:none !important; }

  .mfp-arrow.mfp-arrow-left {
    background:url('/local/templates/site_main/css/icons/icon-arrow-left.png') 50% 50% no-repeat !important;
  }
  
  .mfp-arrow.mfp-arrow-right {
    background:url('/local/templates/site_main/css/icons/icon-arrow-right.png') 50% 50% no-repeat !important;
  }
  
  .mfp-close{
    background:url('/local/templates/site_main/css/icons/icon-close.png') right no-repeat !important;
  }

   /* Just some example in how to add a loder image (gif) to the popup
  .mfp-preloader {
    width: 24px;
    height: 24px;
    margin: auto;
    color: transparent;
    background-image: url('/local/templates/site_main/css/icons/loading-image.gif');
  }
  */

  .iframe-on-grid{
    cursor: pointer;
  }

  .iframe-on-grid-container, .iframe-on-grid-container iframe{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: #000;
    display: none;
  }

  .iframe-on-grid-container{
    display: block;
  }

  .mfp-hide{
    display: none;
  }


/* ====================================================================== *
      [9] SOCIAL FOR MAGNIFIC POPUP
 * ====================================================================== */

  .media-boxes-social-container{
    float: right;
    margin-right: 10px;
    font-size: 18px;
  }

  .media-boxes-social-container>*{
    margin-right: 5px;
  }












/* 
 * 
 *
 * 
 * 
 *  BRIDGE (Unless you know what you are doing don't scroll down) ========>
 * 
 *
 * 
 *
 */











/* ********************************************************************
  (2) NEEDED STYLE (Don't play here)
********************************************************************* */


/* ====================================================================== *
      [1] SETUP 
 * ====================================================================== */
  
  .media-box {
    /* Box-model */
    display: none; /* hidden by default, the plugin will take care of showing it */
    float: left;
  }

  .media-box, .media-box-hidden{
    /* hardware acceleration */
    -webkit-transform:translate3d(0,0,0);
       -moz-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
  }

  .media-box-hidden, .not-loaded-before-search{
    display: none; /* hide the hidden boxes */
  }
  
  .media-boxes-container{
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .media-box-loaded{
    display: block; /* class to show the boxes once the plugin has been initialized */
  }

  [onclick]{
    cursor: pointer;
  }

  [hide_if_empty]{
    display: none !important;
  }

 /* ====================================================================== *
    [2] MEDIA BOX THUMBNAIL
 * ====================================================================== */

  .media-box-image{
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  
  /* Hack to center the image */
  .media-box-image div[data-width][data-height]{
    position: relative;
    overflow: hidden;
  }
  .media-box-image div[data-width][data-height] img{
    position: absolute;
    top:-100%; left:0; right: 0; bottom:-100%;
    margin: auto;
  }
  /* End Hack */

  .media-box .media-box-image img{
    width: 100%;
    max-width: 100%;
    display: block;
  }
  
  .media-box img{
    max-width: 100%;
    -webkit-transform: translate3D(0, 0, 0);
       -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
         -o-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
  }

  /* Invert position */
  .media-box .media-box-fill-height[data-width][data-height] img{
    top: 0 !important; 
    left: -100% !important; 
    right: -100% !important; 
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 100%;
  }
  
  /* Loading and broken thumbnail effects */

  .media-box-image div[data-thumbnail], .media-box-image div[data-popup]{
    background-position: center center;
    background-repeat: no-repeat;
  }

  .image-with-dimensions{
    background-color: black;
    background-image: url('/local/templates/site_main/css/icons/loading-image.gif');
  }

  .broken-image-here{
    background-color: #BE3730;
    background-image: url('/local/templates/site_main/css/icons/broken-image.png');
  }

  .broken-image-here:not([data-height]){
    min-height: 150px;
  }
/* ====================================================================== *
    [3] MEDIA BOX CONTENT
 * ====================================================================== */

  .media-box-container{

    position:relative;
  z-index:1;
  }

  .media-box-container:hover{
  z-index: 2; /* bring the hover media box to the front */
  }


/* ====================================================================== *
    [4] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

  .thumbnail-overlay{
      position: absolute;
      
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */

      width: 100%;
  }

  /* REVEAL EFFECT */
  .position-reveal-effect .media-box-thumbnail-container{
      z-index: 2;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
  }
  
  .position-reveal-effect .thumbnail-overlay{
      z-index: 1;
      position: absolute;
      left: 0;
  }

  .overlay-always-visible{
    display: block !important;
    zoom: 1 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
  }

  .overlay-text-left>.aligment>.aligment{
    text-align: left !important;
  }
  .overlay-text-right>.aligment>.aligment{
    text-align: right !important;
  }

/* ====================================================================== *
    [5] MAGNIFIC POPUP
 * ====================================================================== */
  
  .mfp-arrow:focus {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  .mfp-arrow:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }

  /* at start */
  .my-mfp-slide-bottom .mfp-figure {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
    
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);

  }

  /* animate in */
  .my-mfp-slide-bottom.mfp-ready .mfp-figure {
    opacity: 1;
    -webkit-transform: scale(1); 
       -moz-transform: scale(1); 
        -ms-transform: scale(1); 
         -o-transform: scale(1); 
            transform: scale(1); 
  }

  /* animate out */
  .my-mfp-slide-bottom.mfp-removing .mfp-figure {
    opacity: 0;
    -webkit-transform: scale(0.8); 
       -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
         -o-transform: scale(0.8); 
            transform: scale(0.8); 
  }

  /* Dark overlay, start state */
  .my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
       -moz-transition: opacity 0.3s ease-out; 
         -o-transition: opacity 0.3s ease-out; 
            transition: opacity 0.3s ease-out;
  }
  /* animate in */
  .my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
  }
  /* animate out */
  .my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
  }
/* End */


/* Start:/local/templates/site_main/slick/slick.css?15758808751776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/site_main/slick/slick-theme.css?15758808753145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../../../../../local/templates/site_main/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../../../../local/templates/site_main/slick/fonts/slick.eot');
    src: url('../../../../../../local/templates/site_main/slick/fonts/slick-1.eot') format('embedded-opentype'), url('../../../../../../local/templates/site_main/slick/fonts/slick.woff') format('woff'), url('../../../../../../local/templates/site_main/slick/fonts/slick.ttf') format('truetype'), url('../../../../../../local/templates/site_main/slick/fonts/slick.svg') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/site_main/js/jquery.fancybox.min.css?157612901512795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/site_main/components/bitrix/search.suggest.input/input_search/style.css?1575880870501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/local/templates/site_main/components/bitrix/search.page/new_search/style.css?1575880870163*/
a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}
div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}
/* End */


/* Start:/local/templates/site_main/components/simai/notificator/.default/style.css?15873824877130*/
/* CSS Resets */
.foobar-container { border-collapse:separate !important; border-spacing: 0 !important; }
.foobar-container, .foobar-container-row, .foobar-container-left, .foobar-container-right, .foobar-container-center, 
  .foobar-close-button-container, .foobar-close-button-spacer { padding: 0 !important; margin: 0 !important; }
.foobar-message-wrapper { line-height: normal; }

/* Core CSS */
.foobar-wrapper { width: 100%; z-index: 1001; }
.foobar-container { width: 100%; table-layout: fixed; }
.foobar-container-left, .foobar-container-center, .foobar-container-right { vertical-align: middle; }
.foobar-container-center { text-align: center; }
.foobar-container-inner { position:relative; overflow: hidden; }
.foobar-shadow { width: 100%; height:0px; }
.foobar-message { position: relative; display: block; }
.foobar-message-wrapper { white-space: nowrap; position: absolute; color:#ffffff; font-weight:600;}

.foobar-prev-button, .foobar-next-button { width: 28px; display: none; cursor: pointer; position:absolute; top:50%; z-index:996; }
.foobar-prev-button { left: 0; }
.foobar-next-button { right: 0; }

.foobar-close-button-container, .foobar-close-button-spacer, .foobar-open-button-container { width: 50px; }
.foobar-open-button-container { height: 0; overflow: hidden; text-align: center; }
.foobar-open-button-container.hidden { display:none; visibility: hidden; }
.foobar-open-button, .foobar-close-button { width: 28px; display: block; outline: none; border: none; margin: 0 auto; cursor:pointer; }
.foobar-open-button { position: absolute; left: 50%; margin-left: -17px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; top: 0; bottom: auto; }

.foobar-container { border-left:none !important; border-right:none !important; padding:0 !important; }
.foobar-container td,.foobar-container td:hover { border:none !important; padding:0 !important; background:none !important; }

/* Inline CSS */
.foobar-wrapper.inline { position: relative; top: 0; bottom: 0; left: 0; }
.foobar-wrapper.inline .foobar-container {border-top:none !important; }
.foobar-wrapper.inline .foobar-open-button-container { position: absolute; top: 0; bottom: auto; }

/* Top CSS */
.foobar-wrapper.top { position:fixed; top: 0; bottom: auto; left: 0; }
.foobar-wrapper.top .foobar-container {border-top:none !important; }
.foobar-wrapper.top .foobar-open-button-container { position: fixed; top: 0; bottom: auto; }

/* Bottom CSS */
.foobar-wrapper.bottom { position:fixed; top: auto; bottom: 0; left: 0; }
.foobar-wrapper.bottom .foobar-container {border-bottom:none !important; }
.foobar-wrapper.bottom .foobar-open-button-container { position: fixed; top: auto; bottom: 0; }
.foobar-wrapper.bottom .foobar-open-button { -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; top: auto; bottom: 0; }

/* Shadow CSS */
.foobar-wrapper.shadow .foobar-shadow { height:5px; background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/shadow.png') repeat-x left bottom; }
.foobar-wrapper.shadow.bottom .foobar-shadow { background-position: left top; }
.foobar-wrapper.shadow .foobar-open-button-container { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/shadow-button.png') no-repeat center bottom; }
.foobar-wrapper.shadow.bottom .foobar-open-button-container { background-position: center top; }

/* Button CSS */

/* x-close theme */
.foobar-wrapper.x-close .foobar-open-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-close.png') no-repeat -56px center; }
.foobar-wrapper.x-close .foobar-close-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-close.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.x-close { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-close.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.x-close { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-close.png') no-repeat -168px center; }

/* triangle-arrow theme */
.foobar-wrapper.triangle-arrow .foobar-open-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/triangle-arrow.png') no-repeat -56px center; }
.foobar-wrapper.triangle-arrow .foobar-close-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/triangle-arrow.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.triangle-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/triangle-arrow.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.triangle-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/triangle-arrow.png') no-repeat -168px center; }

/* long-arrow */
.foobar-wrapper.long-arrow .foobar-open-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/long-arrow.png') no-repeat -56px center; }
.foobar-wrapper.long-arrow .foobar-close-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/long-arrow.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.long-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/long-arrow.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.long-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/long-arrow.png') no-repeat -168px center; }

/* small-white-arrow theme */
.foobar-wrapper.small-white-arrow .foobar-open-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/small-white-arrow.png') no-repeat -56px center; }
.foobar-wrapper.small-white-arrow .foobar-close-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/small-white-arrow.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.small-white-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/small-white-arrow.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.small-white-arrow { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/small-white-arrow.png') no-repeat -168px center; }

/* x-white */
.foobar-wrapper.x-white .foobar-open-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-white.png') no-repeat -56px center; }
.foobar-wrapper.x-white .foobar-close-button { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-white.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.x-white { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-white.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.x-white { background: url('../../../../../../local/templates/site_main/components/simai/notificator/.default/images/x-white.png') no-repeat -168px center; }  

.foobar-wrapper .foobar-open-button:hover { background-position: -84px center; }
.foobar-wrapper .foobar-close-button:hover { background-position: -28px center; }
.foobar-wrapper.bottom .foobar-open-button { background-position: 0px center; }
.foobar-wrapper.bottom .foobar-close-button { background-position: 0px center; }
.foobar-wrapper.bottom .foobar-open-button:hover { background-position: -28px center; }
.foobar-wrapper.bottom .foobar-close-button:hover { background-position: 0px center; }
.foobar-wrapper .foobar-prev-button:hover { background-position: -140px center; }
.foobar-wrapper .foobar-next-button:hover { background-position: -196px center; }

/* Social CSS */

.foobar-social { list-style-type: none; margin: 0; padding: 0; }
.foobar-social li.foobar-social-text { padding-right: 10px; padding-left: 10px; }
.foobar-social li { float: left; text-align: left; }
.foobar-social li a { width: 28px; display: inline-block; }

.foobar-preset-1 { color: #ffffff; text-shadow: 0 1px 0 #986C00; }
.foobar-preset-1 a { color: #2b1b0a; text-shadow: 0 1px 0 #F1BA4D; text-decoration: none; }
.foobar-preset-1 a:hover { text-decoration: underline; }

.foobar-preset-2 { color: #000; text-shadow: 0 1px 0 #aaa; }
.foobar-preset-2 a { color: #fff; text-shadow: 0 1px 0 #888; text-decoration: none; }
.foobar-preset-2 a:hover { text-decoration: underline; }
/* End */


/* Start:/local/templates/site_main/styles.css?165596308271518*/
@font-face {
	font-family: 'gascom';
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom.eot');
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom.eot') format('embedded-opentype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom.woff2') format('woff2'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom.woff') format('woff'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom.ttf') format('truetype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gascom5';
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom5.eot');
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom5.eot') format('embedded-opentype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom5.woff2') format('woff2'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom5.woff') format('woff'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom5.ttf') format('truetype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom5.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gascom3';
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom3.eot');
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom3.eot') format('embedded-opentype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom3.woff2') format('woff2'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom3.woff') format('woff'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom3.ttf') format('truetype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gascom2';
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom2.eot');
	src: url('../../../../../../local/templates/site_main/css/gascom/gascom2.eot') format('embedded-opentype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom2.woff2') format('woff2'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom2.woff') format('woff'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom2.ttf') format('truetype'),
	url('../../../../../../local/templates/site_main/css/gascom/gascom2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



* {margin: 0; padding: 0; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none;}
*:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html {    height: unset !important;  }
body {height:unset !important; min-height: 100%; font: 300 16px/1.6 'Roboto', sans-serif; color: #314553;}
.open_m{overflow:hidden}

aside, nav, footer, header, section, article, menu {display: block;}

a {color: #007ac3; cursor:pointer;}
a img {border:none;}
img {vertical-align: middle; max-width: 100%; height: auto;}

p {margin:0 0 20px 0;}

ol, ul {margin: 0 0 20px 30px;}
ol li, ul li {margin: 0 0 10px 0;}


.list_imp { list-style-type: none;  counter-reset:  item;  }
.list_imp  li{padding-left:20px; position:relative}
.list_imp  li:before {content: counter(item) '/ ';  counter-increment: item;  font: 400 23px/1.0 'Cuprum', sans-serif; color: #00a2ff; position: absolute; left: -5px;}


nav ul, nav ul li {list-style: none; margin: 0;}

/* Titles */

h1, .H1 { font: 700 32px/1.0 'Cuprum', sans-serif; margin: 0 0 40px 0; color: #fff; text-transform: uppercase;}
h2, .H2 {font: 700 32px/1.0 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h3, .H3 {font: 700 26px/1.2 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h4, .H4 {font: 600 24px/1.0 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h5, .H5 {font: 600 18px/1.2 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h6, .H6 {font: 600 16px/1.4 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}

.block-item h2{font: 400 16px/1.4 'Open Sans', sans-serif; color: inherit; }


/* Section navigation */
.sestionNav, .navArrows, .sestionLinks {display: none;}
.all_block{width:100%; padding:0px 20px}
.block-item{padding:20px;}
.block-item:after{display:block; clear:both; content:''}
.block-item-main{width:320px; max-width:100%; padding:10px; display:inline-block; margin-right:-3px; vertical-align:top}
.block-item a.js-openModal{font: 400 16px/1.4 'Roboto', sans-serif; margin: 0 0 20px 0;display:block}
.block-item-news a{text-decoration:none}
.block-item-news img{margin-bottom:10px}
.block-item-news a h5{font-weight:500}
/* COLOR */


.White, .white{background:#fff}
.Gray{background:#a6c2d3}
.Blue{background:#007ac3; color:#fff}
.NonBG, .bg_none{background:none}

h2.title, a.title{color:#007ac3}

.text_white{color:#fff}
.text_gray{color:#a6c2d3}
.text_blue{color:#007ac3}

.light, .light h2.title, .light a.title{color:#fff}
.dark{color:#314553}
.Blue a, .Blue h6, .Blue h2, .Blue .H2, .Blue h3, .Blue h4, .Blue h5{color:#fff}

.price .big, .price .rub, .price  .period {color: #00a2ff;}
.Blue .price .big, .Blue .price .rub, .Blue .price  .period {color: #fff;}
.tarifInfo li .ico {border: 1px solid #007ac3; color: #007ac3;}
.light .tarifInfo li .ico {border: 1px solid #fff; color: #fff;}

.addTarif {color: #2688cf; border: 1px solid #2688cf; }
.addTarif:hover {background: #2688cf; color: #fff;}
.Blue .addTarif{border: 1px solid #fff;}
.Blue .addTarif:hover {background: #fff; color: #2688cf;}

.icoBlue {background: #007ac3; color: #fff; border-radius: 50%; padding: 14px;}
.icoWhite {background: #fff; color: #037ac3; border-radius: 50%;}

.block-item .icoBlue{font-size: 30px; }
.block-item h2 span, .block-item a span{     display: block; margin-top: 20px; font: 400 16px/1.4 'Roboto', sans-serif;}
.block-item a span{     display: none;}

/* PADDING */


#all_content{ opacity:0;}
.bodyPage{padding-top:80px; padding-bottom:65px;}


/* Side bar */
.sideBar {width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; background: #fff; padding: 90px 0 0 0; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.sideBar::-webkit-scrollbar {width: 0;}
.sideBar.open {left: 0;}
.siteMenu {font: 400 16px/1.4 'Cuprum', sans-serif;}
.siteMenu ul {margin: 0 10px 30px 20px;}
.siteMenu ul hr {width: 50px; height: 5px; border-style: solid; border-color: #007AC3; border-width: 1px 0 0 0; text-align:left}
.siteMenu ul li {margin: 0 0 12px 0; text-align:left}

.siteMenu ul li a {text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.siteMenu ul li.current a, .siteMenu ul li a.selected, .siteMenu ul li a:hover{color: #2c4554;}
.nav_scroll{overflow: scroll;}

/* Section navigation */
.sestionNav {padding-top:50px; display: block; font-size:0px; width: 100%; height: 65px; padding: 0px; position: fixed; z-index: 3; left: 0; bottom: 0; background: #007ac3;}
.sestionNav .sectionIco {display: block; width: 65px; padding:10px 0px;  color: #fff;  text-decoration: none; -webkit-transition: all ease-out 0.5s;-moz-transition: all ease-out 0.5s;-o-transition: all ease-out 0.5s; transition: all ease-out 0.5s;}
.sestionNav .sectionIco:before {display:block; vertical-align:top; font: normal 36px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sestionNav .sectionIco span{}
.sestionNav .sectionIco:after, .both{content:''; clear:both; display:block}
.sestionNav .sectionIco.active, .sestionNav .active .sectionIco {background:rgba(0, 0, 0, 0.1)}
.sestionNav div{display: flex; text-align:center; justify-content: space-between;}


/* Section navigation */


/* Header menu*/
.pageHeader {width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 994; background: #fff;}
.menuIco {width: 40px; height: 29px; float: left; position: relative; z-index: 101; margin: 25px 0 0 10px;}
.menuIco span, .menuIco span:before, .menuIco span:after {display: block; width: 100%; height: 3px; background: #00a2ff; position: absolute; left: 0; top: 13px; transition: all .3s ease; -webkit-transition: all .3s ease;}
.menuIco span:before, .menuIco span:after {content: '';}
.menuIco span:before {top: -13px;}
.menuIco span:after {top: 13px;}
.menuIco.open span {width: 100%; background: transparent;}
.menuIco.open span:before {top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menuIco.open span:after {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.pageHeader .logo {display: block; width: 108px;height: 50px;float: left;margin: 10px 0 0 25px;position: relative;z-index: 1;}

.copy_in{ font-size: 12px; }
.search_click_new{ font-size: 12px;}

/* AUTH */

.topPersonal {background: #fff; border-radius: 2px 0 0 2px; position: absolute; top: 15px; right: 52px; font-size: 0;}
.topPersonal.topSearh{right:0px}
.topPersonal .personalIco {display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}
.topPersonal .personalIco:before {content: '\e876'; font: normal 32px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #00a2ff;}
.topPersonal .searchlIco:before {content: '\e830'; font: normal 32px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #00a2ff;}
.topPersonal .searchlIco{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}


.topPersonal .sectionIco{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}
.topPersonal.topZayavka .sectionIco:before { color: #fff;    font: normal 30px/50px "gascom";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.topPersonal.topZayavka{top:290px; background:#007ac3;}


@media screen and (max-width: 1024px){
.topPersonal.topZayavka {
    right: 125px;
    top: 25px;
    background: #fff;
}
.topPersonal.topZayavka .sectionIco:before {
    color: #007ac3;
}
}

@media screen and (min-width: 640px){
.topPersonal .personalIco {
    margin: 0 30px 0 0;
}
}


.topPersonal .topAuthForm, .topPersonal .copy_in {width: 100%; position: fixed; right: -100%; top: 80px; padding: 25px 10px 10px 10px; background: #fff; transition: all .3s ease; -webkit-transition: all .3s ease;}
.topPersonal .topAuthForm, .topPersonal.open .copy_in{z-index:9}
.topPersonal.open .topAuthForm, .topPersonal.open .copy_in {right: 0;}
.topPersonal .input {margin: 0 0 15px 0;}
.topPersonal .submitIcoBtn {}
.topPersonal .topAuthForm .errorMess {margin: 10px 0 0 0;}

.topPersonal .topAuthLinks {display: inline-block; vertical-align: middle; font: 300 16px/1.4 'Roboto', sans-serif; text-align: right; float: right; width: 100%; margin-top: 20px;}
.topPersonal .topAuthLinks div{display: inline-block; width: 49%; vertical-align: middle; text-align: center;}
.topPersonal .topAuthLinks a {text-decoration: none;}
.topPersonal .inAuth{text-align: center; display: block; font: 300 16px/2.4 'Roboto', sans-serif; width:100%}



.authLinks {margin: 0 10px 30px 10px; font: 400 16px/1.4 'Cuprum', sans-serif;}
.authLinks > div {margin: 0 0 15px 0;}
.authLinks a {text-decoration: none;}



/* Buttons */
.submitIcoBtn {    float: right; padding: 1px 10px; display: inline-block; text-decoration: none; vertical-align: middle;  width: 70px;  height: 36px;  background: #037ac3; color: #fff; border-radius: 6px; position: relative;}
.submitIcoBtn input {color:#fff; display: block; width: 100%; height: 100%; background: none; border: none; cursor: pointer; position: absolute; left: 0; top: 0;}

.bigButton, .midButton {margin-right:3px; display: inline-block !important; vertical-align: middle; cursor: pointer; text-decoration: none; white-space: nowrap; transition: all .3s ease; -webkit-transition: all .3s ease; text-align: center; border-radius: 6px; border: 1px solid #357ebc;}


.bigButton {font: 300 16px/36px 'Roboto', sans-serif !important; padding: 0 25px;   -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;}
.midButton {font: 300 14px/30px 'Roboto', sans-serif !important; padding: 0 15px;   -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;}

.bigButton.signBtn {font-size:26px}
.midButton.signBtn {font-size:22px}

.bigButton.signBtn{padding: 0 12px;}
.midButton.signBtn{padding: 0 10px;}

.defaultBtn {background: #2688cf; color: #fff; border-color:#076fab}
.defaultBtn:hover, .submitIcoBtn:hover {background: #076fab; }

.primaryBtn {background: #43a6f9; color: #fff; border-color:#43a6f9}
.primaryBtn:hover {background: #fff; color: #076fab; border-color:#076fab}
.sucsessBtn {background: #314553; color: #fff; border-color:#314553}
.sucsessBtn:hover {background: #fff; color: #314553;}
.infoBtn {background: #a6c2d3; color: #fff; border-color:#a6c2d3}
.infoBtn:hover {background: #314553; color: #fff; border-color:#314553}
.noneBtn {background: #fff; color: #428bca;}
.warningBtn {background: none; color: #2688cf; border-color:#2688cf}
.warningBtn:hover {background: #076fab; color: #fff;}
.dangerBtn {background: none; color: #a6c2d3; border-color:#a6c2d3}
.dangerBtn:hover {background: #a6c2d3; color: #fff;}


/* OTHER_CSS */

.bodySection{position:relative; /*z-index:2;*/ padding-bottom:20px}
.bodySection:after{content:''; clear:both; display:block}
.text_accent{    color: #fff; background:rgba(0,122,195,0.7); padding: 3px 10px;}
blockquote, .text_info { margin: 0;margin-bottom: 20px;background: #efefef; padding: 60px 20px 20px; position: relative;text-align: center;}
blockquote:before, text_info:before{ font: normal 34px/0.1 "gascom"; color: #2688cf; position: absolute; height: 2px; left: 40px;  right: 40px; background: linear-gradient(to right, #2688cf 45%, transparent 45%, transparent), linear-gradient(to right, transparent, transparent 55%, #2688cf 55%);}
blockquote:before, text_info:before { content: "\e895"; top: 30px;}
blockquote cite, text_info cite{color: #2688cf; display:block; text-align:right; font-weight:600; padding-top:10px}
.bg_lk{ background: url(../../../../../../upload/iblock/162/bg_gray_one.png) #a6c2d3;background-position: center;  padding: 40px 20px;}

.search_modal{padding:15px; border-bottom: 1px solid #a0c2d5;}
.search_modal:hover{background: #a6c2d3}
.search_top{    background: #efefef;
    padding: 15px;     margin: 20px 0px;}

.tariffAllBanner{text-align:left; }
.tariffAllBanner tr td {
    padding: 15px 0px;
    border-top: 1px solid #ffffff;
}


#viewerContent{position:relative; min-height:100vh; z-index:1;}
.float_left{float:left}
.float_rigth{float:right}
.clear:after{clear:both; content:''; display:block}
.vertical{display:inline-block; margin-right:-4px;     vertical-align: middle !important;}


.pict img{width:auto}
.pict{position:relative}

.lk_content{padding:15px; background: #a0c2d5 url(../../../../../../upload/zv.svg) no-repeat 95% 5%;    background-size: 100%; min-height:100vh}
.select_answer{float:right; width:190px}


.news_prew{display:none}

figcaption{padding: 10px 0px; font-size: 13px;font-style: italic;}
figcaption:before{    font: normal 17px/0.2 "gascom"; content: '\e85c';margin-right: 5px;}

.bgPic {width: 600px; height: 80%; position: absolute; top: 10%; right: 10px; background-position: right center; background-repeat: no-repeat; background-size: contain;}

.fancybox{/*text-align:center; */}
.fancybox a{width:150px; display:inline-block; height:110px; overflow:hidden; margin:10px}

.right{float:right}
.left{float:left}

.Opis{margin-bottom:40px}
.Opis div{text-align: center; margin: 0px 5px 17px; background: #efefef; padding: 15px;  min-width: 150px; width:25%; max-width:177px}
.Opis div h2{text-align: right; display: inline-block; font-size:40px; width:auto; color:#00a2ff}
.Opis div span, .Opis div i{font:300 normal 14px/1 "Roboto";     color: #037ac3;}
.Opis div i{display:block; text-align:right}


/* accordion */

.accordion {margin: 0 0 30px 0;}
.accordion .accordionTitle {background: #fff; cursor:pointer; color: #037ac3; font: 500 18px/1.2 'Cuprum', sans-serif; text-transform: uppercase; padding: 20px 80px 20px 20px; position: relative; border-bottom: 1px solid #037ac3;}
.accordion .accordionTitle:after {content: '\e8ac'; font: normal 30px/1.0 "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 20px; margin: -15px 0 0 0;}
.accordion .accordionTitle.open {border-bottom: 1px solid #a0c2d5;}
.accordion .accordionTitle.open:after {content: '\e8ad';}
.accordion .accordionSection {    background: #efefef; padding: 15px 20px; }

/* documentList */

.documentList {margin: 0 0 30px 0; max-width: 700px;}
.text .documentList{max-width:100%}
.documentList .documentBox {margin: 0 0 20px 0;}
.documentList .documentBox .ico {float: left; }
.documentList .documentBox .ico:before {content: '\e822'; font: normal 24px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 30px; height: 50px; border-radius: 50%; text-align: center;}
.documentList .documentBox .name { text-transform: uppercase; padding: 0 0 10px 70px;}
.documentList .documentBox .link {margin: 0 0 0 70px;}

	.formWrap {font-size: 0;}
	.formWrap div, .formWrap p {font: 600 14px/1.2 'Cuprum', sans-serif;}
	.size12, .size13, .size14, .size23 {width: 100%; display: inline-block; vertical-align: top;}


/* Forms */
textarea {resize:none; overflow: hidden;}
fieldset {border: none;}
.breadcrumbs {color:#2c4554;margin-bottom:2%}
.breadcrumbs a{color: #007ac3;text-decoration:none}
.inputselect{flex-basis: 100%;  color: #565656;  height: 34px;  padding: 0 7px;  border:0px }
.input {border: 1px solid #ccc; border-radius: 3px; position: relative;}
.input input {display: block; width: 100%; height:36px; padding: 0 10px; font: 300 14px/36px 'Roboto', sans-serif; border: none; background: none; color: #565656;}
.input textarea {display: block; width: 100%; height: 90px; padding: 10px; font: 400 14px/1.2 'Roboto', sans-serif; border: none; background: none; color: #565656;}
.bx-user-field-enum{display: block; width: 100%; height: 90px; padding: 10px; font: 400 14px/1.2 'Roboto', sans-serif; border: 1px solid #ccc; border-radius: 3px; background: none; color: #565656;}


.input2 input[type="file"]{font-size: 0px; cursor:pointer; width: 100%; left:0px; height: 40px;position: absolute; background:none; border:0px; opacity:0;}
.input2{padding:0; text-align:center; width:300px;display:block; position: relative;   border: 1px solid #ccc; cursor:pointer; border-radius: 3px;}
.btn-tertiary{color:#ccc; margin:0px; line-height:40px; cursor:pointer;     }
.input2:hover,.input2:focus{color:#fff; background: #a6c2d3;    border-color: #a6c2d3;}
.input2:hover .btn-tertiary{color:#fff}
.input2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.colButton{color:#a6c2d3; border:0px; background:0px;}
.colButton:hover{color:#314553;}


.checkbox:focus{}


.input.error {border: 1px solid #dc0000;}
.input .errorMess {display: none;}
.input.error .errorMess {display: block; width: 100%; position: absolute; left: 0; bottom: -18px; font: 12px/1.4 'Roboto', sans-serif;}
.errorMess {font: 300 italic 12px/1.0 'Roboto', sans-serif; color: #dc0000;}

.input.inputPay { border: unset; float: left; margin-left: 15px;}
.input.inputPay input { display: unset; width: unset;}
.input.inputPay span { margin-left: 5px;}

label {display: block; margin: 0 0 5px 0; color: #2688cf; font: 300 14px/1.4 'Cuprum', sans-serif; text-transform: uppercase;}


/* TABS */


.tabs {margin: 0 0 30px 0; background: #fff;}
.tabs .tabNav {display: block;}
.tabs .tabNav a, .btn_type_pers {display: block; min-height: 60px; border-bottom: 1px solid #007ac3; font: 300 16px/1.2 'Roboto', sans-serif; text-transform: uppercase; color: #007ac3; padding: 10px 15px; text-align: center; text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
	
.tabs .tabNav a{width:100% !important}

@media screen and (max-width:768px){
.tabs .tabNav a{line-height:36px !important;}
}

.tabs .tabNav a span {display: inline-block; vertical-align: middle; width: 99%;}
	.tabs .tabNav a:after, .btn_type_pers:after {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
	.tabs .tabNav a:first-child, .btn_type_pers:first-child {border-left: none; margin-right:-2px}
	.tabs .tabNav a:hover, .tabs .tabNav a.active {background: #007ac3; color: #fff;}


.tabs .tabTitle, .btn_type_pers {display: block; border-bottom: 1px solid #a0c2d5; font: 300 16px/1.2 'Roboto', sans-serif; text-transform: uppercase; background: #fff; color: #2688cf; padding: 10px 15px; text-align: center; text-decoration: none;}
.tabs .tab {background: #fff; margin: 0 0 10px 0; padding: 25px 20px;}
.tabs .tableWrap, .tabs .formWrap, .tabs .accountingPeriod {padding: 0;}
.btn_type_pers{cursor:pointer}
.btn_type_pers.active, .btn_type_pers:hover{background: #007ac3; color: #fff;}

/* Tarifs */

h2.title, .block-item a.title {font: 400 28px/1.0 'Cuprum', sans-serif; text-transform: uppercase; margin: 0 0 15px 0; text-decoration:none}
a.title:hover{text-decoration:underline}
.price {margin: 0 0 10px 0; overflow: hidden; font: 400 23px/1.0 'Cuprum', sans-serif;}
.price .big {font: 400 55px/1.0 'Roboto', sans-serif; float: left; margin: 0 15px 0 0;}
.rub:after {content: '\20bd'; }
.tariff-card-description .rub, .tariff-card__price_hidden .rub{font: 400 16px/1.0 'Cuprum', sans-serif; display:inline-block}
.price .text {font: 400 18px/1.0 'Cuprum', sans-serif;}
.tarifInfo {margin: 0 0 15px 0;}
.tarifInfo li {list-style: none; margin: 0 0 5px 33px;}
.tarifInfo li span {display: inline-block;     vertical-align: middle;
   /* width: calc(100% - 33px); */}
.extra {color: #007ac3; text-transform: uppercase;}
.curTarif {font: 700 14px/32px 'Roboto', sans-serif;}
.addTarif {display: inline-block; float: right; border-radius: 3px; padding: 0 15px; font: 300 14px/30px 'Roboto', sans-serif !important; text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.block-item a.addMoney{margin-top:10px}


.toolTip{ position: relative; display: inline-block;}
.whatis{ font-size: 18px;position: absolute;right: 0px; top: -29px; color: #2688cf;}


.tooltip0 .tooltiptext{visibility: hidden; width: 200px; font: 14px 'Cuprum', sans-serif; background-color: white; color: #007AC3; text-align: center; padding: 5px 10px; margin-right:10px; border-radius: 6px; position: absolute; z-index: 1; border: 2px solid #007AC3; }

.whatis span{font: 13px/1.2 'Cuprum', sans-serif; position: absolute;  box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 150px; height: 60px; line-height: 22px; padding: 10px; background: #fff; color: #30333A;top: -75px; right: 0; border-radius: 4px; opacity: 0; transition: all 0.5s ease;}
.whatis span:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}

.whatis:hover span{ pointer-events: auto;    opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}





.tooltip .tooltiptext{ font: 14px 'Roboto', sans-serif; display:none;   position: absolute; box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 350px; height: 90px; line-height: 22px; padding: 10px; background: #fff; color: #30333A; top: -75px; left: -340px; border-radius: 4px; opacity: 0; transition: all 2.5s ease;}
.tooltip .tooltiptext:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}


.tooltipSearch.tooltip .tooltiptext{width: 250px; height: 70px; top: -55px; left: -240px;}



.tooltip hr{background: #007AC3; height: 1px; margin: 5px 0px; border: 0px;}
.tooltip-left{bottom: auto; right: 100%; top: 1px;}


	.accountingPeriod .dateBox label {display: inline-block; vertical-align: middle; width: 120px;}
	.accountingPeriod .dateBox .datepicIco {    position: absolute; top: -1px; right: -5px;height: 38px; line-height: 32px; border-radius: 4px;}

.ui-datepicker{background:#fff; box-shadow: 0 20px 20px rgba(88, 122, 118, 0.3); padding:20px}
.ui-datepicker-title{float:left; font-weight: 600; margin-right: 30px;}
.ui-datepicker-prev{margin-right: 10px;}


/* Modal */
.modal {-webkit-overflow-scrolling: touch; display: block; width: 100%; height: 100%; position: fixed; overflow: scroll;  left: 0; top: 0; z-index: -1; background: rgba(44,69,84,.5); padding: 5px; visibility: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease;}
/*.modalreq { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; background: rgba(44,69,84,.5); padding: 25px 20px; visibility: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease;}*/
.modalreq {align-items: unset;}
#open_O{overflow: hidden; }
.modal.visible {z-index: 9999; visibility: visible; opacity: 1;}
#open_O.visible {z-index: 991; ;}
.modal .close {width: 20px;  height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.modal .close:before, .modal .close:after {content: ''; display: block; width: 1px; height: 90%; background: #464646; position: absolute; left: 50%; top: 0;}
.modal .close:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.modal .close:after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.modalContent {background: #fff; padding: 40px 30px 60px 25px; position: relative; min-width: 280px; max-width: 850px; margin:0px auto; display: inline-table;}
.modalContentreq {overflow-y: scroll;}
.modalError {color:#fff; background: red; padding: 20px 30px 20px 25px; position: relative; min-width: 280px; max-width: 850px;}
.modalForm:after {content: ''; display: block; clear: both;}
.modalForm .fieldBox {padding: 0 0px 15px 10px;}
.modalForm .bigButton {margin: 5px 10px;}

.modal .close{display:none}
.modal .close_mobile{display:block; background:#fff;     height: 50px;
    position: fixed;
    z-index: 999;
    width: 100%;
    margin: 0px auto;
    right: 0px;
bottom:0px;     border: 1px solid #d0d0d0;
    top: auto;}



/* TABLE */

.tableWrap {background: #fff; padding: 25px 20px; margin: 0 0 30px 0; overflow-x: auto;}
table {border-collapse: collapse; width: 97%;}
table tr th {color: #2688cf; vertical-align: bottom; padding: 10px 7px; font: 400 16px/1.4 'Roboto', sans-serif; border-bottom: 1px solid #d5dadd; text-align: left;}
table tr td {padding: 10px 7px; border-top: 1px solid #d5dadd;}
table tr td:first-child {color: #abb1b6;}
table .midButton {margin: 0 2px 5px 2px;}




/* 3 BLOCK */


.InfoSet {margin: 0 0 30px 0; }
.InfoSet:after{content:''; display:block; clear:both}
.InfoSet .White, .InfoSet .Blue, .InfoSet .NonBG{margin: 0 0 20px 0; padding: 25px 20px;}
.InfoSet .price {margin: 0 0 10px 0; overflow: hidden; font: 400 23px/1.0 'Cuprum', sans-serif;}
.InfoSet .price .big {color: #00a2ff; font: 400 55px/1.0 'Roboto', sans-serif; float: left; margin: 0 15px 0 0;}
.InfoSet .price .text {font: 100 16px/1.0 'Roboto', sans-serif;}
.InfoSet .largeText {font: 400 60px/1.0 'Roboto', sans-serif; }

.InfoSet .workTime {margin: 0 0 10px 0; font: 400 22px/1.0 'Roboto', sans-serif;}
.InfoSet .workTime:before {content: '\e86f'; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font: normal 55px/55px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.InfoSet .Important i{display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font-size:40px; float:left}
.InfoSet .Important:after{clear:both; display:block; content:''}
.InfoSet .Important{margin-bottom:20px}
.InfoSet .workTime span {display: inline-block; vertical-align: middle;}
.InfoSet .actionPac {margin: 0 0 10px 0; font: 400 22px/1.0 'Cuprum', sans-serif;}
.InfoSet .actionPac:before {content: '\e8b9'; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font: normal 55px/55px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.InfoSet .actionPac span {display: inline-block; vertical-align: middle;}

.InfoSet .rightImg {display: none;}
.InfoSet .statBox {display: inline-block; vertical-align: top; width: 49%; font: 400 16px/1.4 'Cuprum', sans-serif; padding: 0 15px 15px 0;}
.InfoSet .statBox .count {font: 400 36px/1.0 'Cuprum', sans-serif;}

.topBox{    display: inline-block;width: 100%; min-width: 100%; margin-right: -3px; margin-bottom:20px;     vertical-align: top;}
.topBox i{font-size: 30px; float: left;}
.topBox .name { display: table-cell;vertical-align: middle; padding: 0 20px; color: #314553; text-transform: uppercase; font: 400 14px/1.6 'Roboto', sans-serif;}


.copy{    padding: 0px 20px 30px;font-size: 11px; }
.copy span, .copy a{font-weight:600; font-size: 16px;   display:block  }
.copy a{text-decoration:none}
.copy.desktop{    margin: 130px 10px;width: 200px}


.mobile{display:none}


@media screen and (max-width: 1024px){
.desktop{display:none}
.mobile{display:block}
}



.checkbox { position: absolute; z-index: -1;opacity: 0; margin: 10px 0 0 20px;}
.checkbox + label {position: relative; padding: 0 0 0 60px; cursor: pointer;}
.checkbox + label:before { content: ''; position: absolute; top: -4px; left: 0;width: 50px; height: 26px;border-radius: 13px; background: #bbbcbd; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s;}
.checkbox + label:after { content: ''; position: absolute; top: -2px; left: 2px; width: 22px;height: 22px; border-radius: 10px;background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: .2s;}
.checkbox:checked + label:before { background: #43a6f9;}
.checkbox:checked + label:after { left: 26px;}






/* Icons */
.symbolIco {font: normal 1em/1.0 "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle;}
.symbolIco.ico {width: 25px;     padding: 1px 0px 0px; height: 25px; border-radius: 50%; margin: 0 5px 0 -35px; text-align: center;}
.ico:before {font: normal 16px/23px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#ikonki{font-size:18px}
#ikonki i{margin:0 10px 0 30px}
.ico001:before {content: '\e8ae';}
.ico002:before {content: '\e8af';}
.ico003:before {content: '\e8b1';}
.ico004:before {content: '\e8b4';}
.ico005:before {content: '\e8b2';}
.ico006:before {content: '\e8b3';}
.ico007:before {content: '\e8b6';}
.ico008:before {content: '\e8b7';}
.ico009:before {content: '\e8b5';}
.ico010:before {content: '\e8b8';}
.ico011:before {content: '\e8bb';}
.ico012:before {content: '\e8ba';}
.ico013:before {content: '\e8b9';}
.ico014:before {content: '\e803';}
.ico015:before {content: '\e804';}
.ico016:before {content: '\e802';}
.ico017:before {content: '\e805';}
.ico018:before {content: '\e807';}
.ico019:before {content: '\e806';}
.ico020:before {content: '\e800';}
.ico021:before {content: '\e80a';}
.ico022:before {content: '\e801';}
.ico023:before {content: '\e80e';}
.ico024:before {content: '\e80d';}
.ico025:before {content: '\e80b';}
.ico026:before {content: '\e808';}
.ico027:before {content: '\e80f';}
.ico028:before {content: '\e80c';}
.ico029:before {content: '\e809';}
.ico030:before {content: '\e812';}
.ico031:before {content: '\e811';}
.ico032:before {content: '\e810';}
.ico033:before {content: '\e813';}
.ico034:before {content: '\e814';}
.ico035:before {content: '\e815';}
.ico036:before {content: '\e816';}
.ico037:before {content: '\e817';}
.ico038:before {content: '\e81b';}
.ico039:before {content: '\e81a';}
.ico040:before {content: '\e818';}
.ico041:before {content: '\e819';}
.ico042:before {content: '\e820';}
.ico043:before {content: '\e81c';}
.ico044:before {content: '\e81f';}
.ico045:before {content: '\e81e';}
.ico046:before {content: '\e81d';}
.ico047:before {content: '\e822';}
.ico048:before {content: '\e821';}
.ico049:before {content: '\e823';}
.ico050:before {content: '\e825';}
.ico051:before {content: '\e824';}
.ico052:before {content: '\e826';}
.ico053:before {content: '\e827';}
.ico054:before {content: '\e828';}
.ico055:before {content: '\e829';}
.ico056:before {content: '\e82a';}
.ico057:before {content: '\e82c';}
.ico058:before {content: '\e82b';}
.ico059:before {content: '\e82e';}
.ico060:before {content: '\e82f';}
.ico061:before {content: '\e832';}
.ico062:before {content: '\e82d';}
.ico063:before {content: '\e833';}
.ico064:before {content: '\e831';}
.ico065:before {content: '\e830';}
.ico066:before {content: '\e834';}
.ico067:before {content: '\e835';}
.ico068:before {content: '\e836';}
.ico069:before {content: '\e837';}
.ico070:before {content: '\e839';}
.ico071:before {content: '\e83b';}
.ico072:before {content: '\e838';}
.ico073:before {content: '\e83a';}
.ico074:before {content: '\e83c';}
.ico075:before {content: '\e83e';}
.ico076:before {content: '\e83d';}
.ico077:before {content: '\e83f';}
.ico078:before {content: '\e840';}
.ico079:before {content: '\e84c';}
.ico080:before {content: '\e842';}
.ico081:before {content: '\e841';}
.ico082:before {content: '\e843';}
.ico083:before {content: '\e845';}
.ico084:before {content: '\e852';}
.ico085:before {content: '\e846';}
.ico086:before {content: '\e844';}
.ico087:before {content: '\e84d';}
.ico088:before {content: '\e849';}
.ico089:before {content: '\e848';}
.ico090:before {content: '\e84a';}
.ico091:before {content: '\e847';}
.ico092:before {content: '\e851';}
.ico093:before {content: '\e84e';}
.ico094:before {content: '\e84b';}
.ico095:before {content: '\e850';}
.ico096:before {content: '\e84f';}
.ico097:before {content: '\e853';}
.ico098:before {content: '\e855';}
.ico099:before {content: '\e854';}
.ico100:before {content: '\e856';}
.ico101:before {content: '\e85e';}
.ico102:before {content: '\e85d';}
.ico103:before {content: '\e859';}
.ico104:before {content: '\e858';}
.ico105:before {content: '\e857';}
.ico106:before {content: '\e85b';}
.ico107:before {content: '\e85c';}
.ico108:before {content: '\e861';}
.ico109:before {content: '\e85a';}
.ico110:before {content: '\e85f';}
.ico111:before {content: '\e862';}
.ico112:before {content: '\e863';}
.ico113:before {content: '\e860';}
.ico114:before {content: '\e866';}
.ico115:before {content: '\e865';}
.ico116:before {content: '\e864';}
.ico117:before {content: '\e867';}
.ico118:before {content: '\e86a';}
.ico119:before {content: '\e868';}
.ico120:before {content: '\e86c';}
.ico121:before {content: '\e869';}
.ico122:before {content: '\e86e';}
.ico123:before {content: '\e871';}
.ico124:before {content: '\e86b';}
.ico125:before {content: '\e873';}
.ico126:before {content: '\e86f';}
.ico127:before {content: '\e86d';}
.ico128:before {content: '\e870';}
.ico129:before {content: '\e872';}
.ico130:before {content: '\e875';}
.ico131:before {content: '\e874';}
.ico132:before {content: '\e876';}
.ico133:before {content: '\e877';}
.ico134:before {content: '\e87b';}
.ico135:before {content: '\e87a';}
.ico136:before {content: '\e879';}
.ico137:before {content: '\e87c';}
.ico138:before {content: '\e878';}
.ico139:before {content: '\e87d';}
.ico140:before {content: '\e87e';}
.ico141:before {content: '\e87f';}
.ico142:before {content: '\e881';}
.ico143:before {content: '\e880';}
.ico144:before {content: '\e882';}
.ico145:before {content: '\e884';}
.ico146:before {content: '\e883';}
.ico147:before {content: '\e885';}
.ico148:before {content: '\e886';}
.ico149:before {content: '\e887';}
.ico150:before {content: '\e88a';}
.ico151:before {content: '\e889';}
.ico152:before {content: '\e88d';}
.ico153:before {content: '\e888';}
.ico154:before {content: '\e88b';}
.ico155:before {content: '\e895';}
.ico156:before {content: '\e890';}
.ico157:before {content: '\e88c';}
.ico158:before {content: '\e892';}
.ico159:before {content: '\e893';}
.ico160:before {content: '\e88e';}
.ico161:before {content: '\e891';}
.ico162:before {content: '\e88f';}
.ico163:before {content: '\e89e';}
.ico164:before {content: '\e89f';}
.ico165:before {content: '\e897';}
.ico166:before {content: '\e896';}
.ico167:before {content: '\e894';}
.ico168:before {content: '\e89d';}
.ico169:before {content: '\e899';}
.ico170:before {content: '\e898';}
.ico171:before {content: '\e89a';}
.ico172:before {content: '\e89b';}
.ico173:before {content: '\e8a1';}
.ico174:before {content: '\e89c';}
.ico175:before {content: '\e8a0';}
.ico176:before {content: '\e8a5';}
.ico177:before {content: '\e8a4';}
.ico178:before {content: '\e8a6';}
.ico179:before {content: '\e8a2';}
.ico180:before {content: '\e8a7';}
.ico181:before {content: '\e8a3';}
.ico182:before {content: '\e8a8';}
.ico183:before {content: '\e8a9';}
.ico184:before {content: '\e8aa';}
.ico185:before {content: '\e8ab';}
.ico186:before {content: '\e8ad';}
.ico187:before {content: '\e8ac';}
.ico188:before {content: '\e8b0';}
.ico999:before {
content: '';
    background-image: url(../../../../../../upload/wheel-white.svg);
    background-size: 47px 47px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico999:hover:before {
content: '';
    background-image: url(../../../../../../upload/wheel-blue.svg);
}

.ico189:before {content: 'Ka'; font-family: "Roboto" !important;}
.ico190:before {content: 'Ku'; font-family: "Roboto" !important;}
.ico191:before {content: '\20bd'; font-family: "Roboto" !important;}

.ico192:before { content: '\e800'; font-family: "gascom2" !important}
.ico193:before { content: '\e801'; font-family: "gascom2" !important} 
.ico194:before { content: '\e802'; font-family: "gascom2" !important} 
.ico195:before { content: '\e803'; font-family: "gascom2" !important} 
.ico196:before { content: '\e804'; font-family: "gascom2" !important} 
.ico197:before { content: '\e805'; font-family: "gascom2" !important} 
.ico198:before { content: '\e806'; font-family: "gascom2" !important} 
.ico199:before { content: '\e807'; font-family: "gascom2" !important} 
.ico200:before { content: '\e808'; font-family: "gascom2" !important} 
.ico201:before { content: '\e809'; font-family: "gascom2" !important} 
.ico202:before { content: '\e80a'; font-family: "gascom2" !important} 
.ico203:before { content: '\e80b'; font-family: "gascom2" !important} 
.ico204:before { content: '\e80c'; font-family: "gascom2" !important} 
.ico205:before { content: '\e80d'; font-family: "gascom2" !important} 
.ico206:before { content: '\e80e'; font-family: "gascom2" !important} 
.ico207:before { content: '\e80f'; font-family: "gascom2" !important} 
.ico208:before { content: '\e810'; font-family: "gascom2" !important} 
.ico209:before { content: '\e811'; font-family: "gascom2" !important} 
.ico210:before { content: '\e812'; font-family: "gascom2" !important} 
.ico211:before { content: '\e813'; font-family: "gascom2" !important} 
.ico212:before { content: '\e814'; font-family: "gascom2" !important}
.ico213:before { content: '\e815'; font-family: "gascom2" !important} 
.ico214:before { content: '\e816'; font-family: "gascom2" !important} 
.ico215:before { content: '\e817'; font-family: "gascom2" !important} 
.ico216:before { content: '\e818'; font-family: "gascom2" !important} 
.ico217:before { content: '\e819'; font-family: "gascom2" !important} 
.ico218:before { content: '\e81a'; font-family: "gascom2" !important} 
.ico219:before { content: '\e81b'; font-family: "gascom2" !important} 
.ico220:before { content: '\e81c'; font-family: "gascom2" !important} 
.ico221:before { content: '\e81d'; font-family: "gascom2" !important} 
.ico222:before { content: '\e81e'; font-family: "gascom2" !important} 
.ico223:before { content: '\e81f'; font-family: "gascom2" !important} 
.ico224:before { content: '\e820'; font-family: "gascom2" !important} 
.ico225:before { content: '\e821'; font-family: "gascom2" !important} 
.ico226:before { content: '\e822';font-family: "gascom2" !important} 
.ico227:before { content: '\e823';font-family: "gascom2"  !important} 
.ico228:before { content: '\e824'; font-family: "gascom2" !important} 
.ico229:before { content: '\e825'; font-family: "gascom2" !important} 
.ico230:before { content: '\e826'; font-family: "gascom2" !important} 
.ico231:before { content: '\e827'; font-family: "gascom2" !important} 
.ico232:before { content: '\e828'; font-family: "gascom2" !important} 
.ico233:before { content: '\e829'; font-family: "gascom2" !important} 
.ico234:before { content: '\e82a'; font-family: "gascom2" !important} 
.ico235:before { content: '\e82b'; font-family: "gascom2" !important} 
.ico236:before { content: '\e82c'; font-family: "gascom2" !important} 
.ico237:before { content: '\e82d'; font-family: "gascom2" !important} 
.ico238:before { content: '\e82e'; font-family: "gascom2" !important} 
.ico239:before { content: '\e82f'; font-family: "gascom2" !important} 
.ico240:before { content: '\e830'; font-family: "gascom2" !important} 
.ico241:before { content: '\e831'; font-family: "gascom2" !important} 
.ico242:before { content: '\e832'; font-family: "gascom2" !important} 
.ico243:before { content: '\e833'; font-family: "gascom2" !important} 
.ico244:before { content: '\e834'; font-family: "gascom2" !important} 
.ico245:before { content: '\e835'; font-family: "gascom2" !important} 
.ico246:before { content: '\e836'; font-family: "gascom2" !important} 
.ico247:before { content: '\e837'; font-family: "gascom2" !important} 
.ico248:before { content: '\e838'; font-family: "gascom2" !important} 
.ico249:before { content: '\e839'; font-family: "gascom2" !important} 
.ico250:before { content: '\e83a'; font-family: "gascom2" !important} 
.ico251:before { content: '\e83b'; font-family: "gascom2" !important} 
.ico252:before { content: '\e83c'; font-family: "gascom2" !important} 
.ico253:before { content: '\e83d'; font-family: "gascom2" !important} 
.ico254:before { content: '\e83e'; font-family: "gascom2" !important} 
.ico255:before { content: '\e83f'; font-family: "gascom2" !important} 
.ico256:before { content: '\e840'; font-family: "gascom2" !important} 
.ico257:before { content: '\e841'; font-family: "gascom2" !important} 
.ico258:before { content: '\e842'; font-family: "gascom2" !important} 
.ico259:before { content: '\e843'; font-family: "gascom2" !important} 
.ico260:before { content: '\e844'; font-family: "gascom2" !important} 
.ico261:before { content: '\e845'; font-family: "gascom2" !important} 
.ico262:before { content: '\e846'; font-family: "gascom2" !important} 
.ico263:before { content: '\f097';font-family: "gascom2"  !important} 
.ico264:before { content: '\f099';font-family: "gascom2"  !important} 
.ico265:before { content: '\f09a'; font-family: "gascom2" !important} 
.ico266:before { content: '\f0ae';font-family: "gascom2"  !important} 
.ico267:before { content: '\f0b0'; font-family: "gascom2" !important} 
.ico268:before { content: '\f0d6'; font-family: "gascom2" !important} 
.ico269:before { content: '\f0dc'; font-family: "gascom2" !important} 
.ico270:before { content: '\f0dd'; font-family: "gascom2" !important} 
.ico271:before { content: '\f0e0'; font-family: "gascom2" !important} 
.ico272:before { content: '\f0e1';font-family: "gascom2"  !important} 
.ico273:before { content: '\f0e5';font-family: "gascom2"  !important} 
.ico274:before { content: '\f0e6';font-family: "gascom2"  !important} 
.ico275:before { content: '\f0e8'; font-family: "gascom2" !important} 
.ico276:before { content: '\f0f6'; font-family: "gascom2" !important} 
.ico277:before { content: '\f0f9'; font-family: "gascom2" !important} 
.ico278:before { content: '\f0fa'; font-family: "gascom2" !important} 
.ico279:before { content: '\f100'; font-family: "gascom2" !important} 
.ico280:before { content: '\f101'; font-family: "gascom2" !important} 
.ico281:before { content: '\f102'; font-family: "gascom2" !important} 
.ico282:before { content: '\f103'; font-family: "gascom2" !important}
.ico283:before { content: '\f104';font-family: "gascom2"  !important} 
.ico284:before { content: '\f105';font-family: "gascom2"  !important} 
.ico285:before { content: '\f106'; font-family: "gascom2" !important} 
.ico286:before { content: '\f107'; font-family: "gascom2" !important}
.ico287:before { content: '\f108'; font-family: "gascom2" !important} 
.ico288:before { content: '\f109'; font-family: "gascom2" !important} 
.ico289:before { content: '\f10a'; font-family: "gascom2" !important} 
.ico290:before { content: '\f10b';font-family: "gascom2"  !important} 
.ico291:before { content: '\f10c';font-family: "gascom2"  !important} 
.ico292:before { content: '\f10d'; font-family: "gascom2" !important} 
.ico293:before { content: '\f10e'; font-family: "gascom2" !important} 
.ico294:before { content: '\f110'; font-family: "gascom2" !important}
.ico295:before { content: '\f111'; font-family: "gascom2" !important} 
.ico296:before { content: '\f118'; font-family: "gascom2" !important} 
.ico297:before { content: '\f119'; font-family: "gascom2" !important} 
.ico298:before { content: '\f11a'; font-family: "gascom2" !important} 
.ico299:before { content: '\f128'; font-family: "gascom2" !important} 
.ico300:before { content: '\f129'; font-family: "gascom2" !important} 
.ico301:before { content: '\f12a'; font-family: "gascom2" !important} 
.ico302:before { content: '\f132'; font-family: "gascom2" !important} 
.ico303:before { content: '\f135'; font-family: "gascom2" !important} 
.ico304:before { content: '\f13e'; font-family: "gascom2" !important} 
.ico305:before { content: '\f140'; font-family: "gascom2" !important} 
.ico306:before { content: '\f153'; font-family: "gascom2" !important} 
.ico307:before { content: '\f154';font-family: "gascom2"  !important} 
.ico308:before { content: '\f155'; font-family: "gascom2" !important} 
.ico309:before { content: '\f158'; font-family: "gascom2" !important} 
.ico310:before { content: '\f164'; font-family: "gascom2" !important} 
.ico311:before { content: '\f165'; font-family: "gascom2" !important} 
.ico312:before { content: '\f16a'; font-family: "gascom2" !important} 
.ico313:before { content: '\f179'; font-family: "gascom2" !important} 
.ico314:before { content: '\f17b';font-family: "gascom2"  !important} 
.ico315:before { content: '\f17e';font-family: "gascom2"  !important} 
.ico316:before { content: '\f185'; font-family: "gascom2" !important} 
.ico317:before { content: '\f188'; font-family: "gascom2" !important}
.ico318:before { content: '\f189';font-family: "gascom2"  !important} 
.ico319:before { content: '\f192'; font-family: "gascom2" !important} 
.ico320:before { content: '\f19e'; font-family: "gascom2" !important} 
.ico321:before { content: '\f1a0'; font-family: "gascom2" !important} 
.ico322:before { content: '\f1b2'; font-family: "gascom2" !important} 
.ico323:before { content: '\f1b3'; font-family: "gascom2" !important} 
.ico324:before { content: '\f1c0'; font-family: "gascom2" !important} 
.ico325:before { content: '\f1c1'; font-family: "gascom2" !important} 
.ico326:before { content: '\f1c2'; font-family: "gascom2" !important} 
.ico327:before { content: '\f1c3'; font-family: "gascom2" !important} 
.ico328:before { content: '\f1c4';font-family: "gascom2"  !important} 
.ico329:before { content: '\f1c5'; font-family: "gascom2" !important} 
.ico330:before { content: '\f1ce'; font-family: "gascom2" !important} 
.ico331:before { content: '\f1db'; font-family: "gascom2" !important} 
.ico332:before { content: '\f1de'; font-family: "gascom2" !important} 
.ico333:before { content: '\f1e0'; font-family: "gascom2" !important} 
.ico334:before { content: '\f1eb'; font-family: "gascom2" !important} 
.ico335:before { content: '\f1ec';font-family: "gascom2"  !important} 
.ico336:before { content: '\f1f0';font-family: "gascom2"  !important} 
.ico337:before { content: '\f1f1'; font-family: "gascom2" !important} 
.ico338:before { content: '\f1f2'; font-family: "gascom2" !important}
.ico339:before { content: '\f1f3'; font-family: "gascom2" !important} 
.ico340:before { content: '\f1f4'; font-family: "gascom2" !important} 
.ico341:before { content: '\f1f5';font-family: "gascom2"  !important} 
.ico342:before { content: '\f1f8';font-family: "gascom2"  !important} 
.ico343:before { content: '\f1f9'; font-family: "gascom2" !important} 
.ico344:before { content: '\f1fa'; font-family: "gascom2" !important}
.ico345:before { content: '\f1fe'; font-family: "gascom2" !important}
.ico346:before { content: '\f200'; font-family: "gascom2" !important} 
.ico347:before { content: '\f217'; font-family: "gascom2" !important} 
.ico348:before { content: '\f218'; font-family: "gascom2" !important} 
.ico349:before { content: '\f21e'; font-family: "gascom2" !important} 
.ico350:before { content: '\f232'; font-family: "gascom2" !important} 
.ico351:before { content: '\f233'; font-family: "gascom2" !important} 
.ico352:before { content: '\f240'; font-family: "gascom2" !important} 
.ico353:before { content: '\f241'; font-family: "gascom2" !important} 
.ico354:before { content: '\f242'; font-family: "gascom2" !important} 
.ico355:before { content: '\f243'; font-family: "gascom2" !important} 
.ico356:before { content: '\f244'; font-family: "gascom2" !important} 
.ico357:before { content: '\f25c'; font-family: "gascom2" !important} 
.ico358:before { content: '\f25d'; font-family: "gascom2" !important} 
.ico359:before { content: '\f263'; font-family: "gascom2" !important} 
.ico360:before { content: '\f268'; font-family: "gascom2" !important} 
.ico361:before { content: '\f269'; font-family: "gascom2" !important} 
.ico362:before { content: '\f26a'; font-family: "gascom2" !important} 
.ico363:before { content: '\f26b'; font-family: "gascom2" !important} 
.ico364:before { content: '\f276'; font-family: "gascom2" !important} 
.ico365:before { content: '\f277'; font-family: "gascom2" !important} 
.ico366:before { content: '\f278'; font-family: "gascom2" !important} 
.ico367:before { content: '\f279'; font-family: "gascom2" !important} 
.ico368:before { content: '\f291'; font-family: "gascom2"  !important} 
.ico369:before { content: '\f295'; font-family: "gascom2"  !important} 
.ico370:before { content: '\f2b6'; font-family: "gascom2" !important } 
.ico371:before { content: '\f2b7'; font-family: "gascom2"  !important} 
.ico372:before { content: '\f2bb'; font-family: "gascom2" !important } 
.ico373:before { content: '\f2bc'; font-family: "gascom2" !important} 







.ico374:before { content: '\e800'; font-family: "gascom3" !important} 
.ico375:before { content: '\e801'; font-family: "gascom3" !important} 
.ico376:before { content: '\e803'; font-family: "gascom3" !important} 
.ico377:before { content: '\e804'; font-family: "gascom3" !important} 
.ico378:before { content: '\e805'; font-family: "gascom3" !important} 
.ico379:before { content: '\e806'; font-family: "gascom3" !important} 
.ico380:before { content: '\e807'; font-family: "gascom3" !important} 
.ico381:before { content: '\e808'; font-family: "gascom3" !important} 
.ico382:before { content: '\e809'; font-family: "gascom3" !important} 
.ico383:before { content: '\e80a'; font-family: "gascom3" !important} 
.ico384:before{ content: '\e80b'; font-family: "gascom3" !important} 
.ico385:before { content: '\e80c';font-family: "gascom3" !important} 
.ico386:before { content: '\e80d'; font-family: "gascom3" !important}
.ico387:before { content: '\e80e'; font-family: "gascom3" !important}
.ico388:before { content: '\e811'; font-family: "gascom3" !important}
.ico389:before { content: '\e812'; font-family: "gascom3" !important}
.ico390:before { content: '\e813'; font-family: "gascom3" !important}
.ico391:before { content: '\e814'; font-family: "gascom3" !important} 
.ico392:before { content: '\e817';  font-family: "gascom3" !important} 
.ico393:before { content: '\e819'; font-family: "gascom3" !important} 
.ico394:before { content: '\e81b'; font-family: "gascom3" !important} 
.ico395:before { content: '\e81d'; font-family: "gascom3" !important} 
.ico396:before { content: '\e81e';font-family: "gascom3" !important} 
.ico397:before { content: '\e81f'; font-family: "gascom3" !important} 
.ico398:before { content: '\e820'; font-family: "gascom3" !important} 
.ico399:before { content: '\e821';font-family: "gascom3" !important} 
.ico400:before { content: '\e822'; font-family: "gascom3" !important} 
.ico401:before { content: '\e823'; font-family: "gascom3" !important} 
.ico402:before { content: '\e824'; font-family: "gascom3" !important} 
.ico403:before { content: '\e825'; font-family: "gascom3" !important} 
.ico404:before { content: '\e826'; font-family: "gascom3" !important} 
.ico405:before { content: '\e827'; font-family: "gascom3" !important} 
.ico406:before { content: '\e828'; font-family: "gascom3" !important} 
.ico407:before { content: '\e829'; font-family: "gascom3" !important} 
.ico408:before { content: '\e82a'; font-family: "gascom3" !important} 
.ico409:before { content: '\e82b';font-family: "gascom3" !important} 
.ico410:before { content: '\e82c'; font-family: "gascom3" !important} 
.ico411:before { content: '\e82d'; font-family: "gascom3" !important} 
.ico412:before { content: '\e82e'; font-family: "gascom3" !important} 
.ico413:before { content: '\e82f'; font-family: "gascom3" !important} 
.ico414:before { content: '\e830';font-family: "gascom3" !important} 
.ico415:before { content: '\e831'; font-family: "gascom3" !important} 
.ico416:before { content: '\e832'; font-family: "gascom3" !important} 
.ico417:before { content: '\e833'; font-family: "gascom3" !important} 
.ico418:before { content: '\e834'; font-family: "gascom3" !important} 
.ico419:before { content: '\e835'; font-family: "gascom3" !important} 
.ico420:before { content: '\e836'; font-family: "gascom3" !important} 
.ico421:before { content: '\e837'; font-family: "gascom3" !important} 
.ico422:before { content: '\e839'; font-family: "gascom3" !important} 
.ico423:before { content: '\e83a'; font-family: "gascom3" !important} 
.ico424:before { content: '\e83b'; font-family: "gascom3" !important} 
.ico425:before { content: '\e83c'; font-family: "gascom3" !important} 
.ico426:before { content: '\e83d'; font-family: "gascom3" !important} 
.ico427:before { content: '\e83e'; font-family: "gascom3" !important}
.ico428:before { content: '\e83f'; font-family: "gascom3" !important} 
.ico429:before { content: '\e840'; font-family: "gascom3" !important} 
.ico430:before { content: '\e841'; font-family: "gascom3" !important} 
.ico431:before{ content: '\e842'; font-family: "gascom3" !important} 
.ico432:before { content: '\e843'; font-family: "gascom3" !important} 
.ico433:before { content: '\e844';font-family: "gascom3" !important} 
.ico434:before { content: '\e845'; font-family: "gascom3" !important} 
.ico435:before { content: '\e846';font-family: "gascom3" !important} 
.ico436:before { content: '\e847'; font-family: "gascom3" !important} 
.ico437:before { content: '\e848';font-family: "gascom3" !important} 
.ico438:before { content: '\e849'; font-family: "gascom3" !important} 


.ico439:before { content: '\e804'; font-family: "gascom5" !important}



h1{text-align:center}
.profileLink{max-width:180px}

@media screen and (max-width: 450px){
.block-item-main{padding:10px 0px}
}

@media screen and (min-width: 450px){
/* Tarifs */

.tarifBox {width:320px;}
.heightBg {margin: 0;}


	/* 3 BLOCK */
	.profileLink {display: inline-block; vertical-align: top;}
	
	.InfoSet .Blue, .InfoSet .White, .InfoSet .same_block {width: 290px; float: left; margin: 0;}

	.InfoSet .NonBG{width: 290px;  float: left; margin: 0;} 
	.InfoSet .statBox {display: block; width: auto; padding: 0 0 15px 0;}
	.InfoSet .statBox .count {font: 400 36px/1.0 'Cuprum', sans-serif;}

}



@media screen and (max-width: 1024px){
.modalContent {max-width:100%; width:100%}
}


@media screen and (min-width: 640px){
	.sectionContent .prices img {display: block; width: 150px; float: left;}
	.pageHeader {height: 100px;}
	.menuIco {margin: 35px 0 0 30px;}
	.pageHeader .logo {width: 144px; height: 71px; margin: 10px 0 0 45px;}

.bgPic {right: 35px;}

/* Modal */
	.modalContent {min-width: 500px;}

/* AUTH */
.topPersonal{top: 25px;}
.topPersonal.number{right:85px}

.topPersonal .topAuthForm, .topPersonal .copy_in {padding: 30px; width: 50%; right: -50%;}

.fancybox a{width:200px; height:150px}


.submitIcoBtn {    text-align: center;line-height: 34px;font-size: 20px;float:none; display: inline-block; text-decoration:none; vertical-align: middle; width: 70px; height: 36px; background: #037ac3; color: #fff; border-radius: 6px;  position: relative;}

/* documentList */

	.documentList .documentBox {display: table; width: 100%; min-width: 100%;}
	.documentList .documentBox .ico {display: table-cell; float: none; width:30px}
	.documentList .documentBox .name {display: table-cell; vertical-align: middle; padding: 0 20px;}
	.documentList .documentBox .link {display: table-cell; vertical-align: middle; text-align: right; margin: 0;}



	/* 3 BLOCK */
	.profileLink {display: inline-block; vertical-align: top;}
	



}





@media screen and (min-width: 768px){
h1, .H1 { font: 700 38px/1.0 'Cuprum', sans-serif; margin: 0 0 40px 0; color: #fff; text-transform: uppercase;}

.toolTip span{position: absolute;  box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 150px; height: 60px; line-height: 22px; padding: 10px; background: #fff; color: #30333A;top: -75px; right: 0; border-radius: 4px; opacity: 0; transition: all 0.5s ease;}
.toolTip.Tleft span{left:0px; right:auto}

.toolTip span:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.toolTip.Tleft span:before{left:0px; right:auto; border-left: 10px solid #fff; border-right:0px}



.toolTip:hover span{
    pointer-events: auto;    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



.lk_content{padding:20px;  background-size: 40%;}





	.InfoSet .White, .InfoSet .same_block, .InfoSet .Blue {width: 290px; float: left; margin: 0;}
	.InfoSet .NonBG {width: 290px;  float: left; margin: 0;} 

h1, .H1 {font: 700 60px/1.0 'Cuprum', sans-serif;}

.Opis{display:flex;}
.sideBar {padding: 110px 0 20px 0;}

	
	.accountingPeriod .dateBox {width: 49%; display: inline-block; vertical-align: middle; padding: 0 20px 0 0;}
.accountingPeriod .datesBox {height:45px}

		.leftCol {width: 50%; float: left; padding: 0 20px 0 0;}
	.rightCol {width: 50%; float: right; padding: 0 0 0 20px;}

.topPersonal .topAuthLinks div{    display: block; width: auto; vertical-align: middle;text-align: left;}
.topPersonal.topSearh{right:20px}

	.size12, .size13, .size14, .size23 {width: 50%;}


}


@media screen and (min-width: 768px) and (max-width: 1023px){
.InfoSet{    margin: 20px auto;     width: 580px;}
/*.media-boxes-container{    margin: 0px auto !important; width: 650px;}*/
.Opis{margin: 0px auto;     width: 580px;}
}

@media screen and (min-width: 1024px) and (max-width: 1025px){
.InfoSet{    margin: 0px auto;     width: 870px;}
.Opis{margin: 0px auto;     /*width: 580px;*/}
/*.media-boxes-container{    margin: 0px auto !important; width: 650px;}*/
}


@media screen and (min-width: 1025px){

body {font: 300 15px/1.5 'Roboto', sans-serif; }
.block-item a span{     display: block;}

.tabs .tabNav a{width:33.333% !important}
.no-js .block-item{max-width:800px}

.innerPage{    margin-left: 350px}

.tooltip:hover .tooltiptext{
display:block;
    pointer-events: auto;    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.pict a{    position: absolute;right: 0px;bottom: 20px;}

h1{text-align:left}

.sideBar, .sestionNav, .pageHeader .logo{z-index:2;}

.sideBar:before{background:#fff; content:'';display:block; width:200px;     height: 162px;
    position: fixed;
    top: 0px;
}

.bottomButton{position:absolute; bottom:20px}

/*Header*/
.pageHeader {height: 0;}
.pageHeader .menuIco {display: none;}
.pageHeader .logo {margin: 35px 0 0 20px;}

.accountingPeriod .dateBox {width: auto;}
	.accountingPeriod .defaultBtn {float: right;}


.modal .close{display:block}
.modal .close_mobile{display:none}
	/* Modal */
	.modalContent {min-width: 850px; padding: 20px 30px 20px 25px; display:block} 
.modalContent2{top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.text{padding-left:10px}
.one_section h1{padding-left:10px}

/* AUTH */

.topPersonal, .topPersonal.topSearh {width: 595px; top: 140px; right: -545px; transition: all .3s ease; -webkit-transition: all .3s ease; box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);

}

.topPersonal.number{    top: 70px;
    right: 0px;
    width: auto;}
.topPersonal.open {right: 0;}
.topPersonal .personalIco {margin: 0 10px 0 0;}
.topPersonal .topAuthForm, .topPersonal .copy_in {display: inline-block; vertical-align: middle; width: auto; position: static; padding: 5px 0;}
.topPersonal .input {display: inline-block; vertical-align: middle; width: 130px; margin: 0 5px 0 0;}
.topPersonal.topSearh .input{width:400px}
.topPersonal .topAuthForm .errorMess {display: none;}
.topPersonal.open .topAuthForm .errorMess {display: block; margin: 5px 0 0 0;}
.topPersonal .topAuthLinks {text-align: left; float: none; margin: 0 0 0 25px;}
.topPersonal .inAuth{display:inline-block; width:auto; font: 300 16px/1.4 'Roboto', sans-serif;}
.topSearh{top:205px !important;}

.topPersonal .topAuthLinks{width:auto}
/* PADDING */
.bodyPage{padding-top:0px; padding-bottom:0px}
.formWrap, .tableWrap, .accordion, .documentList, .no-js .block-item {margin: 0 0 50px 0;}


/* Section navigation */

.sestionNav {display: block; width: 150px; font-size:inherit; height: 100%; overflow:hidden; position: fixed; left: 200px; padding: 10px 0px;}
.sestionNav .sectionIco {width: 150px; font-size:14px;  margin: 0 auto; height:105px; line-height:16px; border-left:4px solid #007ac3; border-right:4px solid #007ac3;}
.sestionNav div{transition: 0.5s; }
.servicePage {margin: 0 0 0 350px;}
.servicePage.paddingSmall{margin: 0 0 0 200px; min-height:100vh}
.nav_scroll{position:relative; overflow-y: auto; overflow-x: hidden; padding-top: 150px; scrollbar-width: none; -ms-overflow-style: none;}
.sestionNav div{ display: block;}
.sestionNav .sectionIco.active, .sestionNav .sectionIco:hover, .sestionNav .active .sectionIco {border-left:4px solid #fff; border-right:4px solid #fff;width:150px; padding-left:0px; padding-right:0px; }

.sestionNav:after, .sestionNav:before{background: #007ac3; opacity:0.8; position:absolute; top:684px; left:0px; width:150px; border-top:1px solid #0c6396; height:100%; content:' '; display:block}
.sestionNav:before {top:calc(-100% + 162px); z-index:9; }
.sestionNav:before{border-bottom:1px solid #0c6396;}
.nav_scroll::-webkit-scrollbar {width: 0; display: none;}
.sestionNav .sectionIco:hover{background:rgba(0, 0, 0, 0.1)}

.before_class{top: calc(-100% + 160px); z-index: 9; position: absolute;  /* top: 650px; */ width: 140px; height: 305px;  content: ' '; display: block;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.after_class{  position: absolute; top: 100%; width: 140px; height: 305px; content: ' ';display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Side bar */
.sideBar {left: 0; width: 200px; padding: 210px 0 20px 0;}

	.size12 {width: 50%;}
	 .size13 {width: 33.3333%;}
	.size14 {width: 25%;}
	.size23 {width: 66.6666%;}



/* TABS */

	.tabs {background: #fff; margin: 0 0 30px 0;}
	.tabs .tabTitle {display: none;}
	.tabs .tabNav {display: flex; flex-wrap: wrap; align-content: stretch;}
	.btn_type_pers{display:inline-block; line-height: 40px;}


.all_block .btn_type_pers{width:25%; margin-right:-4px;}




}

/* Search */

.tooltipSearch{display:flex;justify-content:flex-start;align-items:center;}
.search-suggest{padding: 0 10px;font: 400 14px/36px 'Roboto', sans-serif;background: none; color: #565656;    width: 400px; margin: 0 5px 0 0;    border: 1px solid #ccc;  border-radius: 3px;}
.change_text{padding: 0 10px;    font: 400 14px/36px 'Roboto', sans-serif;    background: none;    color: #565656;    width: 500px;    margin: 0 5px 0 0;    border: 1px solid #ccc;    border-radius: 3px;}
.custom_search{float:right;    width: 77px;    height: 36px;    background: #037ac3;    color: #fff;    border-radius: 6px;    text-align: center;border:none;cursor:pointer;}
.custom_search:hover{    background: #076fab;}
.custom_submit:hover{    background: #076fab;}
.custom_submit{  width: 77px;    height: 34px;    background: #037ac3;    color: #fff;    border-radius: 6px;    text-align: center;border:none;}


.before_class2{
background: #007ac3;
    opacity: 0.8;
    top: calc(-100% + 162px);
    z-index: 9;
    position: absolute;
    left: 20px;
    width: 140px;
    border-top: 1px solid #0c6396;
    height: 100%;

    display: block;
    opacity: 0;
}

.after_class2{
    background: #007ac3;
 opacity: 0.8;
    opacity: 0;
    position: absolute;
    top: 684px;
    left: 20px;
    width: 140px;
    border-top: 1px solid #0c6396;
    height: 100%;
    display: block;
z-index:9999;
}

/* Stimulsoft override */
.stiJsViewerReportPanel table tr td:first-child {
    color: black;
}




@media screen and (max-width: 767px){
.tabs .row_custom{display:block !important}
.col_custom{width:100%;}
.col_custom:first-child{margin-bottom:40px}
.tableWrap table tr:first-child{display:none}
.tableWrap table tr td {display: grid;}
.periodForm .input{margin:10px 0px}
.bigButton{float:right}
#knopki .defaultBtn{float:none}
.tabs .tab:after, .formWrap:after, .documentList .documentBox:after, .White:after, .Gray:after, .Blue:after{display:block; clear:both; content:''}
.documentList .documentBox .name{padding-left:40px}
#knopki .submitIcoBtn{float:none; width:auto}
.modal.visible{display: flex;}
.modalContent2{margin: auto;}
}




@media screen and (min-width: 1250px){
.text{width:70%; padding-left:10px}
.InfoSet{width:960px}
.modal .InfoSet{width:100%}
.topBox{    display: inline-block;width: 50%; min-width: 50%; }
.InfoSet .NonBG {width: 580px;} 
.modal .InfoSet .NonBG {    width: 500px;} 
}

@media screen and (min-width: 960px) and (max-width: 1023px){
.InfoSet{width:960px}
.topBox{    display: inline-block;width: 50%; min-width: 50%; }
.InfoSet .NonBG {width: 580px;} 


}

@media screen and (min-width: 1024px) and (max-width: 1200px){
.Opis{display:block;}
.Opis div{ display: inline-block; /*min-height: 200px;*/ vertical-align: text-bottom;}
}

@media screen and (max-width: 850px){
.Opis{display:block;}
.Opis div{ display: inline-block; /*min-height: 200px;*/ width:100%; vertical-align: text-bottom; margin: 5px;}
}

@media screen and (max-width: 400px){
.Opis div{ max-width:100%; min-height: auto;}
.Opis div i{display:inline}
}





@media screen and (min-width: 1250px) and (max-width: 1340px){


.servicePage, .innerPage { overflow: hidden;}
.InfoSet .NonBG {
    width: 520px;
}
.text{width:90%}
}



@media screen and (max-width: 767px){
.addElem div{min-height:60px}
.topPersonal.topZayavka {    right: 150px;
    top: 28px;}
.tariffAllBanner tr td {
    padding: 10px 5px; 
}
}

@media screen and (max-width: 640px){
.topPersonal.topZayavka {    right: 150px;
    top: 28px;
    right: 105px;
    top: 15px;}
}

.no-js a{float:none; margin-bottom:10px}

.price_big{
font: 400 55px/1.0 'Roboto', sans-serif;
    float: left;
    margin: 0 15px 0 0;
color:white;
}
#no_js_message{    font: 700 30px/1.0 'Cuprum', sans-serif;
    color: #037ac3;
    margin: 0 0 30px 0; z-index:999999; position:absolute; width:50%; bottom:10%; left:50%; margin-left:-25%; text-align:center}


.tp-bgimg.defaultimg{    background-position: top center !important;}
.tp-revslider-mainul li{width:100% !important}


.lk_content .reportPayment .table {
    border: 0px;
    padding: 0px;
}



//пожелания

p, li{line-height: 1.3;}
.Opis h3{font: 300 15px/1.5 'Roboto', sans-serif;     color: #314553;}
.block-item a .circle{margin-top:0px; position:relative}
.block-item a .circle:before{content: '';
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background:#e6e9ea;
    position: absolute;
    left: 10px;
    top: -10px;}

.block-item:hover a .circle:before{display:none}

.Plus{position: absolute;
    top: -20px; display:block;
    right: 0px;
    color: #fff;

      background: #43a6f9;
    padding: 5px 12px;}
.block-item{position:relative;}

.modal.visible .Plus, .modal.visible .circle{display:none}



@media (max-width:360px){
.pageHeader .logo{margin-left:5px; width: 90px;}
.topPersonal .sectionIco{    margin: 0 0px 0 0;}
}



.documentList a{text-decoration:none}

font.notetext{    color: #037ac3;}
.map .map-area{top:-30px}
.map-area__btn.btn {
    text-align: center;
    text-decoration: none;
}

.map-area__title{margin-bottom:30px}



    .help_id_dealer{
        position: absolute;
    top: -1px;
    font-size: 20px;
    right: -26px;
    border-radius: 20px;
    border: 1px solid;
    padding: 2px 5px;
    }
    #main_UF_USER_DEALER_ID{
        position: relative;
    }
    .block_relative{
        position: relative;
    }
    .help_text_dealer{
        display: none;
        position: relative;
    }
    .help_id_dealer:hover .help_text_dealer{
        display: block;
        position: absolute;
    }



#page-zona{background: #e6e9ea url(../../../../../../upload/i2.svg) right top no-repeat; background-size: 400px;}
#page-oborudovanie{background: #e6e9ea url(../../../../../../upload/i3.svg) right top no-repeat; background-size: 400px;}
#page-tariff{background: #e6e9ea url(../../../../../../upload/i4.svg) right top no-repeat; background-size: 400px;}
#page-gde-kupit{background: #e6e9ea url(../../../../../../upload/i5.svg) right top no-repeat; background-size: 400px;}
#page-document{background: #e6e9ea url(../../../../../../upload/i6.svg) right top no-repeat; background-size: 400px;}
#page-faq{background: #e6e9ea url(../../../../../../upload/i7.svg) right top no-repeat; background-size: 400px;}
#page-news{background: #e6e9ea url(../../../../../../upload/i8.svg) right top no-repeat; background-size: 400px;}
#page-about{background: #e6e9ea url(../../../../../../upload/i9.svg) right top no-repeat; background-size: 400px;}
#page-kontakty{background: #e6e9ea url(../../../../../../upload/i10.svg) right top no-repeat; background-size: 400px;    min-height:100vh}

#page-personal, #page-personalaktsiiu, #page-personalnew1, #page-personalnew2, #page-personalnew4{background: #e6e9ea url(../../../../../../upload/i11.svg) right top no-repeat; background-size: 400px;}
#page-business, #page-businessaktsii, #page-businesszayavka-na-podklyuchenie{background: #e6e9ea url(../../../../../../upload/01.jpg) right top no-repeat; background-size: 400px;}

#page-dileram, #page-dileramzayavka-na-podklyuchenie{background: #e6e9ea url(../../../../../../upload/011.png) right top no-repeat; background-size: 400px;}


#blog-page{background: #e6e9ea url(../../../../../../upload/012.svg) right top no-repeat; background-size: 400px; min-height:100vh}
#page-personalnew1{min-height:100vh}

.area {
    z-index: 2 !important;}


@media (max-width:460px){
.search-city__input{width:100% !important}
}



.trf.accordion .accordionSection{background:none}

@media screen and (min-width:1024px){
.news-detail{padding-left:30px;  max-width:800px; margin-bottom:60px}
}




@media screen and (min-width:1024px) and (max-width:1250px){

.InfoSet.margin-bottom-0 .NonBG {
    width: calc(100% - 290px);
}
}
.popup-window-content {padding:0px 20px !important}
.popup-window-content  p {font-size:14px; font-family:Open Sans !important}
.popup-window-titlebar {height:20px !important}

.frame_blc{
  overflow:hidden;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}
.frame_blc iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.bx-breadcrumb{
	margin-left: 10px;
	padding-left: 20px;
}




/* End */


/* Start:/local/templates/site_main/template_styles.css?168683086956485*/
 rect {
            width: 100%;
            height: 100%;
            opacity: 0;
        }
.telegramm svg {
    width: 18px;
    height: 18px;
    fill: white;
    transition:0.3s;
}

.telegramm a {
    border-radius: 100%;
    width: 28px;
    height: 28px;
    display: flex;
    background: #00a2ff;
    justify-content: center;
    align-items: center;
    transition:0.3s;
}

.telegramm a:hover {
    background: #fff;
    
}
.telegramm a:hover svg { 
    fill: #00a2ff;
}

.telegramm .cls-1 {
    fill: #00a2ff;
}

.telegramm .cls-1:hover {
    fill: #FFF;
}

.flex-icon {
display: flex;
}

.flex-icon .social-list {
margin-right: 10px;
}


.red_text a {
    color: red;
}

h1 {
    position: sticky;
}

.topBox {
    display: inline-table;
}

.topBox .name {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    color: #314553;
    text-transform: uppercase;
    font: 400 12px/1.5 'Roboto', sans-serif;
}


.topBox i {
    font-size: 26px;
    float: left;
}

.icoBlue {
    background: #00a2ff;
    color: #fff;
    border-radius: 50%;
    padding: 16px 14px 12px 14px;
}

.InfoSet .price {
    margin: 0 0 20px 0;
    overflow: hidden;
    font: 400 23px/1.0 'Cuprum', sans-serif;
    color: #00a2ff;
}

.InfoSet .price .small {
    font: 400 20px/1.0 'Cuprum', sans-serif;
}

.mini_title {
    font: 400 20px/1.0 'Cuprum', sans-serif;
}

.mini_title_bold {
    font: 700 20px/1.0 'Cuprum', sans-serif;
}

.price .big {
    font: 400 54px/1.0 'Roboto', sans-serif;
    float: left;
    margin: 0 15px 0 0;
}

.tarifInfo li .ico {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 5px 0 -35px;
    text-align: center;
    padding: 4px 0 0 0;
}

.tarifInfo li .ico_empty {
    border: none;
    color: #007ac3;
}

.list_imp {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset: item; /* Обнуляем счетчик списка */
    margin: 0 0 20px 20px;
}

.list_imp li:before {
    content: counter(item) '/ ';
    counter-increment: item;
    font: 400 30px/1.0 'Cuprum', sans-serif;
    color: #00a2ff;
    margin: 0 10px 0 0;
    position: absolute;
    left: -10px;
}

.Gray {
    background: #c9d4da;
}

h2.title, a.title {
    font: 400 28px/1.0 'Cuprum', sans-serif;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    text-decoration: none;
}

h2, .H2 {
    font: 700 30px/1.0 'Cuprum', sans-serif;
    color: #037ac3;
    margin: 0 0 30px 0;
}

h3, .H3 {
    font: 500 26px/1.2 'Cuprum', sans-serif;
    color: #037ac3;
    margin: 0 0 20px 0;
}

h4, .H4 {
    font: 500 22px/1.0 'Cuprum', sans-serif;
    color: #037ac3;
    margin: 0 0 20px 0;
}

@media screen and (min-width: 1290px) {
    .InfoSet .NonBG {
        /*    width: 650px !important; */

    }
}

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

    h1, .H1 {
        font: 700 55px/1.0 'Cuprum', sans-serif;
        margin: 0 0 40px 0;
        color: #fff;
        text-transform: uppercase;
    }

}

@media screen and (min-width: 1290px) {
    .text {
        /*   width: 70%; */
        width: 80%;
        padding-left: 10px;
    }
}

.text_small {
    font: 300 13px/1.4 'Roboto', sans-serif
}

.text_big {
    font: 700 44px/1 'Roboto', sans-serif
}

.InfoSet .Important i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    font-size: 46px;
    float: left;
}

body {
    font: 300 15px/1.5 'Roboto', sans-serif;
}


/*исправлени*/

@media screen and (min-width: 1025px) {

    .sestionNav .sectionIco.active, .sestionNav .active .sectionIco, .sestionNav .sectionIco:hover {
        background: rgba(0, 0, 0, 0.0);
    }

    .sestionNav .sectionIco {
        position: relative
    }

    .sestionNav .sectionIco.active, .sestionNav .sectionIco:hover, .sestionNav .active .sectionIco {
        border: 0px
    }

    .sestionNav .sectionIco:after {
        position: absolute;
        z-index: -1;
        top: 3px;
        left: 50%;
        margin-left: -42px;
        content: '';
        display: block;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #00a2ff;
        color: #fff;
        text-align: center;
        text-decoration: none;
        transition: all .8s ease;
        -webkit-transition: all .8s ease;
        /*border: 10px solid #007ac3;*/
    }


    .sestionNav .sectionIco:after {
        position: absolute;
        z-index: -1;
        top: 11px;
        left: 50%;
        margin-left: -30px;
        content: '';
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #00a2ff;
        color: #fff;
        text-align: center;
        text-decoration: none;
        transition: all .8s ease;
        -webkit-transition: all .8s ease;
        border: 10px solid inset;
    }

    .sestionNav .sectionIco {
        height: 135px;
        text-transform: uppercase;
        font-size: 13px;
        padding-top: 15px;
    }


    .sestionNav .sectionIco:hover:after, .sestionNav .sectionIco.active:after, .sestionNav .active .sectionIco:after {
        /*  border: 2px solid #007ac3; */
    }

    .sestionNav .sectionIco:before {
        margin-bottom: 5px;
        font: normal 36px/60px "gascom";
    }

    .sestionNav .sectionIco:before {
        margin-bottom: 5px;
        font: normal 38px/53px "gascom";
    }

    .js-goToSection2 {
        font: 400 18px/1.0 'Cuprum', sans-serif;
    }


    .sestionNav .sectionIco.active, .sestionNav .sectionIco:hover, .sestionNav .active .sectionIco {
        border-left: 4px solid #007ac3;
        border-right: 4px solid #007ac3;


    }

    .sectionIco:hover:before {
        color: #007ac3 !important;
    }

    .sectionIco:hover:after {

        background: #fff !important;
    }

}


body {
    font: 500 14px/1.5 'Open Sans', sans-serif;
}

h1.text_blue {
    margin-left: 10px;
}

h2.text_blue {
    margin-left: 10px;
}

h2, .H2 {
    font: 700 30px/1.0 'Cuprum', sans-serif;
}

.NonBG h2, .NonBG .H2 {
    margin-left: 0px;
}

h3, .H3 {
    font: 700 16px/1.0 'Cuprum', sans-serif;
}

h4, .H4 {
    font: 300 24px/1.5 'Open Sans', sans-serif;
}

h5, .H5 {
    font: 800 16px/1.5 'Open Sans', sans-serif;
}

h6, .H6 {
    font: 600 14px/1.5 'Open Sans', sans-serif;
}

/* Vitaly edit ---------------*/

.big_btn2 {
    padding: 0px 12px;
    font: 300 14px/28px 'Roboto', sans-serif;
}

.block-item a.js-openModal {
    text-decoration: none;
}

.row_custom {
    display: flex !important;
    justify-content: center;
}

.col_custom {
    width: 49%;
}


@media screen and (min-width: 1025px) {


    .tabs .tabNav a { /*width:25% !important*/
    }

    .tabs .tabNav a.fifty_width {
        width: 50% !important;
        font: 700 16px/1.0 'Cuprum', sans-serif;
    }

    .tabs .tabNav a.hund_width {
        width: 100% !important;
        font: 700 16px/1.0 'Cuprum', sans-serif;
    }


}

h2 {
    text-transform: uppercase;

}

.H2 .big_title_modal {
    font: 700 22px/1.0 'Cuprum', sans-serif !important;
}

.H2 .small_title_modal {
    font: 700 22px/1.0 'Cuprum', sans-serif !important;
}


.margin_null {
    margin: 0;
}

.margin_null li {
    margin: 0;
    margin-left: 20px;
}

.topBox .name {

    padding: 0px 10px;
    font: 400 16px/1.0 'Cuprum', sans-serif;
}

.js-goToSection {
    font: 400 18px/1.0 'Cuprum', sans-serif;
}

.bodySection {
    padding-bottom: 0px;
}

.documentList .documentBox {
    margin: 0;
}

.link .bigButton {
    font: 300 12px/26px 'Roboto', sans-serif;
    padding: 0 10px;
}


.custom_block_obor {
    display: flex;
    flex-direction: column;

    width: 290px;
    float: left;
}

.under_line {
    text-decoration: underline;
}

.none_line {
    text-decoration: none;
}

.news_title_h5 {
    font: 700 20px/1.0 'Cuprum', sans-serif;
    text-transform: uppercase;
    font-weight: bold !important;
}

.img_header_top {
    position: absolute;
    top: -18px;
    z-index: 1;
    right: 2px;
}

.date_custom i {
    margin-right: 10px;
}

.date_custom {
    color: #a6c2d3;
    position: absolute;
    bottom: -5px;
    font-size: 13px;
}

.custom_number_modal {
    position: absolute;
    color: #037ac3;
    font-size: 24px;
    left: -10px;
    top: 0px;
    font: 700 26px/1.0 'Cuprum', sans-serif;
}

.archiv_p {
    position: relative;
    height: 100%;
    float: left;
    margin-left: 30px;
    width: calc(100% - 330px);
}

.date_archive {
    color: #a6c2d3;
    bottom: 15px;
    margin-bottom: 0;
    font-size: 13px;
    position: absolute;
    bottom: -8px;
}
.class-img {
    height: 150px;
    overflow: hidden;
    float: left;
    width: 300px
}

.mb_5 {
    margin-bottom: 7px !important;
}


@media screen and (max-width: 767px) {
    .archiv_p, .class-img {
        width: 100%;
        height: auto;
        margin-left: 0px
    }

    .date_archive {
        position: relative
    }
}

.not-last-news {

    border-bottom: 0px !important;

}

@media screen and (min-width: 768px) {
    .InfoSet .White, .InfoSet .same_block, .InfoSet .Blue {
        width: 270px;
        float: left;
        margin: 0;
    }

}

@media screen and (min-width: 1024px) {
    #news .bodySection {
        max-width: 90% !important;
    }

    #archive .bodySection {
        max-width: 90% !important;
    }

}

.tab .custom_title_tab {
    display: block !important;
    border-bottom: unset;
    font: 500 15px/1.5 'Open Sans', sans-serif;
}

.bigButton2_1 {
    font: 300 12px/30px 'Roboto', sans-serif;
    padding: 0 25px;
}

.partner_block_cis {
    width: 30%;
    margin-right: 10px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_right_more {
    font: 400 16px/1.8 'Roboto', sans-serif !important;
    float: right;
}

.White.Opis div {
    margin-top: 15px;
    height: 115px;
    background: #fff;
}

.headr_main_title {
    width: 90%;
    margin-bottom: 20px;
    font: 500 30px/1.0 sans-serif;
    padding: 20px 79px;
    text-transform: uppercase;
    position: relative;
}

.Opis div h2, .mr-bot-10 {

    margin-bottom: 10px;
}


.black_title {
    color: black;
    font: 500 20px/1.0 sans-serif;

}

.podrobnee_main {
    position: absolute;
    right: 10%;
    font-size: 11px;
    bottom: 32%;
    text-decoration: none;
}

.margin_right_ten {
    margin-right: 10px !important;
}


.margin_right_ten:last-child {
    margin-right: 0px !important;
}

.upper_case_a a {
    text-transform: uppercase;
    font: 700 14px/1.0 'Cuprum', sans-serif;
}

.upper_case_ {
    text-transform: uppercase;
    font: 500 18px/1.0 'Cuprum', sans-serif;
}

.cuprum_font {
    font-family: 'Cuprum', sans-serif;
}

.custom_toolbox, .topBox {
    margin-bottom: 5px;
    width: 50%;
    min-width: 38%;
}

@media screen and (max-width: 767px) {
    .custom_toolbox, .topBox {
        width: 100%;
    }
}


.custom_toolbox .name, .topBox .name {

    font: 400 14px/1.0 'Cuprum', sans-serif;
    color: #037ac3;
    font-weight: bold;
}

.InfoSet .price .big {
    font: 400 55px/1.0 'Cuprum', sans-serif;
}

.price .price_big {
    font: 400 55px/1.0 'Cuprum', sans-serif;
}

.media-box-container .block-item a.title {
    font: 400 20px/1.0 'Cuprum', sans-serif;

}

.top_header_main {
    color: white;
    padding-left: 30px;
    margin-bottom: 50px;
}

.main_big_title {
    font: 700 56px/1.0 'Cuprum', sans-serif;
}

.main_mini_title {
    margin-top: 10px;
    font: 400 18px/1.0 'Open-Sans', sans-serif
}

.block_left_and_right_main {
    height: 370px;
}

.icon_main_s {
    width: 100%;
}

.main_slick {
    height: 350px;

    width: 90%;
    margin-bottom: 10px;
}

.image_main_slider {
    width: 776px;
    max-height: 350px;
}

.image_main_slider.mobile {
    display: none
}


.slick-slider {
    width: 776px;
    position: relative
}

.InfoSet .margin_right_ten {
    width: 22%;
    height: 200px;
    min-width: 160px
}

.InfoSet .block_left_and_right_main {
    width: 38%;
    height: auto
}

.InfoSet.flex {
    width: 90%;
    display: flex;
}


.slick-next {
    right: 20px !important;
    z-index: 999;
}

.slick-prev {
    left: 20px !important;
    z-index: 999;
}

.sestionNav .main_menu_elem:after {
    position: absolute;
    z-index: -1;
    top: -1px;
    left: 40.5%;
    margin-left: -37px;
    content: '';
    display: block;
    width: 100px;
    height: 99px;
    border-radius: 50%;
    background: #00a2ff;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    border: 10px solid #007ac3;
}

.sestionNav .main_menu_elem:before {
    margin-bottom: 5px;
    font: normal 47px/72px "gascom";
}

.icon_main_s {
    max-width: 250px;
}

.title_h1 {
    position: relative;
    padding: 0px 20px;
}

.first-section-h1 {
    padding-top: 40px;
    padding-bottom: 1px;
    position: relative;
}


@media screen and (min-width: 768px) {
    .InfoSet .NonBG {
        width: 540px;

    }

    .InfoSet .NonBG2 {
        width: 258px;

    }


}


.non_f, .InfoSet .price .big.non_f {
    float: none
}

.topBox i {
    width: 55px;
    text-align: center;
}

.NonBG.White {
    background: #fff
}

h2.title {
    font: 400 20px/1.0 'Cuprum', sans-serif;
    margin: 0 0 15px 0;
}

.InfoSet ul li {
    line-height: 18px
}

.text_blue.price_big {
    color: #007ac3;
    font: 600 54px/1.0 'Cuprum', sans-serif;
}

.text_light_blue {
    color: #00a2ff
}

h5.text_light_blue {
    font: 500 16px/1.5 'Open Sans', sans-serif;
}

.size100 {
    font-size: 100px !important;
    margin: 10px 10px -10px 0px !important;
}

.size40 {
    font-size: 40px
}

.size34 {
    font-size: 34px
}

.lk_content .size34 {
    font-size: 14px
}


@media screen and (max-width: 767px) {
    .size40, .size34, .price .price_big, .text-bg {
        font: 700 30px/1.0 'Cuprum', sans-serif;
    }

}


.modal_img {
    float: right;
    width: 35%;
    margin-left: 5%;
}

.modalContent:after {
    clear: both;
    display: block;
    content: ''
}

.asterisk {
    color: red
}

.slam-easyform .form-group, .margin-bottom-0 {
    margin-bottom: 0px
}

.InfoSet .same_block1 {
    text-align: center;
    max-height: 400px;
    overflow: hidden
}

.shag {
    color: #037ac3;
    font-weight: bold;
    font-family: 'Cuprum', sans-serif;
    margin-bottom: 5px;
}

.shag_txt {
    color: #037ac3;
    font-weight: bold;
    font-family: 'Cuprum', sans-serif;
    font-size: 22px;
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .slick-slider {
        width: 100%;
        position: relative
    }
}

.flex {
    display: flex
}

.width100 {
    width: 100%
}

.width100 .NonBG {
    width: 60%
}

.width100 .White {
    width: 40%
}

.left-30 {
    padding-left: 30px;
}

@media screen and (max-width: 768px) {
    .slick-slide img.image_main_slider {
        display: none
    }

    .slick-slide img.image_main_slider.mobile {
        display: block
    }

    .slick-slider {
        width: 100%;
        position: relative
    }

    .InfoSet .margin_right_ten, .InfoSet .block_left_and_right_main {
        width: 100%;
        margin-bottom: 10px
    }

    .InfoSet.flex {
        display: block;
        width: 100%
    }

    .main_big_title {
        font: 700 44px/1.0 'Cuprum', sans-serif;
    }

    .sectionContent {
        padding: 30px 0px;
    }

    .White.Opis div {
        margin-left: 0px;
    }

    .InfoSet .width-100-mobile {
        width: 100%
    }

    h2, .H2 {
        font: 700 26px/1.0 'Cuprum', sans-serif;
    }

    .media-box-loaded {
        width: 100% !important
    }

    .left-30 {
        padding-left: 0px;
    }

    .one_section {
        margin: 20px 0px !important
    }

    .one_section:last-child {
        margin-bottom: 0px !important
    }

    .one_section h2, .text-align-center {
        text-align: center
    }

    #na-chto-khvatit-1gb-trafikabz {
        padding-top: 0px !important
    }

    #usloviya-sotrudnichestva {
        padding-bottom: 0px !important
    }

    .InfoSet .same_block svg {
        display: none
    }

    #kalendar-sobytiy7601704 .InfoSet .NonBG {
        margin: 0px auto;
        float: none;
    }

    .custom_block_obor {
        display: block;
        width: 100%;
    }

    .width-100 .White {
        width: 100%;
        max-width: 540px;
        margin: 0px auto
    }

    .width100 .White, .width100 .NonBG, .col_custom {
        width: 100%
    }

    .row_custom {
        display: block
    }


    .block-item-main {
        width: 100%
    }

    .flex {
        display: block
    }

    .modalContent .first_fancy_block {
        width: 100% !important
    }

    .fancybox a {
        width: 80px;
        height: 75px;
    }
}

@media screen and (width: 768px) {
    .custom_block_obor {
        display: flex;
        flex-direction: inherit;
    }
}


@media screen and (max-width: 1024px) {
    .sestionNav .main_menu_elem:before {
        font: normal 36px/50px "gascom";
    }

    .sestionNav .main_menu_elem:after {
        display: none
    }

    .sestionNav .sectionIco:before {
        font: normal 36px/56px "gascom";
    }

}


@media screen and (max-width: 300px) {
    .main_slick {
        height: 230px;
    }
}

@media screen and (max-width: 500px) {
    .main_slick {
        height: 300px;
    }

}

.icon-bg {
    position: relative;
    color: #fff;
    z-index: 2;
}

.icon-bg:after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 45px;
    background: #00a2ff;
    top: -17px;
    border-radius: 40px;
    left: -7px;
    z-index: -1;
}


#sputnikovyy-internet {
    padding-left: 8%
}

@media screen and (max-width: 1024px) {
    #sputnikovyy-internet {
        padding-left: 20px
    }
}

.formWrap {
    margin-bottom: 20px
}

@media screen and (width: 1024px) {
    .formWrap {
        margin: 0px auto
    }
}

@media screen and (width: 768px) {
    #grid_primeri_primenenya {
        margin: 0px auto !important;
        width: 660px;
    }
}

.block-item .big_title_modal {
    margin-top: 0;
    font: 900 16px/1.0 'Cuprum', sans-serif;
    text-transform: uppercase;
}

.block-item .small_title_modal {
    margin-top: 0;
    font: 500 14px/1.5 'Open Sans', sans-serif;
}

@media screen and (max-width: 1025px) {
    .block-item .big_title_modal, .block-item .small_title_modal {
        display: block
    }

    .bottomButton-mob {
        position: absolute;
        bottom: 20px;
    }
}


.flex-column {
    display: flex;
    flex-direction: column;
}


/*padding*/


.padding-right-40 {
    padding-right: 40px;
}

.margin-left-40 {
    margin-left: 40px;
}

.bodySection .padding-bottom-0 {
    padding-bottom: 0;
}

.bodySection .margin-bottom-0 {
    margin-bottom: 0;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-7 {
    margin-bottom: 7px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.px20 {
    font: 700 20px/1.0 'Cuprum', sans-serif;
}

.px20-light {
    font: 300 20px/1.5 'Open Sans', sans-serif;
}

.blue-5-bold {
    color: #037ac3;
    font-weight: bold;
    margin-bottom: 5px;
}

.size12.vertical.w41 {
    padding-left: 10px;
    font-size: 12px;
    width: 41%;
}

.size12.vertical.w58 {
    width: 58%
}

.size12.vertical.w58 img {
    margin-top: -15px;
}

.big_title_modal {
    margin-top: 0;
    font: 900 16px/1.0 'Cuprum', sans-serif;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .padding-right-40 {
        padding-right: 0px;
    }

    .margin-left-40 {
        margin-left: 0px
    }

    .bodySection .padding-bottom-0 {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .size12.vertical.w41, .size12.vertical.w58 {
        width: 100%;
        padding: 10px
    }

    .size12.vertical.w58 img {
        margin-top: 20px;
    }
}


@media screen and (max-width: 600px) {
    .documentList .documentBox {
        margin-bottom: 20px
    }

    .icon-bg:after {
        top: 0px
    }

    .icon-bg .ico {
        z-index: 3;
        position: absolute;
    }
}


.servicePage {
    background: #e6e9ea;
}

label, .formWrap .size13 {
    color: #00a2ff;
    text-transform: uppercase;
}

.tabs .tabNav a:hover, .tabs .tabNav a.active {
    background: #00a2ff;
    color: #fff;
}

.desc_checkbox_reg, .formWrap .size11 label {
    color: #314553;
    text-transform: initial;
}

.tabs .tabNav a {
    font: 600 16px/1.2 'Cuprum', sans-serif;
}


.primechanie {
    width: 100%;
    margin-top: 40px;
}

.h48 {
    height: 48px;
}

@media screen and (max-width: 800px) {
    .h48 {
        height: auto;
    }
}

.uppercase {
    text-transform: uppercase;
}

.h2_forgot_psw {
    font-size: 40px;
}

.w65 {
    width: 65%
}

.tariff-card__title {
    pointer-events: all;
    cursor: default;
}

.tariff-card__btn.btn_white {
    font-weight: 600;
    text-decoration: none;
}

.message_auth_custom a {
    text-transform: uppercase;
}

.height_100 {
    min-height: calc(100vh - 187px);
}


/*register adaptive*/
@media screen and (max-width: 767px) {
    .flex_block {

    }

    .flex-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .width_50.bigButton {
        width: 47%;
        text-align: center;
        padding: 0;
    }

    .link__auth {
        margin-top: 20px;
    }

    .forgot_subm {
        display: flex;
    }

    .tabs .tab {

        padding: 25px 8px;
    }

    .tab .formWrap .fieldBox.size11 {
        padding: 0;
    }

    .fieldBox.flex-mobile {
        margin-top: 15px;
    }

    .uppercase {

        text-transform: uppercase;
    }

    .captcta_block {

        margin-top: 20px;
    }
}


#news .block-item-main .block-item, #grid_aprel-2019 {
    background: #fff;
    max-width: 950px;
}

#news #grid_aprel-2019 {
    background: none
}

.InfoSet .pollez {
    width: 360px
}

@media screen and (max-width: 400px) {
    .InfoSet .pollez {
        width: 100%
    }
}


.dwld {
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.dwld a:first-child {
    position: absolute;
    left: -2px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    line-height: 24px;
}

.dwld a:first-child .loadIco:after {

    font: normal 24px/16px "gascom";
}

.dwld:last-child {
    margin-bottom: 30px
}

.mt30 {
    margin-top: 30px
}

.ml-25 {
    margin-left: 25px !important
}

@media screen and (max-width: 370px) {
    .accordion.trf .accordionSection {
        background: #efefef;
        padding: 15px 0px 0px;
    }

    .ml-25 {
        margin-left: 10px !important;
    }
}

.h400 {
    height: 400px;
    overflow: hidden
}

a h2 {
    text-decoration: none
}


.tab-top {
    display: none;
    padding-top: 10px;
}


.mob {
    display: none
}


@media screen and (max-width: 960px) {
    .desk {
        display: none
    }

    .mob {
        display: block
    }
}

@media screen and (min-width: 1025px) and (max-width: 1210px) {
    .desk {
        display: none
    }

    .mob {
        display: block;
        margin-bottom: 10px !important
    }
}

@media screen and (width: 768px) {
    .InfoSet .margin_right_ten {
        width: 23%;
    }

    .InfoSet .block_left_and_right_main {
        width: 37%;
        height: 350px;
    }

    .sputniks.sectionContent .boldText {
        top: 150px
    }

    .leftBlock .symbolIco.ico413 {
        top: -100px !important
    }

    .sectionContent .phoneBlock .boldText {
        width: 100%;
    }

    .sectionContent .phoneBlock .phoneImg {
        display: none
    }
}


@media screen and (width: 1024px) {
    #nashi-sputniki .sectionContent, #zona-pokrytiya .sectionContent, #primery-primeneniya .sectionContent, #gde-kupit .sectionContent {
        height: auto;
        padding: 47px 0px;
    }

    .sectionContent .phoneBlock .boldText {
        width: 100%;
    }

    .sectionContent .phoneBlock .phoneImg {
        display: none
    }

    .slick-slider {
        width: 79%;
        margin: 0px auto 20px
    }
}


.bodySection .map {
    display: block
}

.map-info.active {
    display: inline-block !important;
    position: relative;
    top: 0px;
    width: auto;
}

.map-info__item {
    max-width: 142px;
    margin-top: 10px;
    margin-right: 50px;
    float: left;
}

.map-info.active .map-both:after {
    content: '';
    clear: both;
    display: block
}


#zona_pokrytiya_new #map {
    width: 100%
}

#zona_pokrytiya_new .map {
    background: none;
    margin-top: 0px
}

#zona_pokrytiya_new .area__wrapper {
    background: #fff;
    padding: 15px
}

.area .container {
    margin: 0px
}


.vtop {
    vertical-align: top;
    margin-right: -3px;
    padding: 0px 10px;
}


.primechanie_1 {
    width: 100%;
    max-width: 500px;
    margin-top: 30px;
    position: relative
}

.primechanie_1:before {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #000;
    position: absolute;
    top: -10px;
}

.dotted {
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    font-size: 74px;
    top: -15px;
    font-family: initial;
}

@media screen and (max-width: 768px) {
    .dotted {
        left: -10px
    }
}

.dotted span {
    font-size: 120px;
    line-height: 0;
    position: relative;
    top: 2px;
}


.hr {
    color: white;
    border: 1px solid;
}

#podval {
    padding-top: 40px;
    padding-bottom: 40px;
}

#podval .bodySection {
    font-size: 10px;
}

.sputnik {
    font: 300 21px/1.1 'Open Sans', sans-serif;
}

.sm-i {
    font-size: 10em;
    top: -150px;
    left: -6%;
    color: #007ac3;
    position: absolute;
}

.bg-i {
    font-size: 14em;
    top: -260px;
    left: 40%;
    color: #007ac3;
    position: absolute;
}

@media screen and (max-width: 768px) {
    .sm-i {
        top: -180px
    }

    .InfoSet .NonBG.width-100per {
        width: 100%
    }

    .InfoSet .width-100per .Important i {
        float: none;
        display: block;
    }

    .same_block.h400 {
        display: none
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .text {
        margin-top: 10px
    }
}

.mr-top-10 {
    margin-top: 10px
}

.mr-top-15 {
    margin-top: 15px
}

.vtop img {
    width: 80%
}

.shag-1, .shag-2, .shag-3 {
    text-align: center;
    margin: 20px
}

.shag-1 img {
    width: 80%;
}

.shag-2 img {
    width: 50%;
}

.shag-3 img {
    width: 55%;
}

.shag-all {
    position: relative;
    margin-bottom: 10px;
}

.margin-left-20 {
    margin-left: 20px
}

.bold-blue {
    color: #037ac3;
    font-weight: bold;
}

.all-margin {
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.p-bold-400 {
    font-weight: bold;
    max-width: 401px
}

.documentBox .ico {
    color: #2688cf;
}

.documentBox a .ico {
    color: #fff;
}

.text-decoration-none {
    text-decoration: none;
}

.hh2 {
    font: 700 18px/1.0 'Cuprum', sans-serif;
    text-transform: uppercase;
}

.polit2 {
    display: flex;

    margin-right: 15px;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #00a2ff;
    color: #fff;
}

.fl-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.font-size-18 {
    font-size: 18px
}

.display-flex {
    display: flex;
}

.text-transform-uppercase {
    text-transform: uppercase
}

.width-100 {
    width: 100%;
}


.history4 {
    font: 700 16px/1.0 'Cuprum', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 378.5px;
}


.history3 {
    font: 700 16px/1.0 'Cuprum', sans-serif;
    text-transform: lowercase;
    font-weight: bold;
    width: 378.5px;
}

.history2 {
    font: 700 16px/1.0 'Cuprum', sans-serif;
    text-transform: lowercase;
    font-weight: bold;
    width: 378.5px;
}

.history1 {
    font: 700 16px/1.0 'Cuprum', sans-serif;
    text-transform: lowercase;
    font-weight: bold;
    width: 25% !important;
}

.zag-h {
    margin: 0;
    font-size: 13px;
    text-align: center;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.color-007ac3 {
    color: #007ac3;
}


.slick-prev, .slick-next {
    z-index: 2
}


.main-user-consent-request-popup-text {
    overflow: auto
}

.formWrap .CONSENT label {
    color: #2688cf;
    text-decoration: underline;
}


@media (max-width: 1024px) {
    .bodySection .Opis {
        padding-bottom: 15px
    }
}


/* EDITS 02.03.2021 */
@media (max-width: 600px) {
    .trf.accordion .accordionSection {
        padding: 15px 0px;
    }

    .trf.accordion .accordionSection .tariff-card, .trf.accordion .accordionSection .tariff-card__details {
        width: 100%
    }

    .tariff-card__main .tariff-card__text.tariff-card__text_hidden-right {
        max-width: 120px
    }

    .tariff-card__btn_small {
        text-align: center;
    }
}

.mobilContent {
    display: none;
}

@media (max-width: 768px) {
    .mobilContent {
        display: block;
    }
}


.tariff-card__name.tariff-card_small span {
    display: block
}


/* EDITS 12.02.2021 */
.topPersonal .submitIcoBtn input {
    font-size: 12px;
}

.sestionNav .before_class2,
.sestionNav .before_class,
.sestionNav .after_class,
.sestionNav .after_class2 {
    display: none;
}

@media screen and (min-width: 1025px) {
    .sestionNav {
        height: 100vh;
        padding: 0;
    }

    .sestionNav .nav_scroll {
        height: 100%;
    }

    .sestionNav .nav_scroll {
        padding-top: calc((100vh - 540px) / 2);
        padding-bottom: calc((100vh - 540px) / 2);
    }

    .sestionNav::before,
    .sestionNav::after {
        height: calc((100vh - 540px) / 2);
        left: 0;
    }

    .sestionNav::before {
        top: 0;
        bottom: auto;
    }

    .sestionNav::after {
        top: auto;
        bottom: 0;
    }

    .mainPage .sestionNav .nav_scroll {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .sestionNav .nav_scroll {
        flex-direction: row;
        height: 100%;
        overflow: unset;
    }
}

.sestionNav .sectionIco {
    position: relative;
}

@media (max-width: 1024px) {
    .sestionNav div {
        flex-grow: 1;
    }

    .sestionNav .sectionIco {
        width: 100%;
        height: 100%;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 0;
    }
}

.sestionNav .sectionIco:before {
    line-height: 1;
}

.sestionNav .ico189:before,
.sestionNav .ico190:before {
    font-family: sans-serif !important;
}

@media screen and (min-width: 1025px) {
    .sestionNav .sectionIco {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sestionNav .sectionIco:hover:before {
        background-color: #fff !important;
        color: #007ac3 !important;
    }

    .sestionNav .sectionIco:after {
        content: none;
    }

    .sestionNav .sectionIco:before {
        position: static;
        background-color: #00a2ff;
        border-radius: 50%;
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 10px !important;
        transition: background-color 0.3s, color 0.3s;
    }

    .sestionNav .sectionIco.main_menu_elem:before {
        width: 80px;
        min-width: 80px;
        height: 80px;
        min-height: 80px;
    }
}

.modalContent {
    display: block;
}

.modalContent .copy_form {
    display: flex;
}

.modalContent .copy_form .change_text {
    width: 100%;
}

.modalContent .copy_form .custom_submit {
    height: auto;
}

@media (max-width: 500px) {
    .main_slick {
        overflow: hidden;
    }
}

.servicePage {
    overflow: hidden;
}

/* Оборудование */
#page-oborudovanie .bodySection .InfoSet {
    width: 100%;
    display: flex;
}

#page-oborudovanie .custom_block_obor .Blue {
    flex-grow: 1;
}

#page-oborudovanie .InfoSet .NonBG {
    padding-bottom: 0;
    padding-right: 0;
}

#page-oborudovanie .NonBG.White {
    padding: 25px 20px;
}

.frame_blc {
    padding-bottom: 60%;
}

@media (max-width: 900px) {
    #page-oborudovanie .InfoSet {
        flex-direction: column;
    }

    #page-oborudovanie .InfoSet .NonBG {
        width: auto;
        flex-grow: 1;
    }

    #page-oborudovanie .custom_block_obor {
        width: 100%;
    }

    #page-oborudovanie .custom_block_obor .White,
    #page-oborudovanie .custom_block_obor .Blue {
        width: 100%;
    }

    #page-oborudovanie .InfoSet .NonBG {
        padding: 0;
        margin-top: 25px;
    }

    #page-oborudovanie .NonBG.White {
        padding: 25px 20px;
        margin: 0;
    }

    #page-oborudovanie .topBox .name {
        width: 100%;
        padding: 0 0 0 20px;
    }
}

@media (max-width: 768px) {
    #page-oborudovanie .topBox {
        margin-bottom: 15px;
    }
}

@media (max-width: 1250px) {


    #ustanovka .InfoSet .same_block {
        width: 100% !important;
        max-width: 100px !important;
    }

    #ustanovka .InfoSet .same_block img {
        width: 100%;
        display: block !important;
    }

    #ustanovka .InfoSet .same_block.shag-2 img {
        width: 80%;
    }

    #ustanovka .InfoSet .same_block.shag-3 img {
        width: 70%;
    }

    #ustanovka .InfoSet .desk {
        display: none !important;
    }

    #ustanovka .InfoSet .mob {
        display: block !important;
    }
}

@media (max-width: 900px) {
    #ustanovka .InfoSet .same_block {
        margin: 0 0 20px !important;
    }
}

/* Тарифы */
@media (min-width: 801px) {
    .tariff-card__info {
        height: auto;
        min-height: 380px;
    }

    .tariff-card__details {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .tariff-card__row {
        flex-grow: 1;
    }
}

.tariff-card__link {
    margin-top: 10px;
    display: inline-block;
}

.tariff-card__link:hover {
    text-decoration: none;
}

.tariff-card__accordions {
    margin-top: 10px;
    border-top: 1px solid #009eff;
    padding-top: 10px;
}

.tariff-card-accordion:not(:last-of-type) {
    margin-bottom: 10px;
}

.tariff-card-accordion__button {
    display: flex;
    align-items: center;
}

.tariff-card-accordion__button:before {
    content: "+";
    font-size: 24px;
    color: #009eff;
    margin-right: 10px;
    width: 16px;
    min-width: 16px;
}

.tariff-card-accordion__title {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
}

.tariff-card-accordion__text {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin: 0;
    line-height: 1.2;
}

.tariff-card-accordion__content {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease;
}

.tariff-card-accordion__content .tariff-card__text {
    flex-wrap: wrap;
    margin: 5px 0;
}

.tariff-card_small.tariff-card__text.tariff-card__row {
    flex-wrap: wrap;
    margin: 5px 0;
}

.tariff-card__details .tariff-card__text.tariff-card__row{    margin-top: 25px;}



.tariff-card-accordion__content .tariff-card__column {
    width: 50%;
    margin: 5px 0;
}

.tariff-card__value-description.w65 {
    display: inline-flex;
}

.tariff-card_small .tariff-card__value.besk {
    font-size: 24px;
}

.tariff-card-accordion.active .tariff-card-accordion__button:before {
    content: "-";
}

.tariff-card-accordion.active .tariff-card-accordion__content {
    max-height: 500px;
}

.blue-text {
    color: #009eff !important;
}

@media (max-width: 800px) {
    .tariff-card__info {
        height: auto;
    }

    .tariff-card__text.tariff-card__text_hidden-right {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .tariff-card__column {
        align-items: unset;
    }
}

@media (min-width: 801px) and (max-width: 1170px) {
    .tariff-card__bg {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
    }

    .tariff-card__bg .card-icon {
        top: 0px !important;
        left: auto !important;
        width: 52px !important;
        height: 52px !important;
        right: 0px !important;
    }
}

/* Частным лицам */
@media (max-width: 1024px) {
    .bodySection .Opis {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .bodySection .Opis div {
        min-width: auto;
        max-width: none;
        margin: 0 !important;
        width: 25%;
    }
}

@media (max-width: 600px) {
    .bodySection .Opis div {
        width: 50%;
    }
}

/* Другое */
.size12px {
    font-size: 12px;
}

/* Модалка фикс */
.modal {
    text-align: center;
}

.modal::before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.modal .modalContent,
.modal .modalContent2 {
    text-align: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    transform: unset;
}

.grid_item {
    display: flex;
    flex-wrap: wrap;
}

.grid_item .block-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.grid_item .block-item > p {
    flex-grow: 1;
}

.grid_item .block-item a.midButton {
    margin: 0 0 0 auto;
}

@media (max-width: 800px) {
    .grid_item {
        flex-direction: column;
    }

    .grid_item .block-item-main {
        width: 100%;
    }
}

.reset-ol {
    margin: 0;
    padding: 0 0 0 15px;
}

.scroll {
    overflow: auto;
}

.scroll__icon {
    display: none;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    fill: #007ac3;
}

@media screen and (max-width: 767px) {
    .scroll.scroll--modal {
        margin: 0 -30px 0 -25px;
    }

    .scroll__icon {
        margin: 0 0 10px auto;
        display: flex;
    }
}

/*tariffs-table*/
.tariffs-table {
    margin: 0 0 20px 0;
    width: 100%;
}

.tariffs-table thead tr td {
    padding: 5px;
    min-width: 100px;
    border-top: none;
    vertical-align: bottom;
    text-align: center;
    color: #314553;
}

.tariffs-table thead tr td:first-child {
    min-width: 240px;
}

.tariffs-table tbody tr td {
    padding: 5px;
    border-top: 5px solid #ffffff;
    background-color: #e6e9ea;
    vertical-align: center;
    text-align: center;
}

.tariffs-table tbody tr:first-child td {
    border-top: none;
}

.tariffs-table tbody tr:first-child td:first-child {
    border-radius: 6px 0 0 0;
}

.tariffs-table tbody tr:first-child td:last-child {
    border-radius: 0 6px 0 0;
}

.tariffs-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}

.tariffs-table tbody tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.tariffs-table tbody tr td:nth-child(1) {
    background: #007ac3;
    color: #ffffff;
    text-align: center;
}

/*.tariffs-table tbody tr:nth-child(even) td:nth-child(1) {*/
/*    background: #193f70;*/
/*}*/

.tariffs-table tbody tr td:nth-child(2) {
    font-size: 1.25em;
    font-weight: bold;
}

/*end tariffs-table*/

.card-icon_2 {
    z-index: 3;
    top: 67px;
    left: 135px;
    max-width: 90px;
    height: 83px;
}

@media (min-width: 801px) and (max-width: 1170px) {
    .tariff-card__bg .card-icon.card-icon_2 {
        font-size: 10px;
        top: 13px !important;
        right: -10px !important;
    }
}

@media (max-width: 800px) {
    .tariff-card__bg .card-icon.card-icon_2 {
        font-size: 8px;
        top: 7px !important;
        left: 15px;
    }

    .NonBG.same_block:after {
        content: '';
        clear: both;
        display: block
    }
}

@media (min-width: 1024px) {
    .modalContent.modalContent--big {
        min-width: 900px;
    }
}

.tooltip__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
}

.tooltip__icon {
    margin: auto;
    display: flex;
    width: 32px;
    height: 32px;
    fill: #00a2ff;
}

.topPersonal.topZayavka .sectionIco:hover:before {
    color: #fff !important;
}

.topPersonal.topAuth {
    top: 73px;
}

@media (max-width: 1024px) {
    .topPersonal.topAuth {
        top: 25px;
        right: 160px;
    }

    .topPersonal.topCallback {
        right: 69px;
    }

    .topPersonal.topZayavka .sectionIco:hover:before {
        color: #007ac3 !important;
    }
}

@media (max-width: 767px) {
    .topPersonal.topCallback {
        right: 60px;
    }

    .topPersonal.topZayavka {
        right: 113px;
    }

    .topPersonal.topAuth {
        top: 15px;
    }
}

@media (max-width: 450px) {
    .topPersonal .personalIco:before {
        font: normal 22px/50px "gascom";
    }

    .topPersonal.topZayavka .sectionIco:before {
        font: normal 22px/50px "gascom";
    }

    .topPersonal .searchlIco:before {
        font: normal 22px/50px "gascom";

    }

    .tooltip__icon {
        width: 22px;
        height: 22px;
    }

    .topPersonal.topCallback {
        right: 36px;
    }

    .topPersonal.topZayavka {
        right: 100px;
    }

    .topPersonal.topAuth {
        right: 116px;
    }

    .topPersonal .sectionIco {
        width: 22px;
        margin: 0;
    }

    /*.tooltip__icon-wrapper {*/
    /*    width: 22px;*/
    /*}*/

    /*.topPersonal .sectionIco {*/
    /*    width: 22px;*/
    /*}*/
}




@media (max-width: 450px){
.tariff-card_small .tariff-card__date {
    max-width: 120px;
}
}














#page-businessaktsii .size100, #page-personalaktsiiu .size100{
 font-size: 77px !important;
    padding-top: 17px;
}


h2.text_blue {
    margin-bottom: 10px;
}


















/*new*/


.InfoSet .margin_right_ten, .InfoSet .block_left_and_right_main{width:50%}
.InfoSet.flex.main { width: 100%;}
.ten2 {margin-right: 0px !important; display: flex; padding: 15px;}
.ten2 p.upper_case_a, .ten2 h2 {
    flex-grow: 1; margin: 0px;
}

.vechnost{
font-size: 20px;
    line-height: 18px;
    max-width: 95%;
}

.tariff-card__info.info2 {
    height: auto;
    min-height: 330px;
}

.tariff-card.auto{min-height: auto;}

.tariff-card.auto .card-icon_1 {
    top: 72px;
}

@media (min-width:810px){
.card-icon_1 {
    left: 115px;
}
}

.tariff-card.auto .tariff-card__date {
    font-size: 13px;
}

.tariff-card.auto .tariff-card__price-description {
    margin-top: 4px;
}

.tariff-card__name.tariff-card_small.text2 {
   font-weight: 500;
    font-size: 15px;
    line-height: 20px;

}

.pre_main .topBox {
    margin-bottom: 15px; 
    width: 32%; 
    min-width: auto;
}

.tariff__cards.tariff-section.pre_main{margin-bottom:0px}


.main_slick.single-item3{height:auto; margin:20px 0px}
.slick-initialized .slick-slide {
    display: block;
    margin: 10px;
}

.main_slick.single-item3 .slick-next {
    right: -20px !important;
}

.main_slick.single-item3 .slick-prev {
    left: -20px !important;
}

@media (min-width:1240px){
.InfoSet.flex.main { width: 776px;}
.ten2 {width: 776px; }
}

.main_slick.single-item3 a.NINE {
   background: #fff;
    min-height: 190px;
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 10px;
}


@media screen and (max-width: 768px){
.InfoSet .margin_right_ten, .InfoSet .block_left_and_right_main {
    width: 100%;
    margin-bottom: 10px;
}
.ten2 {
    display: block;
}
}


@media screen and (max-width: 800px){
.tariff-card.auto .tariff-card__details, .tariff-card.auto .tariff-card__main{display:block}
.tariff-card.auto .tariff-card__column {
    align-items: baseline;
}

.tariff-card__info.info2 {
    height: auto;
    min-height: auto;
}

.tariff-card.auto .tariff-card__main .tariff-card__text.tariff-card__text_hidden-right {
    margin: 0px;
}
.tariff-card__name.tariff-card_small.text2{margin:0px}
.pre_main .topBox {
    width: 100%; 
}
.pre_main{padding-left: 0%;}
}

#o-kompanii .text{width:100%}
#o-kompanii .NonBG h2{font-size:28px}

#o-kompanii .InfoSet .NonBG {
    padding: 25px 20px 25px 0px;
}

#o-kompanii ol, #o-kompanii ul {
    margin: 0 0 20px 15px;
}

.shag-5 img{max-width:50%}
.shag-5{text-align:center}

#page-garantiynoe-obsluzhivanie{
    background: #e6e9ea url(../../../../../../upload/555.png) right top no-repeat;
    background-size: 400px;
}

@media (min-width:800px){
.tariff-card__main {
    min-height: 135px;
}
}


.tariff-card__info.info2 .tariff-card__price .tariff-card-description{font-weight:600}

@media screen and (min-width: 1250px) and (max-width: 1340px){
#page- .text {
    width: 100%;
}
}


#tariff h2.text_blue{padding-left:25px}
#zona_pokrytiya_new .text{width:100%}

.WHITE_POL{background:#fff; padding:10px; text-align:left; text-decoration:none; line-height:1; min-height:190px;}

.WHITE_POL h2{font: 600 18px/1.0 'Cuprum', sans-serif;
margin-bottom:10px; min-height:35px;
}

.WHITE_POL img{height:60px; margin-bottom:20px; width: auto;}

.preview_picture_user{    width: 100%;
   }

.title.user img{max-width:20px; margin-right:10px}
.title.user{display:flex}

.slick-slider .slick-track, .slick-slider .slick-list {
    margin: 0px;
}


#otzyvy-page{background: #e6e9ea url(../../../../../../upload/otzyvy.png) right top no-repeat; background-size: 375px; background-position-y: 10px;}

.preview_picture_grow{flex-grow: 1; width: 100%;
    border: 1px solid #007ec5;  margin-bottom:20px}

.text_otz{font: 500 12px/1.5 'Open Sans', sans-serif; padding:10px}
.block-item-news iframe{margin-bottom:10px}



#video .block-item-main3 .block-item-news h2.title{min-height: 70px;
    margin-bottom: 0px;
}

.date_custom{position: static;
    margin-bottom: 0px;}


.accordionTitle .info img{margin-top:-3px; margin-left:10px}

.text_blue a{text-decoration:none}

.tariff-card__title:hover {
    color: #3b4256;
}


.tariff-card__title:hover::before {
    width: 0%;
}



#otzyvy-page .grid_item .block-item > p {
    flex-grow: inherit;
}



#news .block-item-main .block-item{
    display: flex;
    flex-direction: column;
}


@media (max-width: 1200px){
.archiv_p {
    width: calc(100% - 30px);
}
}



@media (min-width: 1250px){
#ustanovka {
    padding-top: 20px !important;
}
}


a.card-icon_2 {font-size: 16px;
    text-align: center;        transform: translateY(-16%);
    left: 137px; text-decoration:none}

.tariff-card__bg {
    z-index: 9999;
}


@keyframes changeColor {
  0% {
    transform: translateY(-16%);
  }
40% {
    transform: translateY(-22%);
  }
75% {
    transform: translateY(-12%);
  }
  100% {
    transform: translateY(-16%);
  }
}

a.card-icon_2 {
  animation: changeColor 2s linear 0s infinite;
}


@media (max-width: 800px){
.tariff-card__bg a.card-icon.card-icon_2 {
    font-size: 6px;
    top: 14px !important;
    left: 11px;
    line-height: 10px;
}



@keyframes changeColor {
  0% {
    transform: translateY(-14%);
  }
40% {
    transform: translateY(-16%);
  }
75% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(-14%);
  }
}

a.card-icon_2 {
  animation: changeColor 1.5s linear 0s infinite;
}

.tariff-card .tariff-card__link {
    margin-top: 5px;
    display: block;
}
}

.pers .preview_picture{border-radius:100%; margin-bottom:20px; height:200px; width:auto}
.pers{text-align:center}


.tariff-card__details .tariff-card__text.tariff-card__row{margin-bottom:10px}

@media (min-width:1200px) and (max-width:1310px){
.White.Opis div{min-width:143px; padding:0px}
}


.block-item a.new_img_custom_right{margin-bottom:0px}



.formWrap .first_block .size12{    float: none;     width: 100%;}
.formWrap .first_block .size12:first-chlid{grid-row: 1 span;  -ms-grid-row: 1;
    -ms-grid-column: 1;}
.formWrap .first_block .size12:nth-child(2){grid-row: 2 span; -ms-grid-row-span: 2;}
.formWrap .first_block .size12:last-child{grid-row: 1 span;  -ms-grid-row: 1;
    -ms-grid-column: 1;}
.first_block .input textarea {
    height: 116px;
}

.first_block{
 display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
}

.formWrap .second_block .size11 {
    clear: both;
    float: left;
    width: 50%;
}
.second_block{position:relative}


.second_block div:last-child label{position: absolute;
    top: 50px;}


.second_block .fieldBox.size11.flex-mobile{ float: right;}

@media (max-width: 800px){
.first_block {
    display: block;
}

.formWrap .second_block .size11 {
    width: 100%;
}

#tariff h2.text_blue {
    padding-left: 0px;
}
}

.mainPage #formFooter{margin-top:60px; max-width:935px}
#formFooter .questionForm{margin-left: 10px;}


@media (min-width: 1240px){
#formFooter {
padding: 0px 20px;
max-width: 935px !important;
}
#formFooter .questionForm{margin-left: 20px;}
}


.date_custom {
    display: flex;
    align-items: end;
}

@media(max-width: 600px){

.flex-icon {
    display: flex;
    width: 100%;
    justify-content: unset;
margin-left: 5px;
}

.telegramm {
margin-left: 10px;
}
.biznes-main {
font-size: 25px;
}
.biznes-main .none {
display:block !important;
}
.biznes-main b {
font-size: 30px !important;
}
}


@media screen and (max-width: 768px){
.slick-slide.WHITE_POL img.image_main_slider{
    display: block; margin: 0px auto;
    width: auto; 
    height: 100px; margin-bottom:20px
}
.flex-mobile {
margin-right: 0 !important;
}
.blog_main {
display: unset !important;
}

.flex-mobile {
display: flex;
    flex-direction: column;
padding: 17px;
}

.flex-mobile .tariff-card {
padding:10px;
}
.text {
padding-left:0 !important;
}

.text-span {
     align-items: unset !important;
    vertical-align: top;
}

.text-span span {
font-size:15px;
}

.single-item3 .slick-slide.NINE img.image_main_slider {
    display: block; margin: 0px auto;
    width: auto; 
    height: 140px;
}

.slick-slide.NINE{
justify-content: center;
}
.slick-slide.WHITE_POL img.image_main_slider.mobile, .single-item3 .slick-slide.NINE img.image_main_slider.mobile  {
    display: none; 
}
}

.flex-mobile {
margin-right: 22px;
}

.blog_main {
display: flex;
}
@media (min-width: 1000px) and (max-width: 1450px) {
.blog_main {
flex-wrap:wrap;
}
}

.blog-p {
width: 92%;
}


.leftclass .blog .size12.vertical.w58.w100 {
    width: 100%;
}

.size12.vertical.w58.w100 img {
    margin-top: -45px;
}

.custom_block_obor{width:270px}

@media (max-width:768px){
 .InfoSet .NonBG.vsatt {
    
    padding: 25px 0px;
}
}

@media (min-width: 1025px)
body .modalContent {
    min-width: 920px !important;
}


body .White {
    width: 100%;
    float: left;
    margin: 0;
    padding: 28px;
    margin-right: 34px;
}





.leftclass #usloviya-sotrudnichestva .InfoSet {
 margin: 0 0 21px 0;
}

.leftclass .tariff-card__name.tariff-card_small {
font-size: 10.8px;
}

.leftclass .clear.blog {
  position: relative;
  width: 100%;
}

.leftclass .blog .size12.vertical.w41 {
  width: 70%;
  position: relative;
  z-index: 1;
  padding-left: 0;
}


}




#vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
    
}



@media (max-width: 1524px) {
  #vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
  
}


  
}

@media (max-width: 1150px) {
  
}
@media (max-width: 1024px) {
  
}
.ico999:hover:before {
    content: '';
    background-image: url(../../../../../../upload/wheel-white.svg);
    background-size: 47px 47px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

@media (max-width: 1330px) {

body .blog-sputnik {
    width: 65%;
}
body .leftclass .tariff-card {
     padding: 25px; 
}
body .blog-p p {
    text-align: unset;
}


#vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
   
}
}

.internet p {
width: 95%;
}


.leftclass h2.text_blue {
    margin-left: 0px; 
}
.blog-p p {
    text-align: justify;
}

.blog-p {
margin-top: 0;
}

.sssblog p {
margin: 0 0 20px 0px !important;
}

.leftclass .White p {
margin: 0 0 20px -27px;
}

.leftclass .Blue ul {
    margin: 0 0 20px 23px;
}


.leftclass .White {
width: 270px;
float:unset;
}

.leftclass .sssblog {
margin-right: 20px;
}




.leftclass .InfoSet {
    display: flex;
    align-items: baseline;
}

.bottob_blogs {
    display: flex;
    flex-direction: column;
}

.top_blogs {
    display: flex;
    flex-direction: column;
}

body .tariffs-block {
    width: 100%;
    padding: 0;
}

.blog-sputnik {
width: 55%;
}

.blogs_sputnik {
display:flex;
}
.all_block {
    width: 100%;
     padding: 0px 0px; 
}



.blog {
width: 50%;
    padding: 20px;
    justify-content: space-between;
}

.blog .size12.vertical.w41 {
  
    width: 50%;
}
.leftclass .blog .size12.vertical.w58 {
    width: 37%;
}

.White {
    width: 322px;
    float: left;
    margin: 0;
    padding: 28px;
    margin-right: 34px;
}

.text {
    padding-left: 0px;
}

.leftclass .size12.vertical.w58 {
    width: 21%;
}

.topBox-blog {
display: flex;
    flex-direction: column;
}

.accordionTitle .info img {
    height: 1em;
    width: auto;
}

.clear.blog {
display: flex;
    align-items: center;
    background: #www;
    background: #fff;
    margin-right: 10px;
}

@media(max-width: 500px){
body .blog-p p {
    text-align: unset;
}
#vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
  
}

.blog-sputnik {
    width: 100%;
}

.blogs_sputnik {
    display: unset;
}

.leftclass .InfoSet {
display:unset;
}


.leftclass .White {
    width: 100%;
}

.blog {
    width: 100%;
    padding: 20px;
    justify-content: space-between;
}

.blog-p {
    padding: 25px;
}

.blog-p p {
     width: 100%;
}

.internet {
padding: 25px;
}

.internet p {
width: 100%;
}
.leftclass .tariff__cards {
margin-bottom: 0px;
}
}

.sestionNav .ico999:hover:before {  background-image: url(../../../../../../upload/wheel-blue.svg);} 

@media(max-width: 800px){
   body .modalContent {
        min-width: 100% !important;
    }

.custom_block_obor {
    width: 100%;
}
.ico999:before {
    content: '';
    background-image: url(../../../../../../upload/wheel-white.svg);
    background-size: 47px 47px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.sestionNav .ico999:hover:before {  background-image: url(../../../../../../upload/wheel-white.svg);} 
.leftclass .clear.blog {
margin-top: 20px;
}

.show-icon {
    margin-left: 14px;
}

#chastnym .tariff-card {
    padding: 8px 15px 8px 36px;
}

body .blog-p p {
    text-align: unset;
}


#vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
    
}
 
body .blog-sputnik {
    width: 100%;
}

.blogs_sputnik {
    display: unset;
}

.leftclass .InfoSet {
display:unset;
}

.leftclass .tariff__cards {
margin-bottom: 0px;
}


.leftclass .White {
    width: 100%;
}

.blog {
    width: 100%;
    padding: 20px;
    justify-content: space-between;
}

.blog-p {
    padding: 25px;
}

.blog-p p {
     width: 100%;
}

.internet {
padding: 25px;
}

.internet p {
width: 100%;
}
}

.leftclass h1.text_blue {
     margin: 0; 
     padding-top: 40px;
}

.leftclass .title_h1 {
padding:0;
}

.leftclass .accordion .accordionSection {
    
    padding: 15px 0px;
}

.leftclass .formWrap, .tableWrap, .accordion, .documentList, .no-js .block-item {
    margin: 0 0 0px 0;
}

.internet {
    margin-top: 35px;
}

.leftclass .tariff__cards {
    margin-bottom:0;

}

.leftclass .tariff-card {
padding: 14px;
}

.leftclass #formFooter {
    padding: 0px 0px;
}
.leftclass #formFooter .questionForm {
    margin-left: 1px;
}

.size_blogs {
font-size:13px;
}

.all_block {
padding: 0px 20px;
}


body .leftclass .sssblog {
padding: 25px;
}
.leftclass .InfoSet , .InfoSet .Blue, .InfoSet  {
padding: 25px 8px;
}


.leftclass .blog {   
    padding: 28px;  
}

.texpodd {
    padding: 25px 20px !important;}

.paddingss {
 padding: 25px 20px !important;
}

#vsat {
    background: #e6e9ea url(../../../../../../images/Frame2281.png) right top no-repeat;
    background-size: 400px;
}

.text_blue.ml-25 {
    margin-top: 20px;
}

@media(max-width: 500px){
    body .hstle {
        font-size: 26px !important;
    }
}



/*@media(max-width: 500px){
body .modalContent  {
    padding-top: 120px;
}
body .H2 span {
    font-size: 18px;
}
body .H2 b {
    font-size: 20px !important;
}

}*/


.map .map-area.show {
width: 253px !important;
}



/* End */
/* /local/templates/site_main/css/preloader.css?16799853704521 */
/* /local/templates/site_main/css/mainb3t0po.css?161874966526457 */
/* /local/templates/site_main/css/font.css?1618748143933 */
/* /local/templates/site_main/css/style.css?161908987817857 */
/* /local/templates/site_main/css/mediaBoxes.css?157588087427460 */
/* /local/templates/site_main/slick/slick.css?15758808751776 */
/* /local/templates/site_main/slick/slick-theme.css?15758808753145 */
/* /local/templates/site_main/js/jquery.fancybox.min.css?157612901512795 */
/* /local/templates/site_main/components/bitrix/search.suggest.input/input_search/style.css?1575880870501 */
/* /local/templates/site_main/components/bitrix/search.page/new_search/style.css?1575880870163 */
/* /local/templates/site_main/components/simai/notificator/.default/style.css?15873824877130 */
/* /local/templates/site_main/styles.css?165596308271518 */
/* /local/templates/site_main/template_styles.css?168683086956485 */