body { margin:0px; padding:0px;font-family:'Montserrat Regular'; position:relative;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:32px; margin:0; padding:0 0 10px 0; line-height:35px; color:#318bb8; font-family:'Weekly SemiBold';}
h2 { font-size:20px; margin:0; padding:0px 0; line-height:26px; color:#58585a;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:22px; color:#3399cc; font-weight: bold;}
h4 { font-size:20px; margin:0; padding:10px 0; line-height:25px; color:#17789c; font-weight: normal;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:25px; color:#17789c;}
p { font-size:17px; margin:0px; padding:8px 0; line-height:24px;  color:#58585a;  font-weight:normal; }
a { color:#ff9933; font-weight: bold; text-decoration:none;}
a:hover { text-decoration:none; color:#d5d5d5;}

ul.services,ul.services2 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#58585a; font-weight: normal; margin:0 15px; line-height:28px;  font-size:17px;}
ul.services2 li {color:#58585a; font-weight: normal; margin:0 15px; line-height:25px;  font-size:17px;}

.wrapper { width:1170px; margin:0 auto;}
.nobr { white-space:nowrap; font-style:normal;}

.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity:1; position: fixed; bottom: 40px; right: 40px; display: none; background: url(../images/icon_top.png) no-repeat;}
.space { float:left; width:100%; margin:30px 0;}

#header-top { float: left; width: 100%;  padding: 8px 0;  background: #989ea0; position: fixed; z-index: 999999999;}
.header-top-left { float:left;color:white;font-family: 'Weekly Light';font-size:20px;}
.header-top,.header-top-right { float:right;}
.header-top ul,.header-top-right ul { margin:0px; padding:0px;}
.header-top li,.header-top-right li { list-style:none; float:left;  margin:0 20px;padding:0px; color:#fff;}
.header-top li img,.header-top-right li img { vertical-align:middle; }
.header-top li a,.header-top-right li a { color:#21263f; font-weight:bold; margin-left:5px; font-family:'Weekly SemiBold';}

#header { float:left; width:100%; margin:40px 0 0 0;  padding:30px 0; background:#21263f;}
.logo { float:left; width:42%;}
.header-right { float:right; margin:20px 0 0; width:54%;}

#welcome-box { float:left; width:100%; margin:50px 0 30px;}
.welcome-box { float:left; width:100%;}
.welcome-box-left { float:left; width:61%; background:#374562; padding:40px;box-shadow:0px 3px 9px #909090;}
.welcome-box-left h1 { color:#fff;}
.welcome-box-left h2 { color:#fff; padding:10px 0;}
.welcome-box-left p { color:#fff;}
.welcome-box-right { float:right; width:36%; background:#21263f; padding:40px;box-shadow:0px 3px 9px #909090;}
.welcome-box-right h1 { color:#fff;}
.welcome-box-right h2 { font-size:28px; margin:20px 0;}
.welcome-box-right h2 span { float:left; margin-right:10px; vertical-align:middle; }
.welcome-box-right h2 a {color:#fff; font-weight:bold;}
.welcome-box-right p { color:#fff; margin:0 0 10px;}
.welcome-box-right .social-icon { float:left; width:100%; margin:25px 0 0;}
.welcome-box-right .btn { float:left; margin-right:25px; margin-top:10px;}
.welcome-box-right .btn a { border:2px solid #fff; padding:7px 20px; font-size:20px; border-radius:20px; color:#fff;}
.welcome-box-right .btn a:hover { background:#fff; color:#374562;}
.welcome-box-right .social-icon ul { margin:0px; padding:0px;}
.welcome-box-right .social-icon li { list-style:none; display:inline-block; margin:0px; padding:0 6px 0 0;}

#services-we-offer { float:left; width:100%; margin:30px 0;}
.services-we-offer { float:left; width:100%; position:relative;}
.services-we-offer-img { float:left; width:100%;}
.services-we-offer-img img { width:100%;box-shadow:0px 3px 9px #909090;}
.services-we-offer .buttion { float:right; position:absolute; top:150px; right:-15px;}

#home-our-projects {float:left; width:100%; margin:30px 0;}
.home-our-projects {float:left; width:100%;box-shadow:0px 3px 9px #909090;}
.home-our-projects-left { float:left; width:40%; position:relative; background:#21263f; padding:51px;}
.home-our-projects-left h2 { color:#fff; margin:130px 0 20px;}
.home-our-projects-left p {color:#fff;}
.home-our-projects-left .buttion { float: left; position:absolute; top:40px; left:-15px;}
.home-our-projects-left .btn { float:left; width:100%; margin:20px 0 0;}
.home-our-projects-left .btn a { border:2px solid #fff; padding:6px 20px; font-size:18px; border-radius:20px; color:#fff;}
.home-our-projects-left .btn a:hover {background:#fff; color:#374562;}
.home-our-projects-right { float:right; width:60%;}
.home-our-projects-right img { width:100%; float:left;}

#home-our-services {float:left; width:100%; /*margin:30px 0 0;*/ padding:40px 0; background:#989ea0;}
.home-our-services {float:left; width:100%;}
.home-our-services-left { float:left; width:35%;}
.home-our-services-left h1 { color:#374562; font-size:50px; line-height:50px;}
.home-our-services-right { float: right; width:60%;}
.home-our-services-right ul { margin:0px; padding:0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.home-our-services-right li { color:#fff; padding:0 5px; margin:0 20px; line-height:25px;}

#gas-safe {float:left; width:100%; padding:40px 0;background:url(../images/gas-safe-background.jpg);
 -webkit-background-size: cover;-moz-background-size: cover;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.gas-safe {width:68%; float:left;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe h1 {color:#fff; padding-bottom:15px;}
.gas-safe h2 {color:#fff; font-size:18px; line-height:22px;padding-bottom:15px;}
.gas-safe p {color:#fff;}
.gas-safe p a { color:#fcf330;}

#footer { float:left; width:100%; margin:30px 0;}
.footer { float:left; width:100%;}
.footer-1 { float:left; width:22%;}
.footer-1 img {max-height: 120px;margin-top: 25px;}


.footer-2 { float:left; width:35%; margin:0 25px;}
.footer-2 p { width:100%; font-family:'Weekly SemiBold'; color:#374562; font-size:20px; line-height:22px; margin-bottom:0px;}
.footer-2 p span { margin-right:12px; float:left; min-height:30px;}
.footer-2 p a { font-size:22px;color:#374562;}

.footer-3 { float:left; width:20%; text-align:center; margin:0 25px;}
.footer-3 .week-time { float:left; width:100%; margin-bottom:20px; background:#374562; padding:15px; margin-top:25px;}
.footer-3 .week-time h2 {color:#fff; margin:0px; padding:0px;}
.footer-3 .week-time p { color:#fff;margin:0px; padding:0px;}
.footer-3 .social-icon ul { margin:0px; padding:0px;}
.footer-3 .social-icon li { list-style:none; display:inline-block; padding:0 5px 0 0;}

.footer-4 { float:right; width:13%;}
.footer-4 h2 { margin-bottom:10px; font-family:'Weekly SemiBold';}
.footer-4 ul {}
.footer-4 li { list-style:none; line-height:26px;}
.footer-4 li a { font:normal; color:#6d6e71; font-weight:normal;}
.footer-4 li a.active,.footer-4 li a:hover { color:#000;}

#copy-right { float:left; width:100%; background:#21263f; padding:10px 0;}
.copy-right { float:left; width:100%;}
.copy-right p { text-align: center; color:#fff; margin:0px; padding:0px; font-size:16px;}
.copy-right p span { color:#fff; font-size:25px; vertical-align:middle;}
.copy-right p a { color:#fff; font-weight:bold;}
.copy-right p a:hover { color:#000;}

#content { float:left; width:100%; padding:100px 0 40px;}
.content { float:left; width:100%; padding:70px 0 70px;}
.row { float:left; width:100%;}
.row-left { float:left; width:48%;}
.row-left h1 { color:#374562;}
.row-left h3 { font-weight:normal;color:#374562; font-size:22px; line-height:28px;}
.row-left p { font-size:16px; line-height:25px;}
.row-right { float:right; width:48%;}

#our-services { float: left; width:100%; margin:25px 0; text-align:center;}
.our-services { float:left; width:100%;}
.our-services ul { margin:0px; padding:0px;}
.our-services li { list-style:none; display:inline-block; margin:0 35px 20px 0;}
.our-services li:nth-child(3) { margin-right:0px;}
.our-services li:nth-child(6) { margin-right:0px;}

.project:nth-child(odd) {background-color:#f0f0f0;}
.our-projects { float:left; width:100%;}
.our-projects-left { float:left; width:60%; position:relative; /*background:#21263f;*/}
.our-projects h1,.our-projects-left h1,.our-projects-right h1 { color:#374562; padding:20px 20px 20px 0;}
.our-projects h3,.our-projects-left h3 { font-weight:normal;color:#374562; font-size:22px; line-height:28px;padding:20px 20px 20px 0;text-align:justify;}
.our-projects p,.our-projects-left p,.our-projects-right p { /*color:#fff;*/padding:20px 20px 20px 0;text-align:justify;}

.our-projects-left-img { width:100%; float:left;}
.our-projects-left-img img,.our-projects-right-img img { width:100%; margin-bottom:20px;}
.our-projects-left .buttion { float: left; position:absolute; top:40px; left:-15px;}
.our-projects-right { float:right; width:40%;  position:relative; /*background:#21263f;*/}
.our-projects-right-img { width:100%; float:left;}

.our-projects-right .buttion { float: left; position:absolute; top:40px; left:-15px;}

.contact { float:left; width:100%;}
.contact .row { text-align:center; float:left; width:100%; border-bottom:1px solid #d5d5d5; padding:0 0 10px; margin:0 0 30px;}
.contact .row p { font-size:21px; line-height:30px;}
.contact-left { float:left; width:48%;}
.contact-left h1 { color:#374569; }
.contact-form { float: left; width: 100%;}
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 20px; }
.field { float: left; width: 100%; color: #f08221; font-size: 15px; padding:5px 0; }
.field .input { border: 2px solid #3f3f3f; line-height: 35px; font-size:15px; width: 100%; padding: 0 5px; border-radius:4px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #2c3f8d; line-height: 35px; padding: 0 5px; }
.pad1 { text-align: right; }
.field textarea.input { line-height: 15px;font-family:'Montserrat Regular'; font-weight:normal;color: #58595b;padding: 5px 5px;}
.formrow.captcha { float:left; width:100%;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #cccccc;}
.imgcaptcha { border: 1px solid #cccccc; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}
.formrow.pad1 input { background: #374562; border: 0 none; color: #fff; font-size: 18px; padding:8px 25px; border-radius: 4px; font-weight:normal;}
.formrow.pad1 input:hover { background: #1a2847; cursor: pointer; }

.contact-right {float: right; width:48%;}
.contact-right h1 { color:#374569; }
.contact-add { float:left; width:100%; margin:25px 0; padding:35px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-family:'Weekly SemiBold';}
.contact-add h2 { margin:0 0 30px; padding:0px; font-size:45px; line-height:50px;}
.contact-add h2 a { font-weight: bold; color:#374569;}
.contact-add h2 span { float:left;margin-right:12px;}

.contact-add h4 { display:inline-block; margin:0px; padding:0px; color:#60585a; font-size:30px; line-height:40px; font-family:'Weekly SemiBold';}
.contact-add h4 span { float:left; min-height:65px; margin-right:15px;}


.pic-img { float:left; width:100%;}
.pic-img img { width:100%;}

.flip-box {	margin: 0 auto;	width: 362px;	height: 278px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px;}
.flip-box .front,.flip-box .back {text-align: center;}
.flip-box .front p,.flip-box .back p {text-align: justify;}
.flip-box .front {	height: inherit;	position: absolute;	top: 0;	width:100%;	z-index: 900;	text-align: center;	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);	-webkit-transform-style: preserve-3d;	   -moz-transform-style: preserve-3d;	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.flip-box .back {	height: inherit;	position: absolute;	top: 0;	width:100%;	z-index: 1000; background-color: #f0f0f0; padding:50px 25px;
	-webkit-transform: rotateY(-180deg);	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;	   -moz-transform-style: preserve-3d;	-webkit-backface-visibility: hidden;	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;  -moz-transition: all .4s ease-in-out;	-ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;}
.flip-box.flip .front {	z-index: 900;	-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);}
.flip-box.flip .back {	z-index: 1000;	-webkit-transform: rotateX(0deg) rotateY(0deg);	-moz-transform: rotateX(0deg) rotateY(0deg);}
.box1{	background-color: #ffffff;	width: 100%;	height: 250px;	margin: 0 auto;	padding: 0px;	border-radius: 10px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;}
.box2{	background-color: #f0f0f0;	width: 100%;	height: 250px;	margin: 0 auto;	padding: 0px;	border-radius: 10px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;}