@chrset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif;}
*{ margin:0px; padding:0px;}
.navbar{ background:#ffffff;}
#topbar{ background:none repeat scroll 0 0 #ffffff;}
#topbar p, #topbar i{opacity: 1.5; color:#e95b27;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:none repeat scroll 0 0 #e95b27;}
.top-nav li a:hover,.top-nav li.active-item a{ background: #e95b27; color: #fbfbfb;border-top:2px #00bae8  solid; position:relative;}
.nav-text{color: #000; display:block;}
.top-nav li a{ color:#5f5f5e;}
none repeat scroll 0 0 #12b7e7{    opacity: 1.5; color:#ffffff;}
#topbar i{ position:relative;opacity: 1.5}
#topbar i:hover{ color:#e95b27 ;cursor: pointer;opacity: 1;}
.prev-arrow, .next-arrow{ background:none repeat scroll 0 0 #e95b27;}
#carousel .text p{ background:none}
#about-us{ background:none repeat scroll 0 0 #ffffff; padding: 2em 2em; margin:0px;}
#about-us h2{font-size: 3em;text-align: center;color: #;color: #e95b27;font-weight: bold; font-family:Arial, Helvetica, sans-serif}
 #about-us p{line-height: 28px;}
#about-us article{ padding:0px 30px;}
#first-block{ background:none repeat scroll 0 0 #e95b27 ; padding:4em 2em; margin0px;}
#first-block p{ color:#ffffff;}
#first-block h1{color: #fff; font-size: 3em;margin-top: 0;font-weight: bold;}
h2.section-title{color: #e95b27; margin:0px;}
a.tab-label, a.tab-label:link, a.tab-label:visited{background: #e95b27  none repeat scroll 0 0;}
article p, article li{ opacity: 1.7}
.article p, a span{background: #00bae8;padding: 8px;color: #fff;border-radius: 12px;font-weight: bold;}
.article p, a span:hover{background: #fff; color:#e95b27;opaciyt:0.5}
#careers{ background:#e95b27 none repeat scroll 0 0;box-shadow: none; padding:0px;}
#careers h2{ font-size: 3.8em; color:#ffffff;padding: 10px;}
.news-date{ background:#2aa9da none repeat scroll 0 0;}

form.customform{ margin-left:2%;}
form.customform input, form.customform textarea, form.customform select{border: 1px solid #00bae8;}
#contact-us{ background:#ffffff; padding:2em 2em;}
#contact-us h2{ font-size:3em;}
#contact-us h3{color: #e95b27; padding:4px 0PX; font-size:1em;font-weight: 700;}
#contact-us p{font-style: normal;font-size: 0.85em;line-height: 2em;}
.center .white-btn:hover{ color:#00bae8;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);}
footer p, footer a:visited, footer a, footer a:hover{color:#ffffff;}
footer p a{ font-size:13px;}
footer{ background:none repeat scroll 0 0 #e95b27;padding: .5em 0;}
form.customform input[type="file"]{border: 1px solid #00bae8;}
a.color-btn, form.customform button.color-btn{ background:#e95b27; border:2px solid #00bae8; font-weight:bold; padding:12px; }
a.color-btn, form.customform button.color-btn:hover{border: 2px solid #ffffff; color:#ffffff;}
.our-work-text{ background:#e95b27  none repeat scroll 0 0;}
.our-work-text p{opacity:1.7;}
#application-areas{box-shadow:none;z-index:3;padding: 2em 2em;background:#ffffff;}
#application-areas h1{font-size:3em;text-align: center;color: #e95b27;font-weight: 700; margin-bottom:30px;}
.imges{width:75%; float:left; margin-top:2%;}
.office{ float:right;width: 24%; padding:10px;}
.office ul{ list-style:none;}
.office ul li{ float:left; width:100%;background: #e95b27; margin-top:6%;}
.office ul li a{ font-size:1em; color:#ffffff; text-decoration:none; display:black; text-align:center; font-weight:bold;float: left;margin-left: 40px; padding:10px;}
.office ul li:hover{ background:#00bae8;}
.textt a{ font-size:14px; padding:5px; background:#e95b27;border-radius: 10px; font-weight:bold; color:#ffffff;}
.textt a:hover{ background:#00bae8; color:#fff;}
.owl-item img, .full-img{ margin-top:6%;}
.imgesican{width: 70%;float: left;text-align: center;padding: 4px;margin-left: 20%; padding-bottom:2em;}
.imgesican ul{ list-style:none;}
.imgesican ul li{ float:left;}
.imgesican ul li a { float:left; font-size:1em; color:#000000; background:#ffffff; padding:20px 28px;border-right: 1px solid #000;    font-weight: bold;
}
.imgesican ul a:hover{background:#00bae8 ; color:#ffffff ;}
.imgesican ul li a.active{background:#00bae8;color:#ffffff ;}
a.white-btn{margin-top: 14.25em;}

#services{ padding:1em 2em;}
#services h2{ margin:2%;}
#services h3{ font-size:13px;}
#services p{ font-size:13px;}
.adress{ width:24%; float:left; border:1px solid #fff; margin:0px 5px; }
#services{background:#e95b27;}




@media only screen and (max-width: 1024px){
.media-container video, .media-container img{ width:100%; height:592px;}
.imgesican{width: 55%; margin-left:22%;}
a.tab-label, a.tab-label:link, a.tab-label:visited{ padding:18px; font-size:16px; background:#000}
a.color-btn, form.customform button.color-btn{ font-size:13px; padding:8px;}
.imgesican{ width:100%;margin-left:15%;}
.office ul li a{ margin-left:18px; padding:10px;}
}


@media only screen and (max-width: 768px){
.imgesican{ width:100%; margin:0px;}
.imgesican ul li{ float:left; margin-left:0%;}
.imgesican ul li a{ padding:20px; font-size:16px; float:left;}
.owl-item img, .full-img{ margin:0px;}
.media-container video, .media-container img{ width:100%; height:100%;}
a.color-btn, form.customform button.color-btn{ width:40%;}
.office{ width:25%;}
.office ul li a{ padding: 8px 5px; font-size:15px; margin:0px;}
.s-12{ margin-top:1%;}
.top-nav li a{ padding:15px;
}
.top-nav{line-height: 1em;}
.top-nav li a{ background:#ffffff; color:#5f5f5e; border-top: 2px solid #fff;}
.top-nav li a:hover{ background: #e95b27; color: #fbfbfb;border-top:2px #00bae8  solid; position:relative;}
}

@media only screen and (max-width: 640px){
.imgesican {  width:100%; margin:0px; padding:0px;}
.imges{ width:70%; float:left;}
.office{ width:30%;}
.office ul li a{ float:left; font-size:14px; padding:8px; margin:0px;}
.imgesican ul li{margin-left:0px;}
.imgesican ul li a{ padding:13px;}
#about-us h2{ font-size:2.8em;}
#contact-us h2{ font-size:2em;}
#careers h2{ font-size:2.8em;}
#first-block h1{ font-size:2.8em;}
#application-areas h1{ font-size:2.8em;}
.margin-bottom{ margin-bottom:0px;}
.media-container video, .media-container img{ width:100%; height:100%;}

a.white-btn{ float:left; width:100%; margin-top:3%;}
.owl-item img, .full-img{ margin:0px;}

}

@media only screen and (max-width: 360px){
.office ul li a{ margin-left:60px;}
}


@media only screen and (max-width: 480px){
.owl-item img, .full-img{ margin:0px;}
.media-container video, .media-container img{ width:100%; height:100%;}
a.color-btn, form.customform button.color-btn{ width:100%;}
form.customform input, form.customform textarea, form.customform select{ margin-top:10px;}
.center{ float:left;}
a.white-btn{margin-top: 1.25em;}
.imgesican{ margin:0px; width:auto;}
.imgesican ul li{ width:84%; padding:5px 0px; margin-left:26%; }
a.white-btn{ width:100%;}
p.logo, p.nav-text{ text-align:right;}
.imges{ width:100%; float:left;}
.office{width:100%;}
.office ul li a{padding: 10px;font-size: 15px; margin-left:30%;}
.office ul li{ width:100%; float:left;}

}

@media only screen and (max-width: 320px){
#about-us h2{ font-size:2em;}
#contact-us h2{ font-size:2em;}
.margin-bottom{ margin-bottom:0px;}
#careers h2{ font-size:2em;}
#first-block h1{ font-size:2em;}
#first-block{ padding:2em 2em;}
#application-areas h1{ font-size:2em;}
.media-container video, .media-container img{ width:100%; height:100%;}
.owl-item img, .full-img{ margin:0px;}
.office{ width:30%;}
.imges{ width:100%; float:left;}
.office{width:100%;}
.office ul li a{padding: 10px;font-size: 15px; margin-left:15px;}
.office ul li{ width:100%; float:left;}
.center{ float:left;}
a.white-btn{margin-top: 1.25em;}
.imgesican{ margin:0px;}
.imgesican ul li{ width:100%; padding:10px 15px; margin-left:30px;}
a.white-btn{ margin-left:15%; width:70%;}
h2.section-title{ font-size:26px;}

}