body{background:#fff; margin:0; padding:0; font-size:16px; font-family: 'Istok Web', sans-serif; color:#474847;}

p{padding:0 0 25px 0; margin:0;}
img {border:none; outline:none; max-width:100%; height:auto;}
a {outline-style: none; color:#F6931F; text-decoration:none;}
a:hover {color:#F6931F;}
.fl {float:left;}	
.fr {float:right;}
.clear {clear:both; font-size:0; line-height:0;}

.wrapper{max-width:830px; width:100%; margin:0 auto;}
.display_show{display:block;}
.mobile_show{display:none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6{padding:0; margin:0; color:#101010;}
input, textarea{outline:none;}

/* ======================= header ============================= */
#header{}
	#header .wrapper{max-width:1230px;}
	.head_box{display: flex; justify-content: space-between;}
	.head_box .logo{margin:9px 0;}
	.head_box .head_right{display: flex; justify-content: space-between; padding:30px 0 0 0;}
	.head_box .call a{color:#F6931F; display:inline-block; font-size:30px; font-weight:700;}
	.head_box .are_pro{background:url('../images/are_pro.png') no-repeat 0 3px; padding:8px 0 0 56px; margin: 0 110px;}
	.head_box .are_pro a{color:#F6931F; display:inline-block; font-size:16px; font-weight:700;}
	.head_box .login a{color:#464848; display:inline-block; font-size:16px; font-weight:700; margin:8px 0 0 0;}

		
/* ======================= content ============================= */
#content{}
	.home{background:url('../images/home_bg.jpg') no-repeat 50% 0; min-height:609px; display: flex; align-items: center;}		
	.home .home_box{background-color: rgba(16, 16, 16, 0.6); border-radius:8px; max-width:470px; width:100%; padding:26px;}		
	.home .home_box .title{color:#FFFFFF; font-size:23px; font-weight:700;}		
	.home .home_box .text{color:#FFFFFF; font-size:20px; font-weight:700; padding:0 0 10px 0;}		
	.home .home_box ul{color:#FFFFFF; font-size:18px; font-weight:700; padding:0; margin:0 0 10px 0; list-style:none;}		
	.home .home_box ul li{background:url('../images/bullet.png') no-repeat 0 6px; padding:0 0 0 17px;}		
	.home .home_box .call_but{text-align:center; margin:0 0 10px 0;}		
	.home .home_box .call_but a{display:inline-block; background:#22B36B; border:solid 2px #FEFEFF; border-radius:7px; color:#fff; font-weight:700; font-size:18px; padding:6px 14px 5px;}		
	.home .home_box .request_but{text-align:center;}		
	.home .home_box .request_but a{display:inline-block; background:#fff; border:solid 2px #22B36B; border-radius:7px; color:#22B36B; font-weight:700; font-size:18px; padding:6px 10px 5px;}

	.social{padding:18px 0 20px 0;}
	.social .social_box{display: flex; justify-content: space-between;}
	
	.services{background:#f4f5f7; padding:45px 0;}
	.services h2{font-size:22px; margin:0 0 40px 0;}
	.services .services_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.services .services_box .item{margin:0 0 25px 0;}
	.services .services_box .item .text{color:#484747; font-size:20px; font-weight:700; text-align:center;}
	.services .more_text{font-size:18px; font-weight:700; text-align:center; margin:0 0 18px 0;}
	.services .call_but{text-align:center; margin:0 0 10px 0;}		
	.services .call_but a{display:inline-block; background:#22B36B; border:solid 2px #FEFEFF; border-radius:7px; color:#fff; font-weight:700; font-size:18px; padding:6px 14px 5px;}	
	.services .request_but{text-align:center;}		
	.services .request_but a{display:inline-block; background:#22B36B; border:solid 2px #fff; border-radius:7px; color:#fff; font-weight:700; font-size:16px; padding:6px 10px 5px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);}
	
	.about{padding:55px 0;}
	.about h2{font-size:22px; margin:0 0 5px 0;}
	.about_box{display: flex; justify-content: space-between; margin:0 0 40px 0;}
	.about_box .text{max-width:420px; width:100%;}
	.about_box .text p{line-height:24px;}
	.about .call_but{text-align:center; margin:0 0 10px 0;}		
	.about .call_but a{display:inline-block; background:#22B36B; border:solid 2px #FEFEFF; border-radius:7px; color:#fff; font-weight:700; font-size:18px; padding:6px 14px 5px;}	
	.about .request_but{text-align:center;}		
	.about .request_but a{display:inline-block; background:#22B36B; border:solid 2px #fff; border-radius:7px; color:#fff; font-weight:700; font-size:16px; padding:6px 10px 5px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);}
	
	.offer{background:url('../images/offer_bg.jpg') no-repeat 50% 0; min-height:549px; display: flex; align-items: center;}	
	.offer .offer_box{background-color: rgba(37, 37, 37, 0.75); border-radius:10px; max-width:1164px; width:100%; margin:0 auto; padding:45px 0; text-align:center; color:#fff;}	
	.offer .offer_box .text{font-size:25px; font-weight:700;}	
	.offer .offer_box .text2{font-size:21px; font-weight:700; margin:20px 0 25px 0;}	
	.offer .offer_box .request_but a{display:inline-block; background:#22B36B; border:solid 2px #fff; border-radius:7px; color:#fff; font-weight:700; font-size:16px; padding:6px 10px 5px;}
	
	.clients{background:#f4f5f7; padding:45px 0;}
	.clients .wrapper{max-width:880px;}
	.clients h2{font-size:22px; margin:0 0 40px 0; text-align:center;}
	.clients_box{background:#fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); border-radius:8px; padding:15px 75px 15px 35px; margin:0 0 16px 0; display: flex; justify-content: space-between;}
	.clients_box .info{width:210px;}
	.clients_box .info .name{font-size:16px; font-weight:bold;}
	.clients_box .info .star{display: flex;}
	.clients_box .text{font-size:16px; line-height:23px; max-width:530px; width:100%;}
	.clients .call_but{text-align:center; margin:15px 0 10px 0;}		
	.clients .call_but a{display:inline-block; background:#22B36B; border:solid 2px #FEFEFF; border-radius:7px; color:#fff; font-weight:700; font-size:18px; padding:6px 14px 5px;}	
	.clients .request_but{text-align:center;}		
	.clients .request_but a{display:inline-block; background:#22B36B; border:solid 2px #fff; border-radius:7px; color:#fff; font-weight:700; font-size:15px; padding:6px 10px 5px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);}
	
	.info_page{padding:50px 0 0;}
	.info_page h1{margin:0 0 20px 0;}
	.info_page ul{margin:0 0 20px 0; padding:0 0 0 15px;}
			
/* ======================= footer ============================= */
#footer{background:#464848; padding:28px 0 50px 0; margin:140px 0 0 0; color:#fff; font-size:16px; font-weight:700; text-align:center;}
#footer a{color:#fff;}

/* ======================= mob settings ============================= */


@media screen and (max-width : 800px){
	.display_show{display:none;}
	.mobile_show{display:block;}
	.wrapper{padding:0 15px;}
	
	#header{display:none;}
	.head_box .are_pro{margin:0 25px;}
	
	.social .social_box{/* flex-wrap: wrap; */ /* margin:0 10px; */}
}

@media screen and (max-width : 675px){
	.head_box{flex-direction: column;}
	.head_box .logo{text-align:center;}
	.head_box .head_right{flex-direction: column; align-items: center; padding:15px 0;}
	.head_box .are_pro{min-height:33px;}
	
	.home .home_box{margin:0 auto;}
	.social .social_box img{width:100px;}
	
	.services h2{text-align:center;}
	.services .services_box{justify-content: center;}
	
	.about_box{flex-direction: column;}
}
@media screen and (max-width : 500px){
	.social .social_box{flex-direction: column; align-items: center;}
	.social .social_box img{width:auto; margin:10px 0 0 0;}
}