@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');
*{font-family: "Roboto";}

.flex{display: flex;}
.justify-between{justify-content: space-between;}

.header{
    min-height: 130px;
    background-color: #464646;
    position: sticky;
z-index: 999;
top: 0;
}
.discount{font-size: 18px;font-weight: bold;}
.menu>a{color: #fff;font-size: 16px;font-weight: bold;}
.menu{display: flex;justify-content: space-around;}
.main_phone a{color: #fff;font-size: 29px;font-weight: bold;}
.languages{color: #fff;font-size: 16px;}
.promo{min-height: 20px;
background-color: #e00;
font-size: 22px;
line-height: 20px;
color: #fff;
padding: 20px;
margin: 10px 0px;
text-align: center;
position: sticky;
top: 130px;
z-index: 2;}
.old_price{text-decoration: line-through;}
.header_button {
	background-color:#00a9d3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:6px 10px;
	text-decoration:none;
        text-transform: uppercase;
        padding-top: 7px;
        min-width: 160px;
}
.header_button:hover {
	background-color:#1dc2eb;
        color:#ffffff;
	font-size:14px;
}
.header_button:active {
	position:relative;
	top:1px;
}
.padding-0{padding: 0px !important;}
.margin-top-10{margin-top: 10px !important;}
.margin-bottom-10{margin-bottom: 10px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}

.margin-bottom-60{margin-bottom: 60px !important;}

h1,h2{font-size: 48px;font-weight: bold; background-color: #FFC700;padding: 20px 30px;color: #3C3C3C;max-width: 595px;margin: 30px auto;}
.tariff{-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border: 1px solid #FFC700;margin-bottom: 30px;}
.tariff-img{margin: 15px auto;}
.tariff-header{font-size: 24px;font-weight: bold; margin-bottom: 10px;}
.tariff-header>span{color: #ACACAC;}
.tariff-header>span.sq{font-size: 16px;
top: -10px;
position: relative;}
.tariff-params{font-size: 18px;padding: 2px 25px;}
.tariff-month{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background-color:#fff; 
border-radius: 20px;border: 1px solid #FFC700;
font-size: 18px;font-weight: bold;padding: 3px 12px;color: #000;
min-width: 80px;
margin: 10px 10px 0px 0px;
text-align: center;display: inline-block;}
.tariff-month.active{
background-color:#FFC700;}
.tariff-price{color: #00A8D3;font-size: 30px;font-weight: bold;margin-left: 10px;}
.tariff-price>span{color: #ACACAC;font-size: 24px;font-weight: normal;}

.tarrif-button {
	background-color:#00a9d3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:18px;
        font-weight: bold;
	padding:6px 12px;
	text-decoration:none;
        text-transform: uppercase;
        padding-top: 7px;
        border: 0px;
        
}
.tarrif-button:hover {
	background-color:#1dc2eb;
        color:#ffffff;
}
.tarrif-button:active {
	position:relative;
	top:1px;
}
.tariff-price-row{display: flex;align-items: center;justify-content: space-around;min-height: 85px;padding: 0px 10px;}
.consultation>.box{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color:#FFC700; 
border-radius: 10px;    
max-width: 800px;
display: flex;align-items: center;
justify-content: space-around;
padding: 15px 10px;
}
.consultation{text-align: -moz-center;}
.consultation>.box{min-height: 80px;flex-wrap: wrap;}
.consultation>.box>.text{font-size: 18px;color: #464646;}
input{font-size: 16px;    padding: 7px 12px;
    background-color: #fff;
min-width: 150px;

 border-width:1px; border-color:#cccccc; border-style:solid;   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;    
}
.calculator>.month{display: flex;flex-wrap: wrap;}
.calculator>.month>button{margin: 5px 10px;
min-width: 94px;}
.save-icons{
    
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 10px 50px 10px;
}
.icon{
   width: 175px;
   height: 175px;
    text-align: center;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color:#fff; 
border-radius: 10px;border: 1px solid #FFDA00;
font-size: 18px;font-weight: bold;padding: 21px 12px;
margin-bottom: 30px;
}
.icon>img{margin-bottom: 10px}
.stages{margin-bottom: 20px;}
.stages>.number{font-size: 96px;}
.stages>.text{font-size: 24px;padding-left: 45px;}
.stages>div>.icon{width: 140px;
   height: 140px;}
ul>li{
font-size: 16px;font-weight: normal;
list-style:disc;
}
.coral{color: coral;}
ul.faq>li{list-style-image: url('../img/li-arrow.png');margin: 10px 10px;}
ul.faq>li>a{top: -6px;position: relative;text-align: left;font-weight: bold;font-size: 18px;list-style-image: url('../img/li-arrow.png');}
footer{display: flex;align-items: center;background-color: #464646;min-height: 115px;}
.copyrights{font-size: 18px;color: #fff;margin-left: 50px;}
.col-20{width: 20%;}
@media (max-width: 767px) {
    .tariff{flex-direction: column;}
    .col-20{width: 50%;}
    .consultation>.box>span{margin-bottom: 10px;}
    h1, h2 {
    font-size: 40px;}
    
}
@media screen and (min-width: 768px) and (max-width: 1000px){
    .col-20{width: 30%;}
    
    
}
@media (min-width: 1024px) {
     .tariff-header{min-width: 280px;}   
 .modal-content { width: 40%;}
.desc-flex-valign{
display: flex;
margin: auto;
align-items: center;
}}
@media (max-width: 1023px) {
    .lang_selector{
margin-top: 16px;
}
.modal-content {width: 90%;}
}
@media (max-width: 1199px) {
.logo{height: 40px;}
.main_phone a{font-size: 22px;}

}

.tariff-title {
    font-size: 24px;
    font-weight: bold;
    color: #00A9D3;
    padding: 10px;
}
.set_tariff{min-height: 390px;}
.lang_selector{background-color: #464646;border: 0px;color: #fff;}
.popup-form {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.97);
  transition: opacity 500ms;
  z-index: 999;

}
.modal-content {
  background-color: #fefefe;
  
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 0px;
   /* Could be more or less, depending on screen size */
  display: flex;
flex-direction: column;
}
.slick-next {
    right: 0px !important;
}
.slick-prev {
    left: 0px !important;
}
.warning{border-color: #f00 !important;}
.faqdesc {
    margin-left: 30px;
}