/*created by desiptikon@gmail.com */

body{background:#fff; margin:0; padding:0; font-size:16px; font-family: 'Lato', sans-serif; color:#353e58;}

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

.wrapper{max-width:1155px; 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;}

h2{margin:0 0 40px 0; padding:0; color:#162345; font-size:39px; font-family: 'Lato', sans-serif; font-weight:900;}

/* ======================= header ============================= */
#header{}
	.head_top{background:#ff3249; font-size:22px; text-align:right; color:#fff; padding:10px 0;}
	.head_top a{color:#fff;}
	.head_bot{padding:20px 0;}
	
/* ======================= content-top ============================= */
#content-top{}
	.head{background:url('../images/head.jpg') no-repeat 100% 0; background-size:cover; height:537px; padding:90px 0 0 0;}
	.head p{font-size:56px; font-weight:900;}
	
/* ======================= content ============================= */
#content{}
	.about_us{padding:110px 0;}
	.about_us .info{width:600px;}
	.about_us .info p{font-weight:300; font-size:25px;}
	.about_us .info2{width:420px; font-size:18px;}
	.about_us .info2 td{padding:0 0 30px 0;}
	
	.automate{background:url('../images/bg.jpg') no-repeat 0 0; background-size:cover; padding:110px;}
	.automate .item{background:#fff; width:350px; height:380px; float:left; margin:0 35px 0 0; padding:30px 0 0 0; text-align:center; -webkit-box-shadow: 0px 0px 38px 0px rgba(204,204,204,0.9); -moz-box-shadow: 0px 0px 38px 0px rgba(204,204,204,0.9); box-shadow: 0px 0px 38px 0px rgba(204,204,204,0.9);}
	.automate .item:nth-child(3){margin:0;}
	.automate .item .img{margin:0 0 10px 0;}
	.automate .item .title{font-size:25px; font-weight:700; margin:0 0 20px 0;}
	.automate .item .desc{font-size:16px; font-weight:300;}
	
	.contact_form{padding:110px 0;}
	.contact_form .info{float:left; font-weight:300; font-size:16px; max-width:400px; width:100%; margin:0 0 80px 0;}
	.contact_form .info img{float:left; margin:0 15px 0 0;}
	.contact_form .info p{padding:20px 0 0 0;}
	.contact_form .inp_box{width:555px;}
	.contact_form .inp_box input[type="text"]{background:#f6f6f6; border:solid 1px #bbbfc9; width:100%; height:48px; margin:0 0 10px 0; padding:0 20px; font-size:16px; color:#353e58; font-family: 'Lato', sans-serif; font-weight:300; border-radius:25px;}
	.contact_form .inp_box textarea{background:#f6f6f6; border:solid 1px #bbbfc9; width:100%; height:120px; margin:0 0 10px 0; padding:10px 20px; font-size:16px; color:#353e58; font-family: 'Lato', sans-serif; font-weight:300; border-radius:25px;}
	.contact_form .text{color:#1e1d24; font-size:16px; font-weight:300; padding:20px 0 0 0;}
	.contact_form input[type="submit"]{background:#a0a4af; font-size:16px; color:#fff; font-weight:700; font-family: 'Lato', sans-serif; padding:15px 20px; border:0; float:right; border-radius:25px; cursor:pointer;}

/* ======================= footer ============================= */
#footer{background:#676b78; padding:10px 0;}
	#footer .copy{color:#fff; font-size:12px;}

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

.err_pay{border: solid 1px red!important;}

@media screen and (max-width:800px){
	.display_show{display:none;}
	.mobile_show{display:block;}
	
	.head_top{padding:10px 20px;}
	.head_bot{padding:20px;}
	
	.head{padding:40px 20px; height:auto;}
	.about_us{padding:40px 20px;}
	.about_us .info{width:100%; margin:0 0 20px 0; float:none;}
	.about_us .info2{width:100%; float:none;}
	
	.automate{padding:40px 20px;}
	.automate .item{margin:0; float:none; margin:0 auto 20px; max-width:350px; width:100%;}
	.automate .item:nth-child(3){margin:0 auto;}
	
	.contact_form{padding:40px 20px;}
	.contact_form .info{width:100%; margin:0 0 20px 0;}
	.contact_form .inp_box{width:100%; float:none;}
	.contact_form .text{padding:15px 0; float:none;}
	.contact_form input[type="submit"]{float:none;}
	
	#footer{padding:10px 20px;}
}