@font-face {
font-family: 'arialnarrow';
src: url(//www.exarotec.com/wp-content/themes/exaro/fonts/arialn-webfont.woff2) format('woff2'),
url(//www.exarotec.com/wp-content/themes/exaro/fonts/arialn-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Flaticon";
src: url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.eot);
src: url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.woff) format("woff"),
url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.ttf) format("truetype"),
url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//www.exarotec.com/wp-content/themes/exaro/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
}
.flaticon-twitter:before { content: "\f100"; }
.flaticon-right-arrow:before { content: "\f101"; }
.flaticon-arrows:before { content: "\f102"; }
.flaticon-check:before { content: "\f103"; }
.flaticon-target:before { content: "\f104"; }
.flaticon-engineer:before { content: "\f105"; }
.flaticon-protection-shield-with-a-check-mark:before { content: "\f106"; }
.flaticon-tick-inside-circle:before { content: "\f107"; }
.flaticon-placeholder:before { content: "\f108"; }
.flaticon-instagram-social-network-logo-of-photo-camera:before { content: "\f109"; }
.flaticon-linkedin-logo:before { content: "\f10a"; }
.flaticon-youtube:before { content: "\f10b"; }
.flaticon-youtube-logo:before { content: "\f10c"; }
.flaticon-facebook-logo:before { content: "\f10d"; }
.flaticon-envelope:before { content: "\f10e"; }
body{
font:16px/23px 'Lato', sans-serif;
margin: 0;
padding: 0; }
h2{
display: block;
margin: 0;
padding: 0 0 45px 0;
font:36px 'arialnarrow';
color: #fff;
text-transform: uppercase;
}
img.size-full{width: 100%;height: auto;}
.form_area .input-group input{outline: none;}
#wrapper{
position: relative;
overflow: hidden;
height: 100%;
min-height: 600px;
}
#header{
position: relative;
z-index: 999;
background: #09090b;
padding: 11px 0 0 0;
color: #fff;
}
#header.clone {
top:-111px;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
position: absolute;
width: 100%;
visibility:hidden;
}
#header.clone.fixed {
position: fixed;
z-index: 100;
width: 100%;
top: 0;
left: 0;
right: 0;
visibility:visible;
}
.default{
width: 100%;
padding: 74px 0 63px 0;
}
.default:after{
content: "";
display: block;
clear: both;
}
.number_address{
border-right: 1px solid #3a3a3a;
padding-left: 113px;
padding-top: 10px;
}
.number_address span{
padding-left: 15px;
}
.number_address span a{
font-size: 21px;
color: #fff;
}
.number_address small{
font-size: 11px;
line-height: 18px;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 10px;
}
.f_holder{
width: 100%;
overflow: hidden;
padding-left: 15px;
}
.form_area .input-group{
border: 1px solid #3a3a3a;
border-radius: 4px;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.form_area .input-group input,
.form_area .input-group .btn{
border: none;
background-color: transparent;
box-shadow: none;
padding: 0 10px;
line-height: 29px;
height: 29px;
}
.form_area .input-group input::-webkit-input-placeholder { color: #3e3e3e;
}
.form_area .input-group input::-moz-placeholder { color: #3e3e3e;
}
.form_area .input-group input:-ms-input-placeholder { color: #3e3e3e;
}
.form_area .input-group input:-moz-placeholder { color: #3e3e3e;
}
.form_area .input-group .btn{
color: #383838;
}
.request_quote{
position: relative;
width:100%;
color: #fff;
background-color: #1b1b1b;
border-radius: 4px;
padding: 0 0 0 6px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 36px;
display: inline-block;
margin:4px 0 0;
}
.request_quote:hover{
color: #616161;
text-decoration: none;
}
.request_quote i{
padding: 0 0;
font-size: 18px;
margin: 3px 10px 0 5px;
}
.menu .navbar-nav{
width: 100%;
border-top: 1px solid #424243;
}
.menu .navbar-nav li a{
font-size: 16px;
text-transform: uppercase;
color: #fff;
padding: 14px 0 10px 0;
font-family: 'Open Sans', sans-serif;
}
.menu .navbar-nav li.active a,
.menu .navbar-nav li a:hover{
color: #616161;
}
.slideshow,
.slideshow .slideset{
position: relative;
width: 100%;
overflow: hidden;
}
.slideshow .slide{
position: absolute;
left: 0;
right: 0;
top: 0;
}
.slideshow .slide.active{
z-index: 2;
}
.slideshow .slide img{
width: 100%;
max-width: 100%;
}
.slideshow .caption{
position: absolute;
left: 0;
top: 70%;
width: 100%;
overflow: hidden;
transform: translateY(-70%);
-ms-transform: translateY(-70%);
-webkit-transform: translateY(-70%);
padding: 0;
}
.slideshow .active .caption{
opacity: 1;
}
.slideshow .caption .inner_box{
display: inline-block;
box-sizing: border-box;
padding:0;
color: #fff;
position: relative;
z-index: 999;
}
.slideshow .caption .inner_box{
font-family: 'Catamaran', sans-serif;
font-weight: 500;
font-size: 18px;
color: #fff;
}
.slideshow .caption .inner_box h1{
display: block;
margin: 0;
padding: 0 0 36px 0;
font:52px/46px 'arialnarrow';
}
.inner_box .btn{
font:16px/42px 'arialnarrow';
color: #fff;
background-color: #f47629;
text-transform: uppercase;
padding: 0 20px;
}
.slideshow .caption .inner_box .store{
display: inline-block;
margin: 34px 6px 0 0;
}
.slideshow .remote{
width: 68px;
height: 68px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background: rgba(15,36,68,0.6);
z-index: 99;
text-align: center;
}
.slideshow .remote i{
line-height: 68px;
}
.slideshow .remote i:before{
font-size: 21px;
color: #fff;
}
.slideshow .btn-prev{
left: 3%;
}
.slideshow .btn-next{
right: 3%;
}
.pagination{
position: absolute;
left: 0;
bottom: 65px;
width: 100%;
overflow: hidden;
}
.pagination ul{
z-index: 11;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
overflow: hidden;
}
.pagination li{
display: inline-block;
width: 15px;
height: 15px;
background-color: #fff;
border-radius: 50%;
position: relative;
overflow: hidden;
text-indent: -999px;
margin-left: 5px;
cursor: pointer;
}
.pagination li.active{
background-color: #000;
cursor: inherit;
}
#footer{
background-color: #0d0d12;
padding: 63px 0 37px 0;
color: #fff;
font:14px 'arialnarrow';
}
.f_logo a{
max-width: 290px;
float: left;
}
.c_right{
display: block;
padding: 35px 0 63px 0;
}
.social{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.social li{
display: inline-block;
width: 38px;
height: 38px;
background-color: #1f1f27;
border-radius: 50%;
margin-right: 8px;
}
.social li:hover{
background-color: #f47629;
}
.social li a{
color: #fff;
display: block;
line-height: 36px;
text-align: center;
}
a:hover{
text-decoration: none;
}
.social li a i:before{
font-size: 18px;
}
.poweredby{
color: #7d7d88;
font-size: 14px;
padding: 5px 0 0 40px;
display: inline-block;
}
.f_box h4{
display: block;
padding: 0 0 45px 0;
margin: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 17px;
}
.quick_links{
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.quick_links li{
width: 50%;
float: left;
padding-bottom: 20px;
}
.quick_links li a{
text-transform: uppercase;
color: #fff;
}
.locations{
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.locations li{
display: block;
position: relative;
padding: 0 0 23px 24px;
text-transform: uppercase;
line-height: 19px;
}
.locations li i{
position: absolute;
left: 0;
top: 2px;
}
.locations li i:before{
font-size: 18px;
}
.locations li a{
color: #fff;
}
.p_insfratucture{
background: url(//www.exarotec.com/wp-content/themes/exaro/images/p_infrastructure.jpg) no-repeat left top #0c0c0c;
background-size: cover;
}
.p_insfratucture .box{
margin-bottom: 30px;
font:16px 'arialnarrow';
color: #fff;
}
.p_insfratucture .box_inner{
width: 100%;
overflow: hidden;
position: relative;
}
.p_insfratucture .box .label{
position: absolute;
width: 100%;
left: 0;
bottom: 0; padding:17px 10px;
display: block;
font-size: 18px;
color: #fff;
text-transform: capitalize;
background-color: #06193d; -moz-box-shadow: -6px 6px 8px rgba(0,0,0,.08); -webkit-box-shadow: -6px 6px 8px rgba(0,0,0,.08); box-shadow: -6px 6px 8px rgba(0,0,0,.08); background-image: -moz-linear-gradient(183deg, #05183b 0%, #0b37b6 98.97%, #0b37b6 100%); background-image: -o-linear-gradient(183deg, #05183b 0%, #0b37b6 98.97%, #0b37b6 100%); background-image: -webkit-linear-gradient(183deg, #05183b 0%, #0b37b6 98.97%, #0b37b6 100%); background-image: linear-gradient(267deg, #05183b 0%, #0b37b6 98.97%, #0b37b6 100%); }
.p_insfratucture .box:hover .p_caption{
visibility: visible;
opacity: 1;
bottom: 0;
}
.p_insfratucture .box:hover .label{
visibility: hidden;
opacity: 1;
}
.p_caption{
position: absolute;
left: 0;
bottom: -100%;
width: 100%;
display: block;
overflow: hidden;
height: 100%;
background-color: rgba(64,64,64,0.8);
color: #fff;
visibility: hidden;
opacity: 0;
padding: 37px 27px 0 27px;
text-align: left;
transition:all linear 0.2s;
-webkit-transition:all linear 0.2s;
-ms-transition:all linear 0.2s;
}
.p_caption:hover{
color: #fff;
}
.p_caption h4{
display: block;
padding: 0 0 50px 0;
margin: 0;
font-size: 18px;
text-transform: capitalize;
}
.relationship{
background: url(//www.exarotec.com/wp-content/themes/exaro/images/relationship.jpg) no-repeat left top;
background-size: cover;
}
.relationship h2{
color: #000;
padding: 0 0 0 0;
}
.relationship .subtitle{
display: block;
color: #000;
font:20px 'arialnarrow';
}
.relashinship_list{
list-style: none;
margin: 0;
padding: 52px 0 0 0;
}
.relashinship_list li{
position: relative;
padding: 0 70px 25px 29px;
}
.relashinship_list li a{
color: #e92323;
text-transform: uppercase;
text-decoration: underline;
}
.relashinship_list li:after{
content: "";
position: absolute;
left: 0;
top: 5px;
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
}
.howweare{
padding-bottom: 16px;
padding-top: 30px;
}
.howweare span{
font:22px 'arialnarrow';
background-color: #a00808;
display: inline-block;
padding: 0 26px;
line-height: 46px;
border-radius: 5px;
text-transform: uppercase;
}
.howweare i{
color: #e92323;
display: inline-block;
position: relative;
left: -16px;
top: 16px;
}
.howweare i:before{
font-size: 64px;
}
.howweare a{
color: #fff;
}
.howweare a:hover span{
background-color: #000;
}
.relationship .learnmore{
background-color: #000;
color: #fff;
text-transform: uppercase; font:16px/36px 'arialnarrow';
min-width: 135px;
border-radius: 5px;
}
.exaroinaction{
background: url(//www.exarotec.com/wp-content/themes/exaro/images/axaroinaction.jpg) no-repeat left top;
background-size: cover;
}
.exaroinaction h2{
padding-bottom: 20px;
}
.exaroinaction .nav-tabs{
border: none;
padding-bottom: 40px;
}
.exaroinaction .nav-tabs li{
padding-left: 9px;
padding-right: 9px;
}
.exaroinaction .nav-tabs li a{
text-transform: uppercase;
color: #fff;
font-size: 15px;
border: none;
border-radius: 0 0;
}
.exaroinaction.lp .nav-tabs li a{
color: #757474;
}
.exaroinaction.lp .nav-tabs li a.active,
.exaroinaction.lp .nav-tabs li a:hover{
color: #fff;
}
.exaroinaction .data{
color: #fff;
text-align: center;
}
.exaroinaction .nav-tabs .nav-item.show .nav-link,
.exaroinaction .nav-tabs .nav-link.active{
background-color: transparent;
}
.action_view {
padding-bottom:20px;
}
.action_view a{
display: block;
position: relative;
color: #fff;
text-align: center; font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
.action_view a span{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
padding: 0 10px 10px 10px;
}
.associations{
padding: 40px 0;
}
.associations h2{
color:#000;
padding-bottom: 25px;
}
.associations .slick-arrow{
width: 20px;
height: 62px;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-family: Flaticon;
z-index: 999;
background-color: transparent;
border: none;
color: #fff;
text-indent: -9999px;
cursor: pointer;
outline: none;
}
.associations .slick-slide{
text-align: center;
}
.associations .slick-slide a{
outline: none;
display: inline-block;
}
.slick-prev{
left: 0;
background: url(//www.exarotec.com/wp-content/themes/exaro/images/arrow-left.png) no-repeat left top;
background-size: cover;
}
.slick-next{
right: 0;
background: url(//www.exarotec.com/wp-content/themes/exaro/images/arrow-right.png) no-repeat left top;
background-size: cover;
}
.associated{ padding: 0 70px;
}
.banner{
width: 100%;
overflow: hidden;
}
.banner img{
max-width: 100%;
width: 100%;
}
.utility_locating{
color: #242323;
font-size:16px;
}
.utility_locating h2{
color: #242323;
font-family: 'arialnarrow';
}
.utility_locating .subtitle{
font-size: 26px;
font-family: 'arialnarrow';
}
.utility_locating .including{
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
padding: 33px 0 0 0;
text-align: center;
font-family: 'arialnarrow';
}
.utility_locating .including li{
display: inline-block;
font-size: 30px;
padding-bottom: 35px;
}
.utility_locating .including li span{
display: inline-block;
position: relative;
padding: 0 42px;
}
.utility_locating .including li span i{
position: absolute;
left: 0;
top: 0;
}
.utility_locating .including li span i:before{
font-size: 29px;
}
.utility_locating .type{
list-style: none;
margin: 0;
padding: 45px 0 0 0;
float: none;
margin: 0 auto;
display: inline-block;
}
.utility_locating .type li{
display: inline-block;
vertical-align: top;
width: 31%;
position: relative;
padding: 0 24px 5px 22px;
text-align: left;
font:400 16px 'Lato', sans-serif;
min-height: 50px;
}
.utility_locating .type li:after{
content: "";
width: 8px;
height: 8px;
background-color: #000;
position: absolute;
left: 0;
top: 9px;
border-radius: 50%;
}
.howitworks{
background-color: #f6f6f6;
color: #242323;
}
.howitworks h2{
color: #242323;
}
.howitworks h3{
color: #242323;
font:26px 'arialnarrow';
}
.e_detection{
width: 100%;
overflow: hidden;
margin: 0;
padding: 34px 0 0 0;
list-style: none;
}
.e_detection li{
position: relative;
padding: 0 0 20px 24px;
font-size: 16px;
line-height: 20px;
color: #333232;
}
.e_detection li:after{
content: "";
width: 8px;
height: 8px;
background-color: #000;
position: absolute;
left: 0;
top: 9px;
border-radius: 50%;
}
.detection_view span{
font:18px 'arialnarrow';
color: #242323;
display: block;
padding: 0 0 27px 0;
}
.gp_radar{
width: 100%;
overflow: hidden;
padding: 72px 0 40px 0;
background-color: #fff;
}
.vacuum_excavation{
width: 100%;
overflow: hidden;
padding: 40px 0 0 0;
}
.cathodic_protection{}
.cathodic_protection h2{
color: #242323;
font-family: 'arialnarrow';
padding: 0 0 10px 0;
}
.cathodic_protection .subtitle{
font-size: 26px;
font-family: 'arialnarrow';
text-transform: inherit;
padding-bottom: 60px;
display: block;
line-height: 27px;
}
.cathodic_protection h3{
font-family: 'arialnarrow';
font-size: 26px;
padding: 0;
margin: 0;
}
.cp_projects{
background: url(//www.exarotec.com/wp-content/themes/exaro/images/project_bg.jpg) no-repeat left top;
background-size: cover;
}
.cp_projects h2{}
.p_box{
position: relative;
}
.p_box a {
display: block;
position: relative;
color: #fff;
text-align: center;
font: 18px 'arialnarrow';
}
.p_box a span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
padding: 0 10px 10px 10px;
}
.contcrete_scanning .e_detection li{
width: 50%;
float: left;
padding-right: 20px;
}
.benefits{
width: 100%;
overflow: auto;
}
.benefits table{
font: 18px 'arialnarrow';
}
.benefits table thead{
background-color: #040b30;
color: #fff;
text-transform: uppercase;
}
.benefits table thead tr th{
font-weight: 400;
}
.benefits table tr td{
background-color: #dbdbdb;
font-size: 18px;
color: #000;
border-color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
.traffic_controle .subtitle{
color: #242323;
font: 26px 'arialnarrow';
padding-bottom: 36px;
}
.traffic_controle .note{
display: block;
font: 18px 'arialnarrow';
text-transform: uppercase;
color: #545353;
}
.traffic_sign{
background-color: #eaeaea;
}
.t_sign span{
display: block;
font: 18px 'arialnarrow';
padding-bottom: 23px;
color: #242323;
}
.cp_projects.tc_projects{
background: url(//www.exarotec.com/wp-content/themes/exaro/images/t_sign_bg.jpg) no-repeat left top;
background-size: cover;
}
.os_container .subtitle{
padding-bottom: 0;
}
.otherservices{
width: 100%;
overflow: hidden;
font: 26px 'arialnarrow';
}
.services_inner{
width: 100%;
overflow: hidden;
padding:40px 0;
}
.otherservices .services_inner:nth-child(odd){
background-color: #eaeaea;
}
.o_service_inner{
position: relative;
}
.o_service_inner span{
position: absolute;
left: 0;
bottom: 0;
color: #fff;
padding: 16px 25px;
font-size: 22px;
text-align: center;
width: 100%;
overflow: hidden;
}
.otherservices h5{
font-size: 26px;
color: #242323;
}
.about_us .e_detection li{
width: 33.33%;
float: left;
padding-right: 20px;
}
.about_us h3{
font-size: 36px;
padding-bottom: 54px;
}
.licenses{
width: 100%;
overflow: hidden;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.licenses li{
float: left;
width: 33.33%;
padding: 0 0 15px 30px;
position: relative;
}
.licenses li i{
position: absolute;
left: 0;
top: 0;
}
.licenses li i:before{
font-size: 16px;
}
.leadership{
background-color: #f0f0f5;
color: #242323;
}
.leadership h2{
color: #242323;
padding-bottom: 10px;
}
.leadership .subtitle{
display: block;
padding: 0 0 65px 0;
font-size: 18px;
}
.profile_box,
.info_box{
font-size: 15px;
}
.profile_box .name{
display: block;
text-transform: capitalize;
font: 26px 'arialnarrow';
padding: 25px 0;
}
.profile_box .name small{
display: block;
text-transform: capitalize;
font-size: 20px;
}
.information i{
width: 116px;
height: 116px;
display: inline-block;
border-radius: 50%;
background-color: #f0f0f5;
}
.information i:before{
font-size: 65px;
position: relative;
top: 43px;
}
.information .title{
display: block;
color: #242323;
font: 26px 'arialnarrow';
padding: 17px 0 20px 0;
}
.information .info_box:hover i{
background-color: #000;
color: #fff;
}
.team_value{
background-color: #f6f6f6;
}
.team_value h2{
color: #242323;
}
.value_list{
width: 100%;
overflow: hidden;
padding: 0 0 0 70px;
margin: 0 0 0 0;
list-style: none;
}
.value_list li{
float: left;
width: 33.33%;
position: relative;
padding: 0 0 15px 24px;
}
.value_list li i{
position: absolute;
left: 0;
top:2px;
}
.value_list li i:before{
font-size: 17px;
}
.career h2{
color: #242323;
}
.career_form{
padding-top: 45px;
}
.career_form label{
display: block;
color: #000;
font-weight: 600;
}
.career_form label sup{
color: #ff0715;
}
.career_form input{
padding: 0 16px;
height: 50px;
line-height: 50px;
}
.career_form textarea{
padding:16px;
min-height: 193px;
line-height: 23px;
}
.career_form button{
background-color: #f47629;
border:none;
line-height: 47px;
min-width: 166px;
color: #fff;
font-weight: 700;
}
.wpcf7-form.invalid .uploatfile{
border:3px solid #d12435 !important;
}
.wpcf7-form.invalid .uploatfile span.btn{
margin-top: -5px;
}
.wpcf7-form.invalid .uploatfile input{
height: 63px;
}
.uploatfile{
position: relative;
height: 69px;
background-color: #ececec;
z-index: 100;
}
.uploatfile input{
height: 69px;
line-height: 69px;
background-color: #ececec;
}
.uploatfile .btn{
position: absolute;
top: 13px;
right: 13px;
z-index: 999;
min-width: 166px;
line-height: 47px;
background-color: #5a6bc4;
padding: 0;
}
.uploatfile input{
font-weight: bold;
}
.contact_us h2{
color: #007bff;
}
.address_box{
width: 100%;
overflow: hidden;
background-color: #000;
padding: 30px 10px 44px 10px;
color: #fff;
font-size: 18px;
}
.address_box h3{
display: block;
margin: 0;
padding: 0;
font: 36px 'arialnarrow';
}
.address_box small{
display: block;
font: 26px 'arialnarrow';
color: #848484;
padding-bottom: 10px;
}
.txt_box{
display: inline-block;
margin: 0 auto;
line-height: 26px;
}
.txt_box a{
color: #fff;
}
.contact_us .career_form{
padding-top: 0;
}
.contact_us textarea{
min-height: 178px;
}
.service_request_form{
width: 100%;
overflow: hidden;
padding: 63px 0 30px 0;
margin-bottom: -63px;
background-color: #eaeaea;
}
.service_request_form h2{
color: #242323;
}
.srv_box{
padding-bottom: 27px;
}
.srv_box a{
display: block;
color: #fff;
height: 87px;
background-color: #000;
padding: 10px 0;
font: 22px 'arialnarrow';
color: #fff;
position: relative;
}
.srv_box a:hover{
background-color: #f47629;
color: #fff;
}
.srv_box a span{
position: absolute;
width: 100%;
overflow: hidden;
padding: 0 10px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.location_map{
border-top: 5px solid #fff;
}
.location_map .map_box{
border-right: 6px solid #2c8ad4;
}
.reacpcha img{
max-width:300px;
}
@media (max-width: 1499.98px) {
.pagination{
bottom: 30px;
}
.slideshow .slide img {
width: 146%;
max-width: inherit;
margin: 0 -25%;
}
.banner img {
max-width: inherit;
width: 147%;
margin: 0 -25%;
}
}
@media (max-width: 1199.98px) {
.menu .navbar-nav li a{
font-size: 14px;
}
.number_address{
padding: 0;
}
.slideshow .remote{
width: 50px;
height: 50px;
}
.slideshow .caption .inner_box h1{
font-size: 30px;
padding: 0;
}
.pagination{
bottom: 10px;
}
.slideshow .remote i{
line-height: 50px;
}
.p_box iframe{
height: 287px;
}
.srv_box a{
font-size: 18px;
}
.number_address span{
padding: 0;
}
.f_holder{
padding-left: 0;
}
.slideshow .slide img {
width: 100%;
max-width: 100%;
margin: 0;
}
}
.serach-form a i{pointer-events: none;}
@media (min-width: 768px) {
.navbar-nav > li .opener{display: none;}
}
@media (min-width:1025px){
.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul{
opacity: 1;
visibility: visible;
}
}
@media (max-width:1024px){
.cp_projects .p_box iframe{width: 100% !important;}
.navbar-nav > li.hover> ul, .navbar-nav > li ul li.hover > ul{
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width:991.98px){
.career .subtitle br{display: none !important;}
.navbar-nav > li{
display: inline-block;
float: none !important;
text-align: left;
}
.navbar-nav > li ul ul{
position: static;
max-height: 0;
}
.navbar-nav > li ul li.hover>ul{
max-height: 400px;
}
.navbar-expand-md .navbar-nav .nav-link{
padding-left: 3px;
padding-right: 3px;
}
.menu .navbar-nav li a{
text-transform: capitalize;
}
.number_address{
border: none;
}
.number_address small{
text-align: center;
padding-left: 5px;
}
.form_area .input-group{
margin: 0 auto 16px;
}
#footer .f_box{
padding-bottom: 30px;
}
#footer .f_box:first-child{
border-bottom: 2px solid #3a3a3a;
margin-bottom: 20px;
}
.p_insfratucture .box .label{
font-size: 14px;
}
.relashinship_list li{
padding-right: 30px;
}
.associated{
padding: 0 50px;
}
.action_view a{
font-size: 14px;
}
.utility_locating .type li{
width: 48%;
}
.utility_locating .including li{
font-size: 20px;
}
.utility_locating .including li span i:before{
font-size: 26px;
}
.cathodic_protection .subtitle{
padding-bottom: 20px;
}
.p_box iframe{
height: 208px;
}
.contcrete_scanning .e_detection li{
width: 100%;
float: none;
padding-right: 0;
}
.o_service_inner span{
font-size: 16px;
padding-top: 7px;
padding-bottom: 7px;
}
.address_box .txt_box{
font-size: 14px;
line-height: 18px;
}
.value_list{
padding: 0;
}
.value_list li{
width: 50%;
}
.address_box h3{
font-size: 23px;
}
.address_box small{
font-size: 18px;
}
}
@media screen and (max-width:767.98px){
.cp_projects .p_box iframe{width: 100% !important;}
.exaroinaction .nav-tabs{display: block !important;}
h2{
font-size: 23px;
padding-bottom: 20px;
}
#header.clone{display: none !important;}
html.nav-open{
overflow-y: hidden;
position: relative;
height: 100%;
}
html.nav-open body{
overflow-y: hidden;
position: relative;
height: 100%;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 10px;
padding-right: 10px;
}
#header .container{padding: 0;}
.navbar-nav > li ul li{border-bottom:none;}
.navbar-nav li a{border-bottom:1px solid #3a3a3a;}
.navbar-nav li li a{
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
color: #000;
}
.navbar-nav li li a:hover{
background: #054fad;
color: #fff;
text-decoration: none;
}
.navbar-nav li .opener{
width: 50px;
position: absolute;
right: 0;
top: 0;
z-index: 999;
text-indent: -999px;
overflow: hidden;
background: #eee !important;
height: 40px;
border-left:1px solid #ddd;
border-bottom:none!important;
display: block;
}
.navbar-nav li{
overflow: hidden;
display: block;
}
.navbar-nav > li ul{
position: relative;
opacity: 1;
visibility: visible;
max-height: 0;
width: 100%;
z-index: 99;
top: 0;
left: 0 !important;
right: auto !important;
background: #fff;
}
.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul{max-height: 400px;}
.nav-open .nav li>li{display: none;}
.nav-open .nav li.hover{
position:relative;
width: 100%;
z-index: 999;
background: #eee;
top: 0;
overflow: hidden;
display: block !important;
}
.nav-open .nav	 li > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.nav-open .nav	 li.hover > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color:transparent transparent #000 #000 ;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.navbar-collapse, .navbar-collapse.collapse {
position: fixed;
left: -255%;
top: 0;
width: 255px;
background: #101320;
height: 100vh !important;
max-height: 100%;
z-index: 999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
border: none;
overflow: auto;
padding: 0;
}
.navbar-right{text-align: left;}
.navbar-collapse.collapse:before{
position: absolute;
left: 0;
right: 0;
top: 0;
content: 'Menu';
text-align: center;
width: 100%;
padding:14px 10px;
font:16px/21px 'Montserrat', sans-serif;
color: #fff;
border-bottom:1px solid #3a3a3a;
display: block;
}
.navbar-collapse .navbar-nav {
padding: 52px 0 0;
margin: 0;
}
.navbar-collapse.collapse { display: block !important; }
.nav-open .navbar-collapse { left: 0; }
.navbar-toggle{
height: 40px;
z-index: 9999;
}
.nav-open .navbar-toggle .sr-only + .icon-bar{display: none;}
.nav-open .navbar-toggle .icon-bar + .icon-bar{
margin: 0;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
.nav-open .navbar-toggle .icon-bar:last-child{
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
margin-top: -2px;
}
.logo_area,
.number_address small{
text-align: center;
}
.number_address{
padding: 0 ;
border: none;
}
.form_area .input-group{
margin: 0 auto 16px;
}
.navbar-toggler{
background-color: #616161;
position: absolute;
right: 30px;
top: -33px;
}
.navbar-toggler-icon{
width: inherit;
height: inherit;
}
.navbar-brand{
margin: 0;
padding: 0;
}
.navbar-brand{
max-width: 200px;
padding-bottom: 20px;
overflow: hidden;
}
.f_holder,
.logo_area{
padding: 0 15px;
}
.request_quote{
display: inline-block;
padding: 0 20px;
width: auto;
font-size:12px;
}
.request_quote span{display:none;}
.pagination{
display: none;
}
.slideshow .caption .inner_box h1 {
font-size: 20px;
}
.slideshow .remote{
top: 20%;
transform: translateY(-20%);
-ms-transform: translateY(-20%);
-webkit-transform: translateY(-20%);
}
.slideshow .caption{
position: static;
transform:none;
background-color: #1a3d72;
padding: 30px 0;
}
#footer{
text-align: center;
}
.f_logo a{
float: none;
display: inline-block;
margin: 0 auto;
}
.poweredby{
padding-left: 10px;
}
.quick_links li{
width: 100%;
display: block;
padding-bottom: 10px;
float: none;
}
.locations li{
padding-left: 0;
}
.locations li i{
display: none;
}
.p_caption{
display: none;
}
.p_insfratucture .box:hover .label {
visibility: visible;
opacity: 1;
}
.p_insfratucture .box .label{
position: static;
min-width: 68%;
display: inline-block;
font-size: 16px;
}
.tab-content>.tab-pane{
display: block !important;
opacity: 1;
}
.tab-content>.tab-pane .data{
max-height: 0;
visibility: hidden;
}
.tab-content>.tab-pane.active .data{
max-height: inherit;
visibility: visible;
}
.exaroinaction .opener{
display: block;
background-color: #fff;
font-size: 16px;
padding: 10px 0 10px 0;
margin-bottom: 10px;
text-transform: uppercase;
color: #101420;
}
.banner img{
max-width: inherit;
width: 250%;
margin: 0 -75%;
}
.slideshow .slide img {
width: 146%;
max-width: inherit;
margin: 0 -25%;
}
.utility_locating .type li{
width: 100%;
}
.p_box iframe{
height: 300px;
}
.about_us .e_detection li,
.licenses li{
width: 100%;
float: none;
}
.uploatfile{
height: 200px;
}
.career_form .input-group-btn{
width: 100%;
overflow: hidden;
position: relative;
height: 107px;
}
.uploatfile .btn{
top: 50%;
left: 50%;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.uploatfile input{
text-align: center;
}
.contact_us .social{
margin: 0 auto 30px;
float: none;
}
.default{
padding-top: 30px;
padding-bottom: 30px;
}
.utility_locating .including{
text-align: left;
}
.utility_locating .including li{
display: block;
}
.videoWrapper {
position: relative;
width: 100%;
height: 0;
background-color: #000;
}
.videoWrapper43 {
padding-top: 75%;
}
.videoWrapper169 {
padding-top: 56%;
}
.videoIframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.videoPoster {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
.videoPoster:before {
content: "";
position: absolute;
top: 45%;
left: 50%;
width: 90px;
height: 90px;
transform: translate(-45%, -50%);
-ms-transform: translate(-45%, -50%);
-webkit-transform: translate(-45%, -50%);
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
background: url(//www.exarotec.com/wp-content/themes/exaro/images/play01.png) no-repeat center center;
background-size: 100%;
}
.videoPoster:hover:before, .videoPoster:focus:before {
border-color: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
border-left-color: #f00;
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.location_map .map_box{
border-right: none;
border-bottom: 3px solid #2c8ad4;
}
.location_map .map_box:last-child{
border: none;
}
.right_top{
width: 100%;
overflow: hidden;
}
} @media (max-width: 575.98px) {
.slideshow .caption .inner_box h1 {
font-size: 18px;
line-height: 23px;
padding-bottom: 10px;
}
.p_insfratucture .box .label{
background: transparent;
}
.p_insfratucture .box{
margin-bottom: 10px;
}
.value_list li{
width: 100%;
float: left;
display: block;
overflow: hidden;
}
}