@import url('https://fonts.googleapis.com/css?family=Lato|Roboto:400,700');

@font-face {
    font-family: 'rubl';
    src: url('/fonts/rouble-webfont.eot');
    src: url('/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rouble-webfont.woff') format('woff'),
         url('/fonts/rouble-webfont.ttf') format('truetype'),
         url('/fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
} 

.rub {font-family:'rubl';}


body{
    font-family: 'Roboto', sans-serif;
}
h1{
    font-family: 'Roboto', sans-serif;
    font-size: 46px;
    color: #fff;
    font-weight: bold;
}
h2{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #150660;
}
p{
  color: #666666;
}
.plain-text{
  font-size: 15px;
  line-height: 25px;
}
.header{
  position: relative;
  line-height: 1;
  padding-left: 65px;
  margin-bottom: 25px;
}
.header__lined::before{
  position: absolute;
  content:'';
  width: 50px;
  height: 3px;
  background-color: #05b8e5;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
}
h3{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #7b7d7f;
}
a{
  color: #150660;
  transition: all .2s ease-out;
  text-decoration: none;
}
a:hover{
  color: #1a0778;
  text-decoration: none;
}
a.button, .button{
  color: #fff;
}
.button{
  background-color: #05b8e5;
  display: inline-block;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  position: relative;
  transition: all .2s ease-out;
}
.button:hover{
  background-color:#0498bd;
}
.button:active{
  background-color: #0383a3;
}
.button__big{
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
}
.button__medium{
  height: 40px;
  line-height: 39px;
  padding: 0 40px;
  border-radius: 20px;
}
.button__small{
  font-size: 14px;
  padding: 0 30px;
  line-height: 26px;
  border-radius: 13px;
  height: 26px;
  font-weight: bold;
}
.button__border, a.button__border{
  background-color: transparent;
  border: 2px solid #c6c6c6;
  color: #c6c6c6;
}
.button__border:hover{
  color: #fff;
  border-color: #05b8e5;
  background-color: #05b8e5;
}
.button__border:active{
  border-color: #0498bd;
  background-color: #0498bd;
}
textarea{
  max-height: 500px;
  min-height: 30px;
}
/*
.modal-title{
  font-family: 'Roboto';
  color: #150660;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
.modal.fade:not(.show) .modal-dialog{
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}*/
#form__success, #form__fail{
  position:fixed;
  z-index: 1500;
  left: 50%;
  top: 20px;
  display: none;
  transform: translateX(-50%);
}
.form__button__wrapper{
  text-align: center;
}
.head-bar{
  background-color: #fff;
  padding: 25px 0 20px;
}
.head-bar a{
  color: #150660;
  text-decoration: none;
  transition: all .2s ease-out;
}
.head-bar a:hover, .head-bar a:focus{
  color: #05b8e5;
}
.head-bar a:active{
  color: #0498bd;
}
.head-bar__logo{
  line-height: 50px;
}
.head-bar__logo img{
  width: 170px;
}
.head-bar__menu{
  display: flex;
  justify-content: space-between;
  list-style: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  position: relative;
  padding:0;
  margin: 0;
}
.head-bar__menu::after{
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top:100%;
  left:0;
  background-color: #f0f0f0;
}
.head-bar__menu li{
  display: inline-block;
  position: relative;
}
.head-bar__menu li a{
  padding: 11px 25px;
}
.head-bar__menu li::after{
  content: '';
  height:0px;
  width: 100%;
  background-color: #05b8e5;
  position: absolute;
  top:100%;
  left:0;
  z-index: 100;
  transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.head-bar__menu li:hover::after{
  height: 2px;
}
.head-bar__menu li:active::after{
  background-color: #0498bd;
}
.head-bar__email{
  float: left;
  font-weight: bold;
  line-height: 50px;
  margin-left: 15px;
}
.head-bar__phone{
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 50px
}
.head-content{
  background: #180d5b; /* Old browsers */
  background: linear-gradient(225deg, #2b237c 0%,#180d5b 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 0 0 100px;
  position: relative;
  overflow: hidden;
}
.head-content::before, .head-content::after{
  background-image:url('img/head-content__texture.svg');
  content:'';
  position: absolute;
  width: 650px;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
  opacity: 0.13;
}
.head-content::before{
  top: 0;
  left: 35%;
  transform: translate(-50%, -30%);
}
.head-content::after{
  top: 10%;
  right: 0;
  transform: scale(1, -1) translate(40%, 0%);
}
.head-content .container{
  position: relative;
  z-index: 100;
}
.head-content__text{
  color: #fff;
  padding-top: 120px;
  position:relative;
  z-index: 100;
}
.head-content__text h1{
  text-transform: uppercase;
}
.head-content__text p{
  font-size: 18px;
  color: #fff;
}
.head-content__text__button{
  margin-top: 50px;
}
.head-content__text__button::before{
  box-sizing: border-box;
  width: 220px;
  height: 70px;
  content: '';
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 35px;
  border: 3px solid #00a8ec4D;
  transition: all .2s ease-out;
}
.head-content__text__button:hover::before{
  width: 200px;
  height: 50px;
  border: 0px solid #00a8ec33;
}
.head-content__text__button::after{
  width:220px;
  height: 70px;
  content:'';
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.head-content__text__wrapper{
  min-height: 460px;
}
.head-content__image{
  width: 1000px;
  min-height: 460px;
  float:right;
  position:relative;
  z-index: 10;
}
.round-wrapper{
  padding-bottom: 30px;
  position: relative;
  z-index: 100;
}
.short-tarif{
  position:relative;
  display: flex;
  justify-content: space-between;
  margin-top: -100px;
}
.short-tarif__card{
  width: 340px;
  padding: 30px 20px 30px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}
.short-tarif__card__icon{
  width: 80px;
  display: inline-block;
}
.short-tarif__card__name{
  color: #05b8e5;
  margin: 20px 0 40px;
}
.short-tarif__card__name::after{
  display:block;
  position: relative;
  width: 50px;
  height:3px;
  background-color: #05b8e5;
  content: '';
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.short-tarif__card__name p{
  margin:0;
  line-height: 1;
  padding:0;
}
.short-tarif__card__name span{
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.4;
}
.short-tarif__card__desc{
  color: #666666;
  text-align: center;
  padding:0;
  margin:0;
  list-style: none;
}
.short-tarif__card__desc b{
  color: #05b8e5;
}
.short-tarif__card__desc li{
  padding: 5px 0 5px 0;
  position: relative;
}
/*
.short-tarif__card__desc li::before{
  content: '';
  position: absolute;
  display: none;
  left:0;
  top: 9px;
  width: 18px;
  height: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}*/
.short-tarif__desc__button{
  margin-top: 20px;
}
.about{
  margin-top: 50px;
}
.about__text{
  margin-top: 40px;
}
.advantages{
  margin-top: 40px;
}
.advantages__list{
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.advantages__list__block{
  width: 15%;
}
.advantages__list__block__image{
  height: 70px;
  margin-bottom: 40px;
}
.advantages__list__block__name{
  font-weight: bold;
  line-height: 20px;
  color: #333333;
  position: relative;
}
.advantages__list__block__name::before{
  content:'';
  width: 25px;
  height: 2px;
  background-color: #05b8e5;
  display: block;
  position: absolute;
  top: -20px;
  left:0;
}
.services-wrapper{
  background-color: #f0f3f6;
  padding: 70px 0 ;
  background-image: url('img/services__texture.svg');
  background-size: 120%;
  background-position: center;
}
.services_list > div{
  position: relative;
}
.services__list__block__wrapper{
  width: 100%;
  height: 120px;
  position: relative;
}
.services__list__block{
  position: absolute;
  top:0;
  left:0px;
  right: 15px;
  width: 100%;
  background-color: #fff;
  min-height: 100px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  transition: box-shadow .2s ease-out;
}
.opened{
  z-index: 100;
}
.services__list__block.opened, .services__list__block:hover{
  z-index: 100;
  box-shadow: 0px 3px 29px 0px rgba(199, 201, 201, 0.2);
}
.services__list__block:hover{
  box-shadow: 0px 3px 29px 0px rgba(199, 201, 201, 0.4);
}
.services__list__trigger{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  height: 75px;
  padding: 27px 25px 0;
}
.services__list__block__image{
  height: 32px;
  width: 40px;
  fill: #14055c;
}
.services__list__block__name{
  color: #14055c;
  font-weight: bold;
  margin:0;
  width: calc(100% - 40px - 22px);
  padding: 0 15px;
}
.services__list__block__button{
  display: block;
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  border: 2px solid #14055c;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
}
.services__list__block__button::before{
  content: '-';
}

.services__list__trigger.collapsed .services__list__block__button::before{
  content: '+';
}
.services__list__block__description{
  width: 100%;
  text-align: center;
  padding:  0 25px 0 ;
}
.services__list__block__description.collapsing{
  /* transition-duration: 5s; */
}
.services__list__block__description{
  padding-bottom: 10px; 
  transition: all .35s ease;
  /* transition-property: all; */
}
.services__list__block__description__list{
  color: #666666;
  text-align: left;
  padding:0 0 0 10px;
  margin:15px 0 0 0;
  list-style: none;
  font-size: 14px;
}
.services__list__block__description__list li{
  padding: 5px 0 5px 25px;
  position: relative;
}
.services__list__block__description__list li::before{
  content: '';
  position: absolute;
  display: block;
  left:0;
  top: 8px;
  width: 14px;
  height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.services__list__block__description__button{
  margin: 20px auto 0;
}
.tarif-wrapper{
  padding: 70px 0 40px;
}
.tarif__list{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}
.tarif__list a{
  text-align: center;
  flex-grow: 1;
  font-size: 18px;
  font-weight: bold;
  color: #150660;
  padding: 15px 0;
  background-color: #e5e8eb;
}
.tarif__list a.active{
  background-color: #150660;
  color: #fff;
}
.tarif__content{
  background-color: #fafafa;
}
.tarif__content div:not(.active){
  display: none;
}
.tarif__content div p{
  padding: 35px 50px;
}
.tarif__content div{

}
.tarif__content__table{
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  display: table;
}
.tarif__content__table td{
  padding: 6px;
  border: 1px solid #e6e6e6;
}
.tarif__content__table tr:nth-child(2n+1){
  background-color: #fff;
}
.tarif__content__table .discount{
  color: #ec0000;
  font-size: 1.1em;
}
.tarif__content__table tr:nth-child(1), .tarif__content__table tr:nth-child(2){
  background-color: #05b8e5;
  color: #fff;
  border-color: #fff;
  font-size: 18px;
}
.calculator-wrapper{
  padding: 30px 0;
}
#calculator__form > div{
  margin-top: 20px;
}
.calculator__group{
  display: flex;
  justify-content: space-between;
}
.calculator__group__range{
  width: 80%;
}
.calculator__group__amount::-webkit-outer-spin-button,
.calculator__group__amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.calculator__group__amount::-moz-outer-spin-button,
.calculator__group__amount::-moz-inner-spin-button {
    -webkit-appearance: none;
}
.calculator__bottom__tarif > div{
  margin-top: 5px;
}
.calculator__group__amount{
   width: 10%;
   min-width: 35px;
   border: 1px solid #d3dbe2;
   padding: 4px;
   border-radius: 5px;
   outline: none;
   transition: all .2s ease-out;
   -moz-appearance:textfield;
}
.calculator__group__amount:focus{
  border-color: #05b8e5;
  box-shadow: 0 0 5px #05b8e533;
}
.calculator__group__range::-webkit-slider-thumb{
  background-color: #150660;
  cursor:pointer;
}
.calculator__group__range::-moz-range-thumb{
  background-color: #150660;
  cursor:pointer;
}
.calculator__group__range::-webkit-slider-thumb:hover{
  background-color: #05b8e5;
}
.calculator__group__range::-moz-range-thumb:hover{
  background-color: #05b8e5;
}
.calculator__group__range::-webkit-slider-thumb:active{
  background-color: #0498bd;
}
.calculator__group__range::-moz-range-thumb:active{
  background-color: #0498bd;
}
.calculator__bottom{
  display:flex;
  justify-content: space-between;
  /* align-items: center; */
}
.calculator__bottom__result span:first-child{
  font-weight: bold;
  color: #150660;
  font-size: 20px;
  display:inline-block;
  vertical-align: middle;
}
.calculator__bottom__result span:last-child{
  color: #05b8e5;
  font-weight: bold;
  font-size: 36px;
  display:inline-block;
  vertical-align: middle;
  margin-left: 0px;
}
.custom-control-label{
  cursor: pointer;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
  background-color:#05b8e5;
}
.custom-control-input:active~.custom-control-label::before{
  background-color: #aceeff;
}


/* 5 шагов */
.steps-wrapper{
  background-image: url('img/steps__bg.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #22216f;
}
.steps__header__wrapper{
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.steps__header{
  color: #fff;
}
.steps{
  padding:30px 0;
  position: relative;
  height: 500px;
}
.steps__image{
  background-image: url('img/steps__image.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 840px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.steps__block{
  color: #fff;
  position: absolute;
}
.steps__block:nth-of-type(1){
  top: 115px;
  left:-25px;
}
.steps__block:nth-of-type(2){
  top: 260px;
  left: 140px;
}
.steps__block:nth-of-type(3){
  top: 340px;
  left: 480px;
}
.steps__block:nth-of-type(4){
  top: 270px;
  left: 820px;
}
.steps__block:nth-of-type(5){
  top: 115px;
  right: -20px;
}
.steps__block__count, .steps__block__desc{
  display: inline-block;
  font-weight: bold;
}
.steps__block__count{
  font-size: 77px;
}
.steps__block__desc{
  font-size: 16px;
}
.problems-wrapper{
  background-color: #05b8e5;
}
.problems{
  position: relative;
  height: 260px;
  padding: 20px 0;
}
.problems__header{
  font-size: 38px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.problems__desc{
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
}
.problems__phone{
  background-image: url('img/problems__image.png');
  width: 700px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position:  bottom center;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}
.problems__phone a{
  position:absolute;
  bottom: 0;
  left:50%;
  color: #05b8e5;
  font-size: 52px;
  font-weight: bold;
  transform: translateX(-50%);
}
.problems__phone a:hover{
  color: #0498bd;
}
.problems__phone a:active{
  color: #0383a3;
}
.comparsion-wrapper{
  background-color: #f0f3f6;
}
.comparsion{
  padding: 40px 0;
  position: relative;
}
.comparsion::before{
  position: absolute;
  z-index: 10;
  content:'';
  width: 500px;
  height: 550px;
  display: block;
  background-image: url("img/comparsion__bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 50%;
  top: 40%;
  transform: translateX(-50%);
}
.comparsion__content{
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}
.comparsion_content__block{
  background-color: #fff;
  width: 430px;
  padding: 30px;
}
.comparsion__content__block__header{
  color: #05b8e5;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.comparsion__content__vs{
  align-self: center;
  font-size: 72px;
  color: #14055c;
  font-weight: bold;
}
.comparsion__content__block__list{
    color: #333;
    text-align: left;
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}
.comparsion__content__block__list li{
  position: relative;
  padding: 7px 0 7px 35px;
  font-size: 20px;
}
.comparsion__content__block__list li::before{
  content: '';
  position: absolute;
  display: block;
  left:0;
  top: 12px;
  width: 18px;
  height: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.comparsion__content__block__list.cross li:not(.check)::before{
  width: 18px;
  height: 18px;
  top: 13px;
}
.comparsion__button__wrapper{
  margin-top: 50px;
  text-align: center;
  position: relative;
  z-index: 100;
}
.level-wrapper{
  background-color: #150660;
}
.level{
  padding: 70px 0 110px;
}
.level__header{
  color: #fff;
}
.level__content{
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.level__content__desc{
  width: 380px;
  color: #fff;
}
.level__content__list{
  display: flex;
  justify-content: space-between;
  width: 600px;
  margin-top: -40px;
}
.level__content__list__block{
  width: 170px;
  height: 170px;
  border-radius: 50%;
  position: relative;
  z-index: 70;
  background-color: #ffffff1a;
}
.level__content__list__block::before, .level__content__list__block::after{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content:'';
  border-radius: 50%;
}
.level__content__list__block::before{
  width: 140px;
  height: 140px;
  background-color: #ffffff;
}
.level__content__list__block::after{
  width: 120px;
  height: 120px;
  background: -moz-linear-gradient(-90deg, rgba(20,5,92,1) 0%, rgba(5,184,229,1) 100%); /* ff3.6+ */
  background: -webkit-linear-gradient(-90deg, rgba(20,5,92,1) 0%, rgba(5,184,229,1) 100%); /* safari5.1+,chrome10+ */
  background: linear-gradient(-180deg, rgba(20,5,92,1) 0%, rgba(5,184,229,1) 100%); /* w3c */
}
.level__content__list__block__wrapper{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 150;
  background-color: #fff;
  transform: translate(-50%, -50%);
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
}
.level__content__list__block__wrapper span{
  font-size: 40px;
  font-weight: bold;
  color: #150660;
  line-height: 1;
}
.level__content__list__block__wrapper span i{
  font-size: 22px;
  line-height: 1;
  font-style: normal;
  display: block;
}
.level__content__list__block__desc{
  color: #fff;
  font-size: 20px;
  text-align:center;
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
}
.why-wrapper{
  background-color: #f0f3f6;
}
.why{
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.why__content{
  width: 55%;
  padding: 60px 0;
}
.why__content__button{
  margin-top: 20px;
}
.why__image{
  background-image: url('img/why__image.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  height: 400px;
  width: 40%
}
.contacts{
  max-width: 1140px;
  display: flex;
  margin: 0 auto;
}
.contacts__content{
  padding: 50px 30px 50px 0;
  width: 25%;
}
.contacts__content__phone{
  color: #150660;
  font-size: 24px;
  font-weight: bold;
}
.contacts__content__phone:hover{
  color: #05b8e5;
}
.contacts__content__phone:active{
  color: #0498bd;
}
.contacts__content__block{
  margin-top: 20px;
}
.contacts__content__block b{
  font-size: 18px;
  color: #150660;
  display: block;
}
.contacts__content__block p{
  margin-bottom: 0;
}
.contacts__map{
  width: 75%;
  background-color: #ccc;
}
.footer-wrapper{
  background-color: #150660;
}
.footer{
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
/* SVG */
.short-tarif__card__desc li:not(.empty)::before, .services__list__block__description__list li::before, .comparsion__content__block__list.check li::before, .comparsion__content__block__list.cross li.check::before{ /* Яркая галочка #00e9e1 */
  background-image: url("data:image/svg+xml,%3Csvg fill='%2300e9e1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='15px'%3E%3Cpath fill-rule='evenodd' d='M16.317,0.125 C15.624,0.536 14.315,1.585 12.406,3.288 C10.609,4.878 8.551,6.843 6.230,9.183 L2.207,5.665 L0.672,7.161 C3.741,10.230 5.931,12.589 7.241,14.235 C8.700,11.802 10.347,9.370 12.181,6.918 C14.015,4.485 15.718,2.557 17.327,1.135 C16.972,0.443 16.635,0.106 16.317,0.125 L16.317,0.125 Z'/%3E%3C/svg%3E");
}
.comparsion__content__block__list.cross li::before{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23707070' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 489.8 490' style='enable-background:new 0 0 489.8 490;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url%28%23SVGID_2_%29;%7D .st1%7Bclip-path:url%28%23SVGID_4_%29;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='0' y='0.1' width='489.8' height='489.9'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M417.9,71.8C371.7,25.6,310.2,0,244.8,0S117.8,25.6,71.6,71.8c-95.5,95.5-95.5,250.7,0,346.3 c46.2,46.2,107.7,71.8,173.1,71.8s126.9-25.6,173.1-71.8C513.5,322.6,513.5,167.4,417.9,71.8L417.9,71.8z M401.2,401.4 c-41.7,41.7-97.4,64.8-156.4,64.8c-59,0-114.8-23.1-156.5-64.8C46.7,359.8,23.6,304,23.6,245c0-59,23.1-114.8,64.8-156.4 c41.7-41.7,97.5-64.8,156.5-64.8s114.8,23.1,156.4,64.8C442.9,130.2,466,186,466,245C466,303.9,442.9,359.8,401.2,401.4 L401.2,401.4z M319.2,187.9l-59.6,59.6l59.6,59.6c4.5,4.5,4.5,12.2,0,16.7c-2.6,2.6-5.1,3.2-8.3,3.2c-3.2,0-5.8-1.3-8.3-3.2 l-59.7-59.6l-59.7,59.6c-2.6,2.6-5.1,3.2-8.3,3.2c-3.2,0-5.8-1.3-8.3-3.2c-4.5-4.5-4.5-12.2,0-16.7l59.6-59.6l-59.6-59.6 c-4.5-4.5-4.5-12.2,0-16.7c4.5-4.5,12.2-4.5,16.7,0l59.6,59.6l59.6-59.6c4.5-4.5,12.2-4.5,16.7,0 C323.7,175.7,323.7,182.8,319.2,187.9L319.2,187.9z M319.2,187.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.calculator__bottom__tarif {
  width: 500px;
}
.calculator__bottom__rezhim{
  margin-left: 80px
}


a.calculator__bottom__button {
  align-self: center;
}

.calculator__bottom__result {
  min-width: 220px;
  display: flex;
  flex-direction: column;
}

.calculator__bottom__result span {
  margin-right: 10px;
}

/* lg */
@media  (max-width: 1199px) {
  .head-bar__logo img{
    width: 150px;
  }
  .head-bar__phone, .head-bar__email{
    line-height: 1.2;
    float: none;
    text-align: center;
    margin: 0;
  }
  .head-bar__phone{
    font-size: 24px;
  }
  .head-content__image{
    width: 800px;
    min-height: auto;
    top: 60px;
  }
  .short-tarif__card__name span{
    font-size: 26px;
  }
  .short-tarif__card{
    width: 290px;
    padding: 30px;
  }
  .about{
    margin-top: 70px;
  }
  .about__image{
    max-width: 100%;
  }
  .about__text{
    margin-top: 0;
  }
  .advantages{
    margin-top: 60px;
  }
  .steps__block:nth-of-type(3){
    left: 400px;
  }
  .steps__block:nth-of-type(4) {
    top: 280px;
    left: 650px;
  }
  .steps__block:nth-of-type(5) {
    top: 135px;
    right: -30px;
  }
  .problems__header{
    font-size: 34px;
  }
  .comparsion_content__block{
    width: 390px;
  }
  .comparsion__content__block__list li{
    font-size: 18px;
  }
  .contacts{
    width: 960px;
  }
  .contacts__content{
    width: 40%;
  }
  .contacts__map{
    width: 60%;
  }
  .calculator__bottom__tarif {
    min-width: 230px;
    width: unset;
  }
  .calculator__bottom__rezhim {
    margin-left: 10px;
    min-width: 350px;
  }
  .calculator__bottom__result {
    min-width: 180px;
  }
}

/* md */
@media (min-width: 768px) and (max-width: 991px) {
  .head-content__text{
    padding-top: 60px;
  }
  .head-content__text__wrapper{
    min-height: 370px;
  }
  .head-content__image{
    width: 520px;
    min-height: auto;
    right: -50px;
    top: 70px;
  }
  .head-content::before, .head-content::after{
    width: 500px;
    height: 500px;
  }
  .head-content::before {
    top: -70px;
    left: 35%;
  }
  .head-content::after {
    top: -10%;
    right: 0;
  }
  .short-tarif__card{
    width: 220px;
    padding: 20px;
  }
  .short-tarif__card__name{
    margin-bottom: 30px;
  }
  .short-tarif__desc__button{
    margin-top: 0;
  }
  .short-tarif__card__name span{
    font-size: 21px;
  }
  .short-tarif__card__desc{
    font-size: 14px;
    height: 180px;
  }
  .short-tarif__card__desc li {
    padding: 5px 0 5px 0;
  }
  .short-tarif__card__icon{
    width: 70px;
  }
  .services__list__trigger{
    padding-top: 25px;
  }
  .services__list__block__description{
    padding: 0 20px 20px;
  }
  .tarif-wrapper{
    padding: 70px 0 50px;
  }
  .tarif__list a{
    font-size: 15px;
  }
  .calculator__bottom__tarif{
    max-width: 300px;
  }
  .steps__image{
    width: 650px;
  }
  .steps__block__count{
    font-size: 70px;
  }
  .steps__block__desc{
    font-size: 14px;
  }
  .steps__header__wrapper{
    top:50px;
  }
  .steps__block:nth-of-type(1) {
    top: 80px;
    left: -15px;
  }
  .steps__block:nth-of-type(2) {
    top: 200px;
    left: 90px;
  }
  .steps__block:nth-of-type(3){
    left: 280px;
    top: 250px;
  }
  .steps__block:nth-of-type(4) {
    top: 205px;
    left: 450px;
  }
  .steps__block:nth-of-type(5) {
    top: 95px;
    right: -30px;
  }
  .steps{
    height: 390px;
  }
  .problems{
    height: 280px;
  }
  .problems__phone{
    left: 50%;
    width: 550px;
    transform: translateX(-50%);
  }
  .problems__phone a{
    font-size: 45px;
  }
  .comparsion__content__block__header{
    font-size: 18px;
  }
  .comparsion__content__block__list li {
    padding: 5px 0 5px 35px;
  }
  .comparsion::before{
    display: none;
  }
  .level__content{
    flex-direction: column;
  }
  .level__content__desc, .level__content__list{
    width: 100%;
  }
  .level__content__list{
    margin: 20px 0 0 0;
  }
  .why__content {
    width: 65%;
  }
  .why__image{
    width: 35%;
  }
  .contacts{
    flex-direction: column;
    width: 100%;
  }
  .contacts-wrapper .container-fluid{
    padding:0;
  }
  .contacts__map{
    width: 100%;
  }
  .contacts__content{
    padding-bottom: 40px;
    width:720px;
    margin: 0 auto;
  }
  .calculator__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .calculator__bottom__tarif {
    min-width: 230px;
    width: unset;
  }
  .calculator__bottom__rezhim {
    min-width: unset;
    max-width: 353px;
    margin-left: 0;
  }
}

/* sm */
@media /*(min-width: 576px) and*/ (max-width: 767px) {

  .head-content__text{
    padding-top: 70px;
  }
  .head-content{
    padding-bottom: 80px;
  }
  .short-tarif{
    margin-top: 20px;
  }
  .head-content::after{
    display: none;
  }
  .head-content::before{
    left: 50%;
  }
  .short-tarif{
    flex-direction: column;
    align-items: center;
  }
  .short-tarif__card{
    width: 100%;
    margin-bottom: 30px;
  }
  .about{
    margin-top: 30px;
  }
  .about__text{
    margin-top: 30px;
  }
  .advantages__list{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .advantages__list__block{
    width: 200px;
    text-align: center;
    margin-top: 20px;
  }
  .advantages__list__block__name::before{
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
  }
  .advantages__list__block__image{
    margin-bottom: 30px;
  }
  .services-wrapper{
    padding: 50px 0 30px;
  }
  .tarif__list a{
    font-size: 14px;
  }
  .tarif__content__table tr:nth-child(1), .tarif__content__table tr:nth-child(2){
    font-size: 14px;
  }
  .tarif__content div p{
    padding: 20px 30px
  }
  .tarif__content__table{
    font-size: 14px;
  }
  .tarif-wrapper{
    padding: 50px 0 30px;
  }
  .calculator-wrapper{
    padding: 30px 0 50px;
  }
  .calculator__bottom{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .calculator__bottom__tarif{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .calculator__bottom__rezhim{
    margin-left: 0;
    margin-top: 20px;
  }
  .calculator__bottom__result, .calculator__bottom__button{
    margin-top: 20px;
  }
  .calculator__bottom__result{
    width: 220px;
    text-align: center;
  }
  .steps-wrapper{
    background: #180d5b; /* Old browsers */
    background: linear-gradient(180deg, #10307d 0%,#150660 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .steps{
    height: auto;
  }
  .steps__header__wrapper{
    position: relative;
    transform: none;
    left:0;
    top: 0;
  }
  .steps__image{
    display: none;
  }
  .steps__block__wrapper > .steps__block{
    position: relative;
    top:0;
    left:0;
    right:0;
  }
  .steps__block__count{
    font-size: 70px;
    line-height: 80px;
      vertical-align: middle;
  }
  .steps__block__desc{
    vertical-align: middle;
    margin-left: 10px;
  }
  .header__lined::before{
    width: 30px;
  }
  .header{
    padding-left: 40px;
  }
  .problems{
    height: auto;
  }
  .problems__header{
    font-size: 28px;
  }
  .problems__phone{
    background: transparent;
    position: relative;
    width: auto;
    height: auto;
  }
  .problems__phone a{
    color: #fff;
    left:0;
    top:0;
    transform: none;
    position: relative;
  }
  .problems__phone a:hover{
    color: #c8f4ff;
  }
  .comparsion__content{
    flex-direction: column;
  }
  .comparsion_content__block{
    width: 100%;
    padding: 20px;
  }
  .comparsion::before{
    display: none;
  }
  .comparsion__content__block__list{
    margin-top: 10px;
  }
  .comparsion__content__block__list li{
    font-size: 16px;
    padding: 5px 0 5px 30px;
  }
  .comparsion__button__wrapper{
    margin-top: 40px;
  }
  .level{
    padding:50px 0;
  }
  .level__content{
    flex-direction: column;
  }
  .level__content__list{
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-around;
    width: auto;
  }
  .level__content__list__block{
    margin: 30px 10px;
  }
  .level__content__list__block:nth-child(3){
    margin-top: 50px;
  }
  .why__image{
    display: none;
  }
  .why__content{
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
  }
  .why__header, .why__content__desc{
    text-align: left;
  }
  .contacts-wrapper .container-fluid{
    padding:0;
  }
  .contacts{
    flex-direction: column;
    max-width: 100%;
  }
  .contacts__content{
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .contacts__map{
    width: 100%;
    height: 400px;
  }
}
@media (max-width: 480px) {
  .tarif__list{
    flex-direction: column;
  }
  .comparsion__button{
    padding: 0 10px;
    font-size: 14px;
  }
  .head-content__text{
    text-align: center;
  }
  .tarif__content div p{
    padding: 20px;
  }
}

/* xs */
@media (max-width: 420px) {
  .head-content__text h1{
    font-size: 34px;
  }
  .head-content__text p{
    font-size: 16px;
  }
  .head-bar__phone{
    font-size: 24px;
  }
  .head-bar__email{
    font-size: 14px;
  }
  .comparsion__content__block__header{
    font-size: 18px;
  }
  .head-bar__logo img{
    width: 140px;
  }
}
.checkbox-google input[type=checkbox]:checked + .checkbox-google-switch {
  background: #05b8e5;
}
.popup.show{
  z-index: 3000;
  display: block!important;
}

.info-bottom a,.info-bottom a:hover{
  color: #fff;
  text-decoration: none;
}
.info-bottom{
  line-height: 20px;
  margin-bottom: 0;
  font-size: 16px;
  padding-bottom: 10px;
}

.r52-a-cookies.active{
    z-index: 9999;
}
.r52-a-cookies__body p{
  color: white;
}
.r52-a-cookies__btn:hover{
      border-color: #05b8e5;
    background-color: #05b8e5;
}