body{font-family:"Roboto",sans-serif;
font-display: auto;
color:#424242;
font-size:14px}
img.respinsive_images{max-width:100%;
height:auto}
.btn{background:#ffce23;
color:#222;
padding:10px 20px;
border:none;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.btn:hover,.btn:active{background:#fff3a4;
color:#222}
header{background:#fff;
display:inline-block;
width:100%;
float:left;
padding-top:5px;
height:62px;
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:100;
border-bottom:2px solid #d1dde1;
font-weight: bold;
}
@media only screen and (max-width: 1024px){header{position:fixed;
top:0px;
left:0px;
right:0px;
z-index:99}
}
@media only screen and (min-width: 1600px){header .container{width:1440px}
}
header .container div{display:inline-block;
float:left}
header .container div.logo img{height:55px;
width:auto}
header .container div.menu ul{display:inline-block;
padding:0px;
margin:0px}
header .container div.menu ul li{display:inline-block;
float:left;
line-height:50px}
header .container div.menu ul li a{color:#424242;
padding:0 10px}
@media only screen and (max-width: 1024px){header .container div.menu{display:none}
}
header .container div.action{float:right;
margin-top:5px}
header .container div.action .top_info{display:inline-block;
margin-right:30px}
@media only screen and (max-width: 767px){header .container div.action .top_info{display:none}
}
header .container div.action .top_info a{display:block;
line-height:20px;
font-size:13px;
color:#424242}
header .container div.action .phone{color:#424242;
padding-left:25px;
background:url("../img/phone-call.png") left center no-repeat;
background-size:auto 15px;
line-height:20px;
display:inline-block;
width:auto;
float:left;
margin-right:15px;
font-size: 18px!important;
}
header .container div.action .btn{height:40px}
@media only screen and (max-width: 767px){
.main_section{background-position-x: 50%;}
header .container div.action .btn{width:40px;
background:url("../img/phone-call.png") #ffce23 center no-repeat;
background-size:20px;
text-indent:-9999px}
}
@media only screen and (max-width: 1024px){header .container div.action{padding-right:60px}
}
#nav-toggle{width:35px;
height:35px;
position:fixed;
right:15px;
top:6px;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
cursor:pointer;
z-index:999;
background:transparent}
@media only screen and (min-width: 1025px){#nav-toggle{display:none}
}
#nav-toggle span{display:block;
position:absolute;
height:4px;
background:#111;
border-radius:9px;
opacity:1;
left:0px;
right:0px;
width:35px;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:0.25s ease-in-out;
-moz-transition:0.25s ease-in-out;
-o-transition:0.25s ease-in-out;
transition:0.25s ease-in-out}
#nav-toggle span:nth-child(1){top:10px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center}
#nav-toggle span:nth-child(2){top:22px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center}
#nav-toggle span:nth-child(3){top:34px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center}
#nav-toggle.open span:nth-child(1){-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
top:9px;
left:5px}
#nav-toggle.open span:nth-child(2){width:0%;
opacity:0}
#nav-toggle.open span:nth-child(3){-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:34px;
left:5px}
@media only screen and (max-width: 1024px){.menu_response.active{display:inline-block !important;
display:flex !important;
justify-content:center;
align-items:center;
position:fixed;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:998;
background:rgba(255,206,35,0.95)}
.menu_response.active ul{padding:80px 0 !important;
width:100%}
.menu_response.active ul li{display:inline-block;
width:100%;
text-align:left;
padding-left:60px}
.menu_response.active ul li a{font-size:26px;
line-height:60px;
color:#fff;
font-weight:900}
}
@media only screen and (max-width: 1024px) and (max-width: 767px){.menu_response.active ul li a{font-size:20px;
line-height:50px}
}
.btn{background:#ffce23;
color:#222;
padding:10px 20px;
border:none;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.btn:hover,.btn:active{background:#fff3a4;
color:#222}
.no-webp .main_section{
background-image: url(/wp-content/uploads/2018/07/bird3_2.jpg);
display:inline-block;
width:100%;
float:left;
background-size:cover;
position:relative;
padding-top:80px}
.webp .main_section{
	background-image: url(/wp-content/uploads/2018/07/bird3_2.webp);
	display:inline-block;
	width:100%;
	float:left;
	background-size:cover;
	position:relative;
	padding-top:80px}
@media only screen and (max-width: 767px){.main_section{height:100vh;
min-height:400px}
}
.main_section .container{min-height:700px}
@media only screen and (min-width: 1600px){.main_section .container{width:1440px}
}
.main_section .container .text{position:absolute;
top:90px;
right:0;
text-align:right;
text-shadow:1px 1px 5px rgba(0,0,0,0.8);
color:#fff}
@media only screen and (max-width: 767px){.main_section .container .text{left:15px;
background-color: #0000005c;
padding-right: 15px;
}
}
.main_section .container .text h1{font-weight:900;
font-size:44px}
.main_section .container .text h2{font-size:36px;
font-weight:300}
.panel{border-radius:0 !important;
margin-bottom:0 !important}
.panel .panel-heading{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") #fff no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
padding:0 40px}
.panel .panel-heading .panel-title{line-height:50px;
color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed;
font-weight:normal}
.panel.active .panel-heading{background:url("../img/svg/arrow-down-sign-to-navigate.svg") #2f518e no-repeat !important;
background-position:10px !important;
background-size:20px !important}
.panel.active .panel-heading .panel-title{color:#fff}
.panel-group .panel+.panel{margin-top:0 !important}
.second{display:inline-block;
width:100%;
float:left;
position:relative;
z-index:9;
margin-top:-80px;
padding-bottom:30px}
@media only screen and (max-width: 767px){.second .container{padding:0px}
}
.second .left{width:60%;
border:1px solid #bbb;
display:inline-block;
float:left}
@media only screen and (max-width: 767px){.second .left{width:100%;
border:none}
}
.second .left .item{display:inline-block;
width:100%;
float:left;
padding:10px;
border-bottom:1px solid #bbb}
@media only screen and (max-width: 767px){.second .left .item{padding:0px;
border:none}
}
@media only screen and (max-width: 420px){
	.no-webp .main_section {background-image: url(/wp-content/uploads/2018/07/bird3_2-415.jpg);}
	.webp .main_section {background-image: url(/wp-content/uploads/2018/07/bird3_2-415.webp);}
}
.second .left .item:last-child{border-bottom:none}
.second .left .item img{width:100%}
.second .left .item h4{padding:0 20px;
font-size:28px}
.second .left .item .info{display:table;
padding:0 20px}
.second .left .item .info div{display:table-cell;
vertical-align:middle}
.second .left .item .info div.icon{width:60px;
padding-right:20px}
.second .left .item .info img{width:100%;
height:auto}
.second .left .item .btn{margin:20px 0 20px 20px;
font-weight:900}
.second .right{width:30%;
display:inline-block;
float:right;
padding-top:120px}
@media only screen and (max-width: 1024px){.second .right{width:35%}
}
@media only screen and (max-width: 767px){.second .right{width:100%;
padding-top:20px}
}
.second .right .item{display:inline-block;
width:100%;
float:left;
margin-bottom:60px}
@media only screen and (max-width: 767px){.second .right .item{margin-bottom:20px}
}
.second .right .item img{width:100%}
.second .right .item h4{font-size:18px;
font-weight:500;
margin-bottom:10px}
@media only screen and (max-width: 767px){.second .right .item h4{padding:0 20px}
}
.second .right .item .info{display:table;
margin-bottom:15px}
@media only screen and (max-width: 767px){.second .right .item .info{margin:0 15px 15px}
}
.second .right .item .info div{display:table-cell;
vertical-align:middle}
.second .right .item .info div.icon{width:40px;
padding-right:15px}
.second .right .item .info img{width:100%;
height:auto}
.lay_out{display:inline-block;
width:100%;
float:left;
padding:30px 0 60px}
.lay_out .category_list{border:none;
margin:30px 0 20px}
.lay_out .category_list li a{color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed;
padding:7px 25px;
border:none}
.lay_out .category_list li:hover a{color:#111;
background:none;
border:none}
.lay_out .category_list li.active a{background:#fff;
border:1px solid #bdbdbd;
color:#111;
text-decoration:none;
border-radius:20px;
padding:7px 25px}
@media only screen and (max-width: 767px){.lay_out .category_list li{width:100%}
.lay_out .category_list li a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 40px;
background:#fff}
.lay_out .category_list li.active a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") #2a518f no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 40px;
color:#fff}
}
.lay_out .room_item{display:inline-block;
width:100%;
float:left;
position:relative}
.lay_out .room_item .category_info{width:100%;
float:left;
display:inline-block;
position:absolute;
top:0px;
left:0px;
right:0px;
z-index:8}
@media only screen and (max-width: 767px){.lay_out .room_item .category_info{display:none}
}
.lay_out .room_item .category_info img{width:100%;
box-shadow:0 0 15px rgba(0,0,0,0.4);
height:450px;
object-fit:cover}
.lay_out .room_item .category_info h5{max-width:50%;
padding-top:15px;
font-weight:400;
line-height:24px}
@media only screen and (max-width: 1024px){.lay_out .room_item .category_info h5{display:none}
}
.lay_out .room_item .rooms{background:rgba(255,255,255,0.8);
box-shadow:0 0 15px rgba(0,0,0,0.4);
display:inline-block;
margin:15px 15px 0 0;
width:45%;
padding:13px;
padding-bottom:30px;
position:relative;
z-index:10;
float:right}
.lay_out .room_item .rooms .level_switch{display:inline-block;
width:100%;
margin:20px 0 0px}
.lay_out .room_item .rooms .level_switch a{display:inline-block;
line-height:35px;
padding:0 20px;
border-top:3px solid transparent;
color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed}
.lay_out .room_item .rooms .level_switch a.active{background:#fff;
border:1px solid #999;
border-radius:30px;
text-decoration:none;
color:#111}
@media only screen and (max-width: 767px){.lay_out .room_item .rooms{margin:0px;
padding:0;
width:100%;
box-shadow:none}
}
@media only screen and (max-width: 1024px){.lay_out .room_item .rooms{width:90%;
margin:20px 5%;
float:none}
}
.lay_out .room_item .rooms ul{display:inline-block;
float:left;
width:30%;
padding:0 20px 0 0;
border:none}
@media only screen and (max-width: 767px){.lay_out .room_item .rooms ul{width:100%;
padding:0px}
}
.lay_out .room_item .rooms ul li{display:inline-block;
width:100%;
float:left;
list-style:none;
background:#fff;
text-align:center;
padding:15px 0;
color:#2f518e;
font-size:14px;
border:1px solid #e8e8e8;
border-bottom:none}
@media only screen and (max-width: 767px){.lay_out .room_item .rooms ul li{width:50%}
}
.lay_out .room_item .rooms ul li a{background:none;
padding:0;
color:#2f518e;
border:none}
.lay_out .room_item .rooms ul li:last-child{border-bottom:1px solid #e8e8e8}
.lay_out .room_item .rooms ul li strong{display:block;
width:100%;
font-size:20px;
font-weight:600}
.lay_out .room_item .rooms ul li:hover,.lay_out .room_item .rooms ul li.active{background:#fff3a4;
cursor:pointer;
color:#222}
.lay_out .room_item .rooms .room_info{float:right;
width:68%;
display:none}
@media only screen and (max-width: 767px){.lay_out .room_item .rooms .room_info{width:100%}
}
.lay_out .room_item .rooms .room_info.active{display:inline-block}
.lay_out .room_item .rooms .room_info .room_img{display:inline-block;
width:100%;
float:left}
.lay_out .room_item .rooms .room_info .room_img a{position:relative}
.lay_out .room_item .rooms .room_info .room_img a:after{position:absolute;
content:"";
top:50%;
left:50%;
display:inline-block;
width:70px;
height:70px;
border-radius:100%;
margin:-35px 0 0 -35px;
background:url("../img/svg/zoom-white.svg") rgba(32,176,199,0.7) center no-repeat;
background-size:25px;
opacity:0}
@media only screen and (max-width: 767px){.lay_out .room_item .rooms .room_info .room_img a:after{opacity:0.5}
}
.lay_out .room_item .rooms .room_info .room_img a:hover:after{opacity:1}
.lay_out .room_item .rooms .room_info .room_img img{width:100%;
height:auto}
.lay_out .room_item .rooms .room_info .room_characteristics{width:100%;
float:left;
margin:20px 0;
display:inline-block}
.lay_out .room_item .rooms .room_info .room_characteristics .group{display:inline-block;
float:left;
width:46%;
border-bottom:1px solid #e8e8e8;
padding:10px 5px;
text-align:right;
font-weight:400}
.lay_out .room_item .rooms .room_info .room_characteristics .group:nth-child(even){float:right}
.lay_out .room_item .rooms .room_info .room_characteristics .group label{margin-bottom:0;
float:left;
font-weight:400}
.lay_out .room_item .rooms .room_info .btn{margin-top:15px}
.info_section{display:inline-block;
width:100%;
float:left;
padding:30px 0;
background:url("../img/bg_pattern_1.jpg")}
.info_section .nav-tabs{border:none;
margin:30px 0 10px}
.info_section .nav-tabs li a{color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed;
padding:7px 25px;
border:none}
.info_section .nav-tabs li:hover a{color:#111;
background:none;
border:none}
.info_section .nav-tabs li.active a{background:#fff;
border:1px solid #bdbdbd;
color:#111;
text-decoration:none;
border-radius:20px;
padding:7px 25px}
@media only screen and (max-width: 767px){.info_section .nav-tabs li{width:100%}
.info_section .nav-tabs li a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") #fff no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 40px}
.info_section .nav-tabs li.active a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") #2a518f no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 40px;
color:#fff}
}
.info_section .tab-content .item{display:inline-block;
width:100%;
float:left}
.info_section .tab-content .item img{max-width:100%;
height:auto}
.info_section .tab-content .item .table-responsive{border:none}
.info_section .tab-content .item .stage_table{margin-top:30px}
.info_section .tab-content .item .stage_table .column{vertical-align:top;
padding:0;
border:none;
min-width:200px}
.info_section .tab-content .item .stage_table .column .stage_ttl{font-size:18px}
.info_section .tab-content .item .stage_table .column .stage_progress{display:inline-block;
float:left;
width:100%;
height:20px;
border-top:1px solid #727272;
border-bottom:1px solid #727272;
background:#fff;
overflow:hidden;
box-shadow:0 7px 9px -7px rgba(0,0,0,0.3) inset;
margin:20px 0}
.info_section .tab-content .item .stage_table .column:first-child .stage_progress{border-left:1px solid #727272;
border-top-left-radius:10px;
border-bottom-left-radius:10px}
.info_section .tab-content .item .stage_table .column:last-child .stage_progress{border-right:1px solid #727272;
border-top-right-radius:10px;
border-bottom-right-radius:10px}
.info_section .tab-content .item .stage_table .column .stage_list ul{margin:0px;
padding:0 10px 0 0;
display:inline-block;
width:100%;
float:left}
.info_section .tab-content .item .stage_table .column .stage_list ul li{list-style:none;
width:100%;
display:block;
margin:5px 0}
.info_section .tab-content .item .stage_table .column.ready{font-weight:500}
.info_section .tab-content .item .stage_table .column.ready .stage_progress{background:#0cabc6}
.info_section .tab-content .item .stage_table .column.ready .stage_list li{padding-left:25px;
background:url("../img/svg/checked.svg") left top no-repeat;
background-size:18px auto}
.info_section .subscriber_block{background:#1a3748;
padding:20px 0;
display:inline-block;
width:100%;
margin:40px 0 20px;
text-align:center;
color:#fff}
.info_section .subscriber_block .wpcf7{display:inline-block;
color:#333}
@media only screen and (max-width: 767px){.info_section .subscriber_block .wpcf7{width:100%}
}
.info_section .subscriber_block .wpcf7 div{vertical-align:top}
@media only screen and (max-width: 767px){.info_section .subscriber_block .wpcf7 div{width:100%}
}
.info_section .subscriber_block .wpcf7 .ajax-loader{visibility:hidden;
display:inline-block;
background-image:url("../img/reload.svg") !important;
height:30px !important;
border:none;
padding:0;
margin:5px auto 0 !important;
vertical-align:middle;
width:30px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:30px !important}
.info_section .subscriber_block .wpcf7 .ajax-loader.is-active{visibility:visible}
.info_section .subscriber_block .wpcf7 .wpcf7-response-output{display:none !important}
.info_section .subscriber_block .text,.info_section .subscriber_block input,.info_section .subscriber_block button{display:inline-block;
width:280px;
height:40px;
vertical-align:top;
border:none;
box-shadow:none;
border-radius:5px}
@media only screen and (max-width: 1024px){.info_section .subscriber_block input{width:48%;
float:left}
.info_section .subscriber_block button{width:48%;
float:right}
}
@media only screen and (max-width: 767px){.info_section .subscriber_block input,.info_section .subscriber_block button{width:100%;
margin-bottom:15px}
.info_section .subscriber_block input{font-size:16px}
}
.info_section .subscriber_block form{display:inline-block}
@media only screen and (max-width: 1024px){.info_section .subscriber_block form{width:80%;
margin:0 10%}
}
.info_section .subscriber_block form input{margin-right:15px;
padding:0 15px}
@media only screen and (max-width: 767px){.info_section .subscriber_block form{white-space:normal}
}
.info_section .subscriber_block .text{text-align:left}
@media only screen and (max-width: 1024px){.info_section .subscriber_block .text{width:100%;
text-align:center;
margin-bottom:20px}
}
.info_section .subscriber_block .text h5{font-size:16px;
line-height:23px;
margin:0px;
padding:0px}
.info_section .subscriber_block .text p{font-size:12px}
.info_section .release_schedule_blk{position:relative;
display:block;
width:100%}
.info_section .release_schedule_blk .release_schedule_sectiom{position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px}
.info_section .release_schedule_blk .release_schedule_sectiom area:hover{background:rgba(255,255,255,0.5)}
.other_info{display:inline-block;
width:100%;
float:left;
padding:40px 0}
.other_info h2{display:block;
width:100%;
margin:20px 0;
float:left;
padding-left:45px;
font-size:40px}
@media only screen and (max-width: 767px){.other_info h2{font-size:30px}
}
.other_info .center{display:inline-block;
width:100%;
margin-bottom:20px}
.other_info .center img{width:60%;
display:inline-block;
float:left;
box-shadow:0 0 20px rgba(0,0,0,0.4)}
@media only screen and (max-width: 1024px){.other_info .center img{width:50%}
}
@media only screen and (max-width: 767px){.other_info .center img{width:100%}
}
.other_info .center .text{display:inline-block;
width:33%;
float:left;
margin-left:5%;
font-size:16px;
line-height:32px}
@media only screen and (max-width: 1024px){.other_info .center .text{width:45%;
margin:0;
float:right}
}
@media only screen and (max-width: 767px){.other_info .center .text{width:100%}
}
.other_info .center .text .icon_blk{display:inline-block;
width:100%;
float:left;
margin-top:15px}
.other_info .center .text .icon_blk div{display:inline-block;
width:auto;
float:left;
margin:20px 20px 0 0;
text-align:center;
padding-top:40px}
@media only screen and (max-width: 1024px){.other_info .center .text .icon_blk div{width:50%;
float:left;
margin:10px 0}
}
.other_info .center .text .icon_blk div.gas{background:url("../img/svg/gas.svg") top center no-repeat;
background-size:25px auto}
.other_info .center .text .icon_blk div.light{background:url("../img/svg/light.svg") top center no-repeat;
background-size:15px auto}
.other_info .center .text .icon_blk div.water{background:url("../img/svg/water.svg") top center no-repeat;
background-size:20px auto}
.other_info .center .text .icon_blk div.warm{background:url("../img/svg/warm.svg") top center no-repeat;
background-size:25px auto}
.other_info .left{width:60%;
display:inline-block;
float:left}
@media only screen and (max-width: 1024px){.other_info .left{width:55%}
}
@media only screen and (max-width: 767px){.other_info .left{width:100%}
}
.other_info .left .item{display:inline-block;
width:100%;
float:left;
margin-bottom:30px}
.other_info .left .item img{width:100%;
margin-bottom:15px}
.other_info .left .item h4{padding:0 20px 0 45px;
font-size:22px}
.other_info .left .item p{padding-left:45px}
.other_info .left .item .info{display:table;
padding:0 20px}
.other_info .left .item .info div{display:table-cell;
vertical-align:middle}
.other_info .left .item .info div.icon{width:60px;
padding-right:20px}
.other_info .left .item .info img{width:100%;
height:auto}
.other_info .left .item .btn{margin:20px 0 20px 20px;
font-weight:900}
.other_info .right{width:30%;
display:inline-block;
float:right;
padding-top:70px}
@media only screen and (max-width: 1024px){.other_info .right{width:40%}
}
@media only screen and (max-width: 767px){.other_info .right{width:100%}
}
.other_info .right .item{display:inline-block;
width:100%;
float:left;
margin-bottom:130px}
@media only screen and (max-width: 1024px){.other_info .right .item{margin-bottom:60px}
}
.other_info .right .item:last-child{margin-bottom:30px}
.other_info .right .item img{width:100%}
.other_info .right .item h4{font-size:18px;
font-weight:500;
margin-bottom:10px}
.other_info .right .item .info{display:table;
margin-bottom:15px}
.other_info .right .item .info div{display:table-cell;
vertical-align:middle}
.other_info .right .item .info div.icon{width:40px;
padding-right:15px}
.other_info .right .item .info img{width:100%;
height:auto}
.other_info .right .item.yellow{background:#fff3a4;
padding-top:15px}
.other_info .right .item.yellow h4,.other_info .right .item.yellow .info{padding:0 20px}
.infrastructure_section{display:inline-block;
width:100%;
float:left;
padding:30px 0;
background:url("../img/bg_pattern_1.jpg")}
.infrastructure_section .text_maps_switch{display:inline-block;
float:left;
width:100%;
margin-bottom:30px}
.infrastructure_section .text_maps_switch a{display:inline-block;
line-height:40px;
padding:0 15px;
border-top:3px solid transparent;
color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed}
.infrastructure_section .text_maps_switch a.active{background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.6);
border-top:3px solid #2f518e;
text-decoration:none;
color:#111}
.infrastructure_section .text_maps_switch a:hover{color:#111}
.infrastructure_section .nav-tabs{border:none;
margin:30px 0 10px}
.infrastructure_section .nav-tabs li a{color:#2f518e;
text-decoration:underline;
text-decoration-style:dashed;
padding:7px 25px;
border:1px solid transparent;
margin:0}
.infrastructure_section .nav-tabs li:hover a{color:#111;
background:none}
.infrastructure_section .nav-tabs li.active a{background:#fff;
border:1px solid #bdbdbd;
color:#111;
text-decoration:none;
border-radius:20px;
padding:7px 25px}
@media only screen and (max-width: 767px){.infrastructure_section .nav-tabs li{width:100%}
.infrastructure_section .nav-tabs li a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 5px 0 40px}
.infrastructure_section .nav-tabs li.active a{border-radius:2px !important;
background:url("../img/svg/arrow-down-sign-to-navigate.svg") #2a518f no-repeat !important;
background-position:10px !important;
background-size:20px !important;
height:50px;
line-height:50px;
border:1px solid #bdbdbd;
padding:0 40px;
color:#fff}
}
.infrastructure_section .tab-content{margin-top:15px}
.infrastructure_section .tab-content .item img{display:inline-block;
width:65%;
height:auto;
float:left}
@media only screen and (max-width: 1024px){.infrastructure_section .tab-content .item img{width:50%}
}
@media only screen and (max-width: 767px){.infrastructure_section .tab-content .item img{width:100%}
}
.infrastructure_section .tab-content .item .text{display:inline-block;
float:right;
width:30%;
padding-top:80px}
@media only screen and (max-width: 1024px){.infrastructure_section .tab-content .item .text{width:45%;
padding-top:0}
}
@media only screen and (max-width: 767px){.infrastructure_section .tab-content .item .text{width:100%;
padding-top:20px}
}
.infrastructure_section .content .panel .panel-body .item img{width:100% !important}
.review{display:inline-block;
width:100%;
float:left;
padding:60px 0}
@media only screen and (max-width: 767px){.review{padding:0}
.review div{padding:0px}
}
.review .item{display:inline-block;
width:100%;
float:left;
background:#fff3a4;
padding:50px 120px;
border-radius:130px;
font-size:16px}
.review .item h2{margin:0 0 20px 0;
padding:0px}
.review .item p{line-height:30px;
margin-bottom:15px}
.review .item p:last-child{margin-bottom:0}
@media only screen and (max-width: 767px){.review .item{border-radius:0px;
padding:30px}
}
.manager{display:inline-block;
width:100%;
float:left;
padding:60px 0;
background:url("../img/bg_pattern_1.jpg")}
.manager h3{font-size:33px;
margin:0 0 20px 0}
.manager .action{margin-bottom:20px;
display:inline-block;
width:100%}
.manager .action a{display:inline-block;
margin-right:15px;
line-height:40px;
font-size:30px;
color:#111;
font-weight:300}
@media only screen and (max-width: 767px){.manager .action{margin:20px 0}
.manager .action .link{border:1px solid #111;
font-size:20px;
font-weight:400;
padding:0 20px;
border-radius:5px}
}
@media only screen and (min-width: 320px) and (max-width: 374px){.manager .action{text-align:center}
.manager .action .link{width:100%;
text-align:center;
margin-bottom:20px}
}
.manager .text{font-size:18px;
margin-bottom:20px}
.manager .thumb_on_mob{display:none}
@media only screen and (max-width: 767px){.manager{padding:30px 0}
.manager .container{padding:0}
.manager .thumb_on_mob{width:120px;
float:left;
display:inline-block}
.manager .thumb_on_mob img{width:100%;
height:auto}
.manager h3{display:inline-block;
float:right;
width:213px;
font-size:28px;
margin:20px 0}
}
@media only screen and (min-width: 320px) and (max-width: 374px){.manager h3{width:165px}
}
.about_avd{display:inline-block;
width:100%;
float:left;
padding:60px 0}
.about_avd .text h2{margin-bottom:30px;
font-size:42px}
.about_avd .text p{font-size:22px;
line-height:36px;
font-weight:300}
.about_avd .text .location_avd{display:inline-block;
width:100%;
float:left;
margin:20px 0 40px;
font-size:14px;
padding-left:150px;
background:url("../img/avm_logo.png") left center no-repeat;
background-size:130px auto}
.about_avd .text .location_avd a{display:block;
width:100%;
text-decoration:underline}
.about_avd .text .btn{background:none;
border:1px solid #333;
color:#333}
.about_avd .text .btn:hover{color:#fff;
background:#333}
.about_avd .experience{margin-top:90px}
.about_avd .experience .item{font-size:16px;
margin-bottom:25px}
.about_avd .experience .item .count{font-size:36px;
color:#2f518e;
font-weight:600}
.about_avd .experience .item .check_icon{display:inline-block;
width:100%;
text-align:left;
margin:0 auto 20px;
float:left}
.about_avd .experience .item .check_icon img{width:20px;
height:auto}
@media only screen and (max-width: 767px){.about_avd .experience .item .check_icon{display:none}
}
@media only screen and (max-width: 767px){.about_avd .experience .item.wt_icon p{width:100%;
padding-left:30px;
display:inline-block;
float:left;
background:url("../img/svg/checked.svg") left top no-repeat;
background-size:20px;
margin-bottom:15px}
}
.documentation{display:inline-block;
width:100%;
float:left;
padding:60px 0;
background:url("../img/bg_pattern_1.jpg")}
.documentation h2{margin-bottom:30px;
font-size:42px;
padding:0 15px}
.documentation .item .info{display:table;
vertical-align:middle;
height:52px;
font-weight:600;
font-size:15px}
.documentation .item .info div{display:table-cell;
vertical-align:middle}
.documentation .item .info div:first-child{min-width:40px;
min-height:40px}
.documentation .item .info div:last-child{padding-left:20px}
.documentation .item .doc_img img{width:100%;
height:auto}
.documentation .item .doc_img a{position:relative}
.documentation .item .doc_img a:after{position:absolute;
content:"";
top:50%;
left:50%;
display:inline-block;
width:70px;
height:70px;
border-radius:100%;
margin:-35px 0 0 -35px;
background:url("../img/svg/zoom-white.svg") rgba(32,176,199,0.7) center no-repeat;
background-size:25px;
opacity:0}
@media only screen and (max-width: 767px){.documentation .item .doc_img a:after{opacity:0.5}
}
.documentation .item .doc_img a:hover:after{opacity:1}
.bottom_section{display:inline-block;
width:100%;
float:left;
padding:60px 0}
.bottom_section h2{padding:0px;
margin:0 0 30px;
font-size:42px}
.bottom_section .item{display:table;
float:left;
width:auto;
vertical-align:middle;
padding-right:50px}
@media only screen and (max-width: 1024px){.bottom_section .item{padding-right:40px;
margin-bottom:40px}
}
.bottom_section .item div{display:table-cell;
vertical-align:middle;
text-align:left;
font-size:14px}
.bottom_section .item div strong{display:block;
font-size:28px;
color:#2f518e;
font-weight:500}
.bottom_section .item div img{height:55px;
width:auto}
.bottom_section .item div:last-child{padding-left:20px}
.release_schedule_blk{position:relative}
@media only screen and (max-width: 767px){.release_schedule_blk{display:none}
}
.release_schedule_blk .stages_img_item{opacity:0.3;
position:relative}
.release_schedule_blk .stages_img_item:hover{opacity:1;
cursor:pointer}
.release_schedule_blk .stages_img_item.ready{opacity:0.6}
.toooool{position:absolute;
display:inline-block;
color:#000;
box-sizing:border-box;
border-radius:0;
background:url("../img/tolt_bg.png") center left no-repeat;
background-size:auto 100%;
width:145px;
height:98px;
padding:25px 0 25px 30px;
text-align:left;
font-weight:900;
font-size:15px;
z-index:999}
.toooool span{display:block;
width:100%}
#main_location{width:100%;
height:500px}
@media only screen and (max-width: 767px){#main_location{height:400px}
}
.about-text .text_bg{padding:100px 50px;
text-align:center;
background:url("../img/about_v.jpg") center no-repeat;
background-size:200px auto}
@media only screen and (max-width: 767px){.about-text .text_bg{padding:40px 10px}
}
.btn{background:#ffce23;
color:#222;
padding:10px 20px;
border:none;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.btn:hover,.btn:active{background:#fff3a4;
color:#222}
footer{padding:20px 0;
background:#1a3748;
display:inline-block;
width:100%;
float:left}
footer .as_table{display:table;
width:100%;
vertical-align:middle}
@media only screen and (max-width: 767px){footer .as_table{display:inline-block}
}
footer .menu{display:table-cell;
float:left;
width:auto;
vertical-align:middle;
text-align:left}
@media only screen and (max-width: 767px){footer .menu{display:inline-block;
width:100%;
float:left}
}
footer .menu ul{display:inline-block;
padding:0px;
margin:0px}
@media only screen and (max-width: 767px){footer .menu ul{margin-bottom:20px}
}
footer .menu ul li{display:inline-block;
float:left;
line-height:50px}
@media only screen and (max-width: 767px){footer .menu ul li{display:inline-block;
width:50%;
float:left;
line-height:60px}
}
footer .menu ul li a{color:#fff;
text-decoration:underline;
padding:0 10px;
font-size:14px}
footer .social{display:table-cell;
width:auto;
text-align:right;
vertical-align:middle}
footer .social a{color:#fff;
text-decoration:underline;
display:inline-block;
width:auto;
margin-left:15px}
@media only screen and (max-width: 767px){footer .social{display:inline-block}
}
@media only screen and (max-width: 1024px){footer .social{text-align:center}
footer .social a{margin:0 0 20px}
}
footer .action{display:table-cell;
width:auto;
vertical-align:middle;
text-align:center}
@media only screen and (max-width: 767px){footer .action{display:inline-block}
}
footer .action a{color:#fff;
margin:0 10px 0;
display:inline-block;
width:auto;
border-radius:5px;
padding:10px 20px}
footer .action a.btn{background:#fff;
color:#1a3748}
footer .action a.btn:hover{background:#ffce23}
@media only screen and (max-width: 1024px){footer .action a{border:2px solid #fff;
display:block;
margin-bottom:20px}
}
.btn{background:#ffce23;
color:#222;
padding:10px 20px;
border:none;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.btn:hover,.btn:active{background:#fff3a4;
color:#222}
body.modal{display:none;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.modal-open .modal.fade.in{display:flex !important;
justify-content:center;
align-items: baseline;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s}
.modal-open .modal.fade.in.modal-content{width:100%;
height:100%}
.modal-dialog{background:#fff;
border-radius:8px;
overflow:hidden;
color:#333;
box-shadow:0 0 10px #000;
-webkit-transition:all 0.35s,-webkit-transform 0.35s;
transition:all 0.35s,transform 0.35s;
padding:15px 15px 0}
@media only screen and (min-width: 1025px){.modal-dialog{width:400px}
}
@media only screen and (max-width: 767px){.modal-dialog{padding:0px}
}
.modal-dialog .modal-content{box-shadow:none;
border:none;
padding:20px 20px 5px;
background:transparent}
.modal-dialog .modal-content .modal-body{padding-bottom:0;
padding-top:15px}
.modal-dialog .modal-content .form-group{margin-bottom:10px}
.modal-dialog .modal-content label{font-weight:300;
font-size:15px}
.modal-dialog .modal-content input{width:100%;
line-height:45px;
padding:0 10px;
font-size:13px;
color:#333;
background:#fff;
border:1px solid #ddd;
border-radius:8px;
margin-bottom:14px;
font-weight:300;
box-shadow:none;
height:45px}
@media only screen and (max-width: 767px){.modal-dialog .modal-content input{font-size:16px;
height:auto;
line-height:24px;
padding:10px}
.modal-dialog .modal-content input:focus{border-color:blue}
}
.modal-dialog .modal-content .wpcf7-submit{background:#ffce23;
width:100%;
line-height:55px;
padding:0 10px;
font-size:13px;
border:none;
margin-top:25px;
height:55px}
.modal-dialog .modal-content div.wpcf7 .ajax-loader{visibility:hidden;
display:inline-block;
background-image:url("../img/reload.svg") !important;
height:30px !important;
border:none;
padding:0;
margin:0 auto 0 !important;
vertical-align:middle;
width:100% !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:30px !important}
.modal-dialog .modal-content div.wpcf7 .ajax-loader.is-active{visibility:visible}
.modal-dialog .modal-content .wpcf7-response-output{display:none !important}
.modal-dialog .close{color:#000;
text-shadow:none;
font-size:30px;
opacity:0.6;
z-index:99;
position:absolute;
top:15px;
right:15px}
@media only screen and (max-width: 767px){.modal-dialog .close{font-size:50px;
z-index:9999;
top:3px !important;
right:10px !important;
position:absolute}
}
@media only screen and (max-width: 767px){.modal-content{max-height:400px;
max-height:85vh;
overflow-x:auto}
.modal-content select,.modal-content textarea,.modal-content input{font-size:16px !important}
}
.thx_blk{position:fixed;
background:rgba(0,0,0,0.75);
bottom:0px;
left:0px;
right:0px;
top:0;
display:flex;
align-items:center;
justify-content:center;
z-index:9999}
.thx_blk .info{padding:30px;
background:#fff;
width:350px;
border-radius:8px}
.thx_blk p{font-size:15px;
font-weight:400;
color:#333;
letter-spacing:1px;
text-align:center}
.thx_blk .btn{display:block;
width:130px;
padding:10px 25px;
font-size:14px;
color:#fff;
text-transform:uppercase;
background:#1dae2b;
margin:25px auto 0}
.thx_blk .btn:hover{background:#14791e}