*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
h1, h2{ font-weight: 700;}

a{color:#06739E;}
a:hover{ text-decoration: none;}
input, a:focus{outline: none!important;text-decoration: none;}
ul{margin: 0; padding: 0;}
img{border: 0; max-width: 100%;}

body {font-family: 'Roboto', sans-serif; font-weight: 300; color:#000; font-size: 15px; }
.headerfix{width:100%; background:#fff; position: absolute; left:0; top:0; float: left;/* animation:slide-up 1.5s;transform: translateZ(0); transition:all 0.5s;*/ z-index:9;}
.headfix{ height:84px; width:100%; background:#fff; float: left;}
.float-panel {width:100%; position: fixed; top:0; left:0; z-index:300; animation:slide-down 1.5s; transform: translateZ(0); transition:all 0.5s; }
 
@keyframes slide-down { 0% {opacity: 0; transform: translateY(-100%);}   100% {opacity:1; transform: translateY(0);}  } 
@keyframes slide-up { 0% {opacity: 1; transform: translateY(100%);}   100% {transform: translateY(0);}  } 

@-webkit-keyframes fadeInUp {
  0% {opacity: 0;   -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  }
  100% {opacity: 1;  -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
  0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
  100% {opacity: 1; -webkit-transform: none; transform: none; }
}
section{overflow: hidden;}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.fullwidth{width: 100%; float: left;}
.cssmenu > ul > li > a, .cssmenu > ul > li > a:after, .morebtn, .footebg a, .submitbtn, .boxs{ transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.float-panel .headermain .logo{width:120px;margin:10px 0px;}
.float-panel .cssmenu > ul > li > a {font-size: 14px; padding: 15px 20px; height: 46px;}
.headerfix{border-bottom:1px solid #eaeaea;}
.logo{ float: left; margin:20px 0; width:190px; }
.logo a{display: block;}
#homeslider{position: relative;}

.topmenu{float: right;}
.cssmenu{}
.cssmenu > ul > li > a{height: 84px; padding:34px 25px;}
.cssmenu > ul > li.active > a:after, .cssmenu > ul > li:hover > a:after{ opacity: 1;}
.float-panel .cssmenu > ul > li.has-sub > a:after{ top: 20px;}

.banners{position: relative; }
.banners .item{height: 665px;}

.banners .owl-dots{position: absolute; bottom: 0; left: 0; width: 100%; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#F86E4E;}
.owl-theme .owl-dots .owl-dot span{position: relative; width: 8px; height: 8px;}
.owl-theme .owl-dots .owl-dot span:before{content:""; display: inline-block; border:1px solid #fff;width: 16px; height: 16px; position:absolute; left: -4px; top: -4px; border-radius:50%;}
.owl-theme .owl-dots .owl-dot.active span:before{ border-color:#F86E4E;}
.featurelist div img {
    width: 60px;
    height: 60px;
}
.bannertext div {
    text-transform: uppercase;
}
.bannertext{position: absolute; right: 0; bottom: 0; padding: 15px 30px; z-index: 3; text-align: center; line-height: 40px; font-size:30px; color: #fff; text-shadow: 1px 2px 1px #4c4c4c;}
.options div {
    display: inline-block;
    font-weight: bold;
}
.imgright{float: right; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ccc; padding: 5px;}
.aboutsec{ padding:60px 0;}
.firstsec ul{list-style: none; margin: 0 -15px;}
.firstsec ul li{width: 33.33%; padding: 15px; float: left;}
.boxs{padding:20px; background:#f1f1f1; border: 1px solid #f1f1f1;min-height: 290px;}
.boxs:hover{background:#fff; border: 1px solid #f1f1f1; }
.firstsec h2{font-size:22px; margin: 0 0 10px;}
.firstsec p{ line-height: 24px; font-size: 14px; }

.letest {padding-top: 30px;}
.letest h2{margin-bottom: 15px;}
.projets{border: 1px solid #f1f1f1; background:#f1f1f1; position: relative; display: block; width: 100%; overflow: hidden;}
.projets > div {overflow: hidden; height: 236px;}
.projets h4{ width: 100%; padding: 15px; text-align: center; color: #333; margin: 0; transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; font-size: 14px;}
.projets:hover h4{ background:#fff;}
.projets img {-moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.projets:hover img { -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  transform: scale(1.2);}
.morebtn{color: #F86E4E; font-weight: 500;}

#latestpro .owl-nav{position: absolute; right:-5px; top: 0; margin-top: -50px;}
#latestpro .owl-nav div{text-indent:-9999px; text-align: left; width: 30px; height: 30px; background:#f1f1f1; position: relative;}
#latestpro .owl-nav div:before{content: "\f105"; display: inline-block; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; text-indent: 0;font-size: 26px; color:#616567; line-height: 26px; width: 30px;text-align: center;}
#latestpro .owl-nav div.owl-prev{ transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg);}


.parallax{ padding: 60px 0;  background:#000 url(../images/parallexbg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed;}
.contdiv{padding: 50px 150px; text-align: center; color: #fff;}
.testarea{padding: 60px 0; background:#f1f1f1;  font-size: 14px; line-height: 24px;}
.features{width: 60%; float: left; padding-right: 30px;}
.testimonial{width: 40%; float: left;}
.testimonial p span{font-weight: 600;}

#testimonials{ padding: 30px; background:#fff;}
.testimonial .owl-item{ min-height:250px;}
.testarea h2, .boxs h2{ }
.featuretab{list-style: none;}
.featuretab > li{ display: inline-block;}
.featuretab > li > a{padding:10px 15px; display: block; background:#fff; color:#616567; font-weight: 400;}
.featuretab > li.active > a{background:#616567; color:#fff; margin-bottom: 5px;}

.clients{padding: 60px 0;}
#clients .owl-item{ border: 1px solid #f1f1f1; text-align: center;}
#clients img{width: auto; line-height: 100px; display: inline-block; filter: gray;  -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -khtml-filter: grayscale(1); -ms-filter: grayscale(1);  filter: grayscale(1);}
#clients .owl-item:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -khtml-filter: grayscale(0); -ms-filter: grayscale(0);  filter: none;}

.footebg { padding:30px 0;  background:#222; background-size: cover;}
.fmenu{float: left; width:100%; text-align: center;}
.fmenu ul{ list-style: none;}
.fmenu ul li{ display: inline-block; padding: 10px;}
.fmenu ul li a{ padding:10px 5px; color: #919090; font-weight: 400; display: block;}
.footebg a:hover{color:#fff;}

.copyright{background:#000; padding:10px 0; color: #717070; font-size: 13px; text-align: center;}
.copyright ul{ list-style: none; float: right;}
.copyright ul li{float: left;}
.copyright a{color: #919090;}
.copyright ul li a{width: 28px; display: block;height: 28px; line-height: 28px; text-align: center; font-size: 16px;}
.copyright ul li a i{line-height: 28px;}

.headings{padding: 30px 0;color: #606060; border-bottom: 1px solid #f1f1f1;}
.headings h1{ float: left; margin: 0; font-size: 32px;}
.headings ul{ list-style: none; float: right; margin-top:5px;}
.headings ul > li{float: left;}
.headings ul > li > a{display: block; color: #000;}
.headings ul > li > a:after{content: ""; width: 6px; vertical-align: middle; height: 6px; display: inline-block; margin: 0 10px; transform: rotate(45deg); border-right: 1px solid #606060; border-top: 1px solid #606060;}

.innerpage{padding: 60px 0; color:#444;}
.innerpage h2{font-size: 24px; font-weight: 400;}
.innerpage h3{font-size: 20px; font-weight: 400;}
.projectlist > ul{ list-style: none; margin: 0 -15px;}
.projectlist > ul > li{width: 33.33%; padding: 15px; float: left;}
.listol{margin-left: 25px; margin-bottom: 25px;}
.listol > li{padding: 3px 0;}

.dtimg{margin-bottom: 15px;}
.dtimg img{width: 100%; border: 1px solid #ccc; padding: 5px;}
.dtcontent{}
.options{list-style: none; margin-bottom: 15px;}
.options > li{ width: 40%; padding-bottom:10px; display: inline-block;}
.options > li:before{content: ""; width: 6px; vertical-align: middle; height: 6px; display: inline-block; margin-right:10px; transform: rotate(45deg); border-right: 1px solid #606060; border-top: 1px solid #606060;}
.options > li span{font-weight: 500; display: inline-block; min-width: 140px;}

.testimonials-section{padding: 30px 30px 30px 30px; margin-bottom:28px; border-radius: 8px; border: solid 1px #ddd; box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);}
.testimonials-section img{display:block; margin:auto}
.contact-h4{    font-size: 20px; padding-bottom: 15px;}
.contact-input{ width: 100%; margin-top: 0px; padding:  9px; background-color: #fff; border: 1px solid #d4d4d4; border-radius: 1px; color: #555555; margin-bottom: 8px; float: left;}
.submit-btn{ margin: 0px auto; padding: 8px 30px; font-size: 16px; font-weight: 600; background: #606466; border: 1px solid #606466;border-radius: 25px; border: none; color: #fff; font-weight: normal; margin-top: 10px; text-transform: uppercase;  letter-spacing: 2px;}
.featurelist ul{list-style: none;}
.featurelist > ul > li{ width: 50%; float: left; padding: 15px;}
.featurelist > ul > li > div{border: 1px solid #ccc; padding: 30px; text-align: center;}


.right_test {margin-left: 90px; color: #000;
font-weight: bold;
font-size: 12px;}
.left_test {width: 80px; float: left;}



.error_field
{
	
	border: 1px solid red;
}

.right_content {margin-left: 40px;}
span {
    float: left;
    background: #d8480c;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
}

.boxs i { font-size: 14px; color:#fff;  margin-top: 7px;}


 .pnnel_box {background: #f5f5f5;border-bottom: 11px solid #dc5e12; padding: 10px 30px; height: 510px;}
.pnnel_box > ul > li {list-style: none;font-size: 14px; margin-left: 18px; position: relative; margin-bottom: 7px;}
.pnnel_box > ul > li::before {content: '';display: block; width: 12px;height: 7px;border-left: 2px solid #a9bce1; border-left-color: rgb(169, 188, 225);border-left-color: rgb(169, 188, 225);    border-bottom: 2px solid #a9bce1;        border-bottom-color: rgb(169, 188, 225);    border-bottom-color: rgb(169, 188, 225);    position: absolute;    left: -18px;    top: 6px;    transform: rotate(-45deg);    border-color: #ababab;}


.inner_list > li { font-size: 12px; margin-left: 29px; list-style: none; line-height: 18px;}
.inner_list {    margin-bottom: 10px;}
.pont_box {margin: 30px 0px;}

.form_outer {    background: #f5f1f1;    padding: 15px 30px 30px;}
.right_add {    margin-left: 30px;}
.left_icon_box {float: left;}
.all_grid { margin-bottom: 15px;}
.right_add a {
    text-decoration: none;
    color: #000;
	
}

.map {
    border: 3px solid #ddd;
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}


@media screen and (max-width :1280px) {
.featurelist > ul > li > div { height: 350px;}
}

@media screen and (max-width :1199px) {


	.cssmenu > ul > li > a {padding: 34px 15px; font-size: 14px;}	
	
	
	
}
@media screen and (min-width :992px) and (max-width :1199px) {


	
}

@media screen and (max-width :991px) {
	.pnnel_box{ margin-bottom: 30px; height: auto}
	.projets > div { height: auto;}
	.projectlist > ul > li:nth-child(3n+4){ clear: both;}
	
	.headerfix{position: static;}
	.headfix{display: none;}
	.cssmenu #menu-button{margin-top: -62px;}
	.cssmenu #menu-button{float: right; margin-right: 15px;}
	.topmenu{width: 100%;}
	
	.cssmenu > ul > li > a {font-size: 14px; height: auto; padding: 15px;}
	.cssmenu > ul > li > a:after{display: none;}
	.boxs{padding: 20px;}
	
	
}

@media screen and (min-width :768px) and (max-width :991px) {

	
}

@media screen and (max-width :767px) {
	.projectlist > ul > li{ width: 50%; }
.projectlist > ul > li:nth-child(3n+4){ clear: none;}
	.banners .enqform{height: auto; width: 100%;}
	.banners .item{height:350px;}
	
	

}

@media screen and (max-width :640px) {
	.logo {margin: 15px auto; width: 100px;}
	.projectlist > ul > li{ width: 100%; }
	.projets div img { width: 100%;}
	.innerpage {padding: 20px 0;}
	.cssmenu #menu-button{margin-top: -56px;}
	.aboutsec, .testarea, .clients{padding:25px 0;}
	.contdiv{padding: 0;}
	.features{padding: 0 0 20px;}
	.features, .testimonial{width: 100%;}
	.firstsec ul li{width: 100%;}
	.boxs{min-height: auto;}
	.footebg {padding: 15px 0;}
	.featurelist > ul > li > div { height: auto ; }
	.featurelist > ul > li{  width: 100%;}
	
	
	.half{max-width: 100%;}
	.half p span {font-size: 30px; line-height: 30px;}
	.half p strong {font-size: 50px; line-height: 50px;}
	
}


@media screen and (max-width :480px) {
	.featuretab > li > a{ padding: 10px 7px; }
	
	.fmenu ul li {display: block; padding: 0;}
	
	.cssmenu #menu-button{margin-top: -52px;}
	.banners .item {height: 250px;}

	
}

@media screen and (max-width :350px) {
.featuretab > li > a {padding: 2px 11px;font-size: 10px;}
}