@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
 
*{ margin:0;}
body{ font-family: 'open sans', sans-serif; font-size:17px; }
.clear{ clear:both;}
.container{ width:97%; margin:auto;}
.container-2{width:1300px; margin:auto;}

.follow{padding: 5px 0px;background: #933308; }
.follow-icon{width: 95px;float: left}
.follow-icon a{font-size: 18px;color: #444;margin: 0px 8px;}
.phone{text-align:center;float: right; padding: 5px 0px 5px; font-family: 'Fjalla One';}
.phone p{color: #fff;font-weight: bold;font-size: 13px;}
.phone i{font-size: 16px;}
.header{width: 100%;padding: 10px 0px; background:#bbb;}
.phone h2{ padding:0 10px; color:#fff;  font-size:28px; text-shadow: 0 0 2px #000; }
.phone h3{ color:#f3af1b; font-size:24px;text-shadow: 0 0 2px #000;}
.phone p{ font-size:18px; text-shadow: 0 0 2px #000;}

h1{font-family: 'Fjalla One' !important;}

.logo{ padding: 5px 0px; }

.menu{margin:0; float:right; padding:12px 0;}
.menu li{display:inline-block; list-style:none; float:left}
.menu li a{display: inline-block;color: #666;text-decoration: none;padding: 0px 12px;font-size: 13px; border-right:1px solid #666; text-transform: uppercase;font-weight: bold;}
.menu li a i{font-size: 25px;}
.menu ul{ padding:0;}
.menu li:hover a{ color:#933308;}
.menu li:last-child a{border-right:none;}

.banner{position:relative;}

.about{text-align: center;padding: 70px 0px;}
.about p{line-height:1.8;padding: 10px 0px 30px; color: #666; font-size:18px; text-align:justify; }
.about a{text-decoration: none;padding: 10px 15px;background: #00a2f2;color: #fff;}
.about h1{text-transform: uppercase; color: #3C3C3C; font-family: 'Quicksand', sans-serif;font-size: 35px;}

.offer{width:100%;background: #feaf76; padding: 0px 0px 50px;}
.offer1{padding: 20px 0px;width: 100%;}
.offer1 h1{text-align: center;color: #555;padding: 50px 0px 15px; text-transform: uppercase; font-family: 'Quicksand', sans-serif;font-size: 35px;}
.offer1 p{line-height:1.8; font-size:18px; text-align: center;color: #555;}
.offer-pic{width: 433px;float: left; padding: 30px 0px;}
.offer-pic img{float: left;border: 2px solid #555;padding: 10px 10px;}
.offer-pic h1{padding: 45px 20px;font-size: 25px;color: #555;float: left; font-family: 'Roboto', sans-serif;}

.design{padding: 60px 0px;height: 250px;}
.design h1{text-align:center; padding:0px 0px 30px; color: #3C3C3C; font-family: 'Quicksand', sans-serif;
font-size: 35px;}
.d-pic{width: 260px;float: left; text-align:center;}
.d-pic p{padding: 15px 17px;color: #666;}
.design-pic{background-image:url("img/design.jpg"); background-position:cover; min-height: 300px;}
p.designtext{text-align:justify !important;padding: 50px 0px;line-height:1.8; font-size:18px !important; color:#777; }

.project h1{text-align:center; color: #3C3C3C; font-family: 'Quicksand', sans-serif;}
.project p{text-align: center;padding: 10px 0px 30px; color: #666;}
.project{padding: 60px 0px 0px; text-align: center;}
.project img{padding: 0px 0px 50px;}
.pro-pic{background-image:url("img/pro.jpg");height: 300px;}
.pro-pic p{color: #fff;padding: 110px 0px 0px;line-height: 25px;}

.safety{padding: 50px 0px 0;}
.safe-text{}
.safe-text h1{text-transform: uppercase;  color: #3C3C3C; font-family: 'Quicksand', sans-serif; font-size: 35px; text-align:center; }
.safe-text p{line-height:1.8; padding:40px 0px; text-align:justify; color: #666; font-size:18px;}
.safe-pic{background-image:url("img/safepic.jpg"); background-position:cover; min-height: 300px;}

.pro-manage p{text-align: justify;padding: 5px 0px; color: #777; font-size:18px; }
.pro-manage h1{text-transform:uppercase;  color: #222; font-family: 'Quicksand', sans-serif; font-size: 35px; text-align:center;}
.pro-manage{padding: 60px 0px; line-height:1.8;} 
.pro-manage ul{padding: 0px 13px;}
.pro-manage li{color: #777; font-size:18px;}

.after{padding: 60px 0; background:#ededed;}
.container-3{ width:33%; float:left; }
.after h1{ color: #3C3C3C; font-family: 'Quicksand', sans-serif;font-size: 35px; text-align:center; }
.after p{line-height:1.8; padding: 5px 0px; color: #666; font-size:18px; }
.after-pic{width: 433px;float:left; padding: 20px 0px 5px;}
.after-pic img{float:left; padding: 0px 15px 0px 0px; vertical-align:middle !important;}
.after-pic p{padding: 30px 15px !important;font-size:16px; text-transform:capitalize; color:#666 !important; vertical-align:middle !important; text-align:left;}
.after-pic:nth-child(5){ float:none; margin:auto;}

.after-2{ background:#ededed; padding-bottom:60px;}
.after-2 h3{font-weight: normal;font-size: 18px; margin-bottom:40px; }
.after-part{background: #fff;padding: 50px 0px;}

.after-part ul{padding: 0px 14px;line-height: 22px;}
.after-part li{color: #666;}
.after-part h1{text-align: center;text-transform: uppercase; color: #3C3C3C;font-family: 'Quicksand', sans-serif;
font-size: 35px;}
.after-part p{line-height: 25px;padding: 10px 0px;text-align: justify; color: #666;}

.footer{width:100%; background:#933308; min-height: 300px; padding:10px 0; position:relative;}
.add{width: 47%;padding:0 0; float:left;}
.add img{ position: relative;top:-10px;padding: 10px;border-radius: 0 0 5px 5px;}
.add h2{color: #fff;font-size: 22px;padding: 0px 0px 15px;}

.add .col-2{ width:46%; margin:1%; display:inline-block; vertical-align:top; position:relative; }
.add h3{ color:#fff; padding:5px 0;}
.add .fa{ color:#fff; padding:0 5px 0 0;}
.add p{line-height: 1.5em;color: #fff;text-align: justify; font-size:13px; padding:5px 0;}
.add a{font-size: 25px;color: #fff;margin: 0px 15px;}
.menu2{width:52%; float:right; padding: 47px 0px 0px;}
.menu2 h2{color: #fff;font-size: 22px;padding: 0px 0px 15px; text-transform:uppercase;}
.menu2 ul{padding: 5px 0 35px; border-bottom: 1px solid #fff;}
.menu2 li{list-style:none; display:inline-block; padding:10px 0;}
.menu2 a{text-decoration: none;padding: 0px 18px;color: #fff;font-size: 15px;font-family: calibri; border-right:1px solid #fff;}
.menu2 p{text-align:right;padding: 40px 0 0 ;color: #fff;}
.menu2 a:hover{border-bottom:1px solid #999;}

hr{ border-bottom:thin solid #fff; display:block; margin:3px 0 10px ;}

.content{ min-height:500px; margin-bottom:40px}
.entry-title{ color:#009DF7; text-transform:uppercase; padding:20px 0; font-size:30px; font-weight:normal;}
.sub-title{ color:#000; text-transform:uppercase; padding:20px 0; font-size:20px; font-weight:normal; font-family: 'Fjalla One' !important;}
.content p{ padding:10px 0; line-height:1.5em; text-align:left !important; color:#555}
.img{ margin:10px; border:5px solid #ccc;}

table{ border-collapse:collapse; color:#555; margin-top:20px;}
table td{ padding:10px 10px;}
table td p{ text-align:center !important;}
table th{ padding:15px; font-size:20px; text-transform:uppercase; font-family: 'Fjalla One' !important; background:#555; color:#fff; text-align:left;}
table tr:nth-child(even){ background:#f6f6f6;}

.content ul{ padding:0;}
.content li{ display:inline-block; list-style:none; padding:15px 20px; background:#eee; color:#933308; font-size:18px; width:309px; 
margin:2% 2%; height:26px; text-align:center; position:relative; border-radius:20px 0 0 20px;}
.content li .fa{ font-size:40px; padding:27px; background:#933308 ; border-radius:50px; color:#fff; left:0; position: absolute; top: -19px;}

#full_career{ width:55%;}
#full_career input{ width:300px; display:inline-block; padding:12px 10px; border:1px solid #ccc; margin:1% 0 1% 1%;}
#full_career input[type="submit"]{ width:auto; padding: 10px 25px; background:#933308; color:#fff; border:none;}
#full_career input[type="file"]{ padding:8px 10px; display:block;}
#full_career label{ display:block; padding:10px 12px 0;}

#full_contact{ width:70%; float:left}
#full_contact input, #full_contact textarea{ border-radius:5px; width:250px; display:inline-block; padding:18px 10px; border:1px solid #ccc; margin:1% 0 1% 1%;}
#full_contact textarea{ width:820px; height:200px}
#full_contact input[type="button"]{ width:auto; padding: 10px 25px; background:#933308; color:#fff; border:none;}
.con{ width:28%; float:right;}
.con p{ text-align:left;}
.msg {
    color: #03911a;
	margin:10px 0;
    padding: 10px;
    text-transform: capitalize;
	background:#f6f6f6;
	border-left:2px solid #03911a;
	display:none;
}
.error{
	border-left:2px solid #d30000;
	color:#d30000;
}

.client{ padding:0;}
.client li{ width:278px; background:none; border:1px solid #ededed; height:auto; margin:0; border-radius:0;}

.menu-bar{ display:none;}


@media screen and (max-width:768px){
	.follow{ min-height:auto !important; padding:0 !important;}
	.container-2, .container-3{ width:97%; margin:auto; overflow:hidden;}
	.logo{ position:relative; box-shadow:none; float:none; width:auto; text-align:center; top:0;}
	.logo img{ max-width:100%; height:auto;}
	.menu{ display:none; float:none;}
	.menu li{ display:block; float:none;}
	.menu li a{ display:block; padding:10px; border-right:none; border-bottom:1px solid #eee;}
	.menu-bar{ display:block; color:#933308; padding:10px 0;}
	.after-pic, .add, .menu2, .add .col-2, .offer-pic, #full_contact, .con{ width:auto !important; float:none; display:block;}
	.pro-pic{ height:auto;}
	img{ max-width:100%; height:auto;}
	.menu2 a{ padding:0 12px;}
	table td{ font-size:8px !important;}
	table th{ padding:5px; font-size:15px;}
	.content li{ display:block; width:auto !important; margin:19% 0;}
	.content p{ text-align:left; }
	#full_career input, #full_contact textarea{ width:90%; height:auto; padding:10px;}
	#full_career{ width:90%}
	.offer-pic img{ float:none;}
	.offer-pic h1{ min-width:150px;}
	.menu2 p{ text-align:center;}
	.design{ height:auto; }
	.d-pic{ float:none; margin:auto;}
}