/*
Theme Name: interstate-sealant-concrete
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* = DEFAULT STYLES = */
html, body {margin:0;font-size:14px;font-family: 'Open Sans', sans-serif;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;color:#ca1c23;}
a:hover, a:focus {text-decoration:underline;color:#000;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:45px;margin:0;color:#ca1c23;padding-bottom:15px;text-transform:uppercase;letter-spacing:3px;}
h2 {font-size:30px;margin:0;text-transform:uppercase;letter-spacing:3px;padding-bottom: 20px;}
h2.message {}
h3 {font-size:20px;margin:0;}
h4 {}
h5 {}
.featureHeading{font-size: 40px; text-align: center;margin-bottom: 30px; font-weight: bold; }
/* Buttons */
.btn {background:#ca1c23;color:#fff; font-size:21px;border:solid 1px #ca1c23}
a.portal-btn{cursor: pointer;}

/* = HEADER = */
.primary-header-inner {}
/* HEADER - LOGO */
#header{padding: 0;}
.logo img{margin:0 0 0 auto; max-height: 200px;}
.logo img:hover, .logo img:focus  {opacity:.8;}
.footer-links ul{ list-style: none; padding: 0; }
.navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; }
/* = CALL TO ACTION = */

.flew-row{ display:flex;flex-flow:wrap;justify-content:center;width:100%;margin:0 auto; }
.flex-item-service{width:33.3%;text-align:left;position: relative;}
.nav>
.c2a-btn a.btn{ margin:5px 0;background: #ca1c23;color: #fff;text-transform: uppercase;text-align: center;display: inline-block;font-family: 'Fjalla One', sans-serif;line-height: 1;padding: 8px 2em;text-decoration: none;font-size: 16px;}
.c2a-btn {   margin-top:40px;  display: block;text-align: right; }

i.fa.fa-facebook-official{ padding-left:7px; color: #3b5999; }
i.fa.fa-twitter-square{ color:#55acee;}
i.fa.fa-linkedin-square{ color:#0077B5; }
#top-wrapper{ padding: 0 0 10px 0;}

.flex-center{ display:flex;align-items:center; }
.social { font-size: 38px; margin-top:-10px;  text-align: left; }
.nav>li>a{  font: 18px 'Muli', sans-serif;border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;  }
.social a{color: #ca1c23;}
span.glyphicon.glyphicon-chevron-right{margin-right: 0px}



/*Map*/
.state
.cert{cursor: pointer;z-index: 99}
.cert:hover{fill:#212121;cursor: pointer;z-index: 9}
.mapMarks h3{text-align: center; font-weight: bold; margin-bottom: 10px; border-bottom: 2px solid #ca1c23; }
.map-details{box-shadow: #000 6px 7px 9px 3px;font-size: 21px;position: absolute;display:none;bottom:25%;top: auto;left: 158px;right: auto;z-index: 2;padding: 10px;background-color: #fff;color:#000;pointer-events: none}
.mapMarks .active{} 
.mapMarks{ margin-top: 0;margin-bottom: 0;padding-inline-start: 20px; text-align: left;transition: 15s all ease-in;}
.map-details:before{content:'';position:absolute;border:5px solid #fff;width:20%;transform:rotate(115deg);border-radius:41%;top:-14px;left:91%;z-index:-10;}
.quadent{ position: absolute;z-index: 999; bottom:18%; cursor: pointer;top:0;}
h3.region{font-weight: bold; background-color: rgba(0,0,0,.7);border-radius: 10px;padding:10px;}
.out:before{content:'\f057'; font-family: 'FontAwesome';}
.out{display: none;position: absolute; left: 50%; top:0; font-size: 3em; z-index: 999999;cursor: pointer;}
.left-map{left: 0; right: 50%}
.middle-map{left: 50%; right: 25%;}
.right-map{left: 75%; right: 0;}
.svg-map{}
.region{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); color: #fff }
.slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
path{fill:#ca1c23;z-index: 9}
.map-details.slide-in-bottom h2{padding: 0}
.active {transition: all .5s ease;display: block}
.al-details{bottom: 12%; left: 53%;}
.ar-details{bottom: 16%; left: 45%;}
.ia-details{bottom: 40%; left:42%}
.la-details{bottom: 7%; left: 45%;}
.ms-details{bottom: 15%; left: 49%;}
.ne-details{bottom: 37%; left: 32%;}
.nm-details{bottom: 18%; left: 22%;}
.nc-details{bottom: 24%; left: 62%;}
.nd-details{bottom: 65%; left: 33%;}
.sc-details{bottom: 16%; left: 59%;}
.tn-details{bottom: 25%; left: 54%;}
.va-details{bottom: 34%; left: 66%;}

.wv-details{bottom: 38%; left: 62%;}

.az-details{bottom: 25%; left: 15%;}


.co-details{bottom: 35%; left: 25%;}

.fl-details{bottom: 0%; left: 55%;}
.ga-details{bottom: 20%; left: 60%;}
.ks-details{bottom: 31%; left: 38%;}
.ky-details{bottom: 28%; left: 38%;}
.mi-details{bottom: 50%; left: 55%;}
.mo-details{bottom: 33%; left: 45%;}
.nv-details{bottom: 40%; left: 9%;}
.oh-details{bottom: 42%; left: 60%;}

.ok-details{bottom: 22%; left: 37%;}
.pa-details{bottom: 45%; left: 61%;}
.sd-details{bottom: 50%; left: 28%;}
.tx-details{bottom: 11%; left: 36%;}

.ut-details{bottom: 39%; left: 17%;}
.wi-details{bottom: 51%; left: 47%;}
.id-details{bottom: 57%; left: 16%;}

.in-details{bottom: 43%; left: 36%;}
.ma-details{bottom: 60%; left: 67%;}
.mn-details{bottom: 67%; left: 38%;}
.ny-details{bottom: 60%; left: 68%;}
.nj-details{bottom: 51%; left: 68%;}
.wi-details{bottom: 51%; left: 47%;}
.id-details{bottom: 57%; left: 16%;}
.ok-details{bottom: 22%; left: 37%;}
.pa-details{bottom: 45%; left: 61%;}
.sd-details{bottom: 50%; left: 28%;}
.tx-details{bottom: 11%; left: 36%;}
.ut-details{bottom: 34%; left: 17%;}
.wi-details{bottom: 51%; left: 47%;}
.id-details{bottom: 57%; left: 16%;}




















.flex-algin-item{display: flex;align-items: center; justify-content: center;}

.navbar-default .dropdown-menu > li > a:hover{color:#ca1c23}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background:transparent}







.nav > li  > a { padding: 10px 12px; }
span.tel { font-size: 21px ;}
.c2a-items{ font-size: 21px; text-align:right; margin-top:4px; }
.btns{text-align: left;}
.link-wrapper {  }

.navbar-default .navbar-nav>li>a{color: #000;}
a.left.carousel-control{z-index:5;}
a.right.carousel-control{z-index: 5;}
h3.no-hover-header{ position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 8;    color: #ca1c23;font-weight: bold;font-size: 33px;background: rgba(255,255,255,.7); padding: 10px; border-radius: 25px; }
.dbe-wrapper{ display: flex;align-items: center;}
span.feat-heading{font-size: 36px ; font-weight:bold;padding: 0 10px ;display:block;}
.feature{ font-size: 35px; display: flex; align-items: center;justify-content: end}
#feature{ padding: 50px 0; }
.feat-content{ font-size: 14px;}
.feat-content p{padding-left: 50px;}
span.icon{ position: relative; width: 75px; height: 75px;    font-size: 45px;border: solid 1px #ca1c23;padding: 10px;text-align: center;color:#ca1c23;}
.feature-inner-wrapper{ display: flex;align-items: center; }
.feature:hover .icon{color: #000; border-color: #000; background-color: #e01f2b;  }
.feature .fa{ position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%); }
/* = NAVIGATION = */
nav {}
.list-inline>li{ display: block; }
.left-side-content{font-size: 18px;}
main { padding: 40px 0 0 0; margin-top:10px; text-align: center;background-image: linear-gradient(to top, #e0e0e0, #e8e8e8, #efefef, #f7f7f7, #ffffff); }
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover { color:#ca1c23; }
.nav li.active a {}
.content-wrapper { font-size: 18px;border: solid 4px;padding: 60px;margin-top: 23px;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:5px;border-top:2px solid #fff;background-color:rgba(0,0,0,.8);right:0;left:auto;}
#crew-slider h2:first-of-type{color:#ca1c23; text-align: center;padding: 20px 0;}
#crew-slider h3{ text-align: center;padding: 20px 0;font-weight: bold; font-size: 21px}
.btns .btn:first-of-type {background:#797676; border:solid 1px #797676; color:#fff;}
.btns .btn:last-of-type{ border:1px solid #ca1c23;} 
.btns .btn:first-of-type:hover{background:#fff ; color:#ca1c23 ;}

.carousel-caption .btn:hover{background:#fff}
.btn:hover{ background-color: #fff ; color:#ca1c23;  border-color:#ca1c23; }

.dbe-wrapper img{ max-height: 400px;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {}
.navbar-default .dropdown-menu > li > a {padding:10px 20px;color:#fff;}
.navbar-default .dropdown-menu > li > a:hover {color:#ca1c23;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background:transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:#ca1c23;color:#fff;}
.navbar-default .navbar-nav>li>a:focus {}
.navbar-toggle {}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {}
.navbar-default .navbar-toggle .icon-bar {}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:#ca1c23;  }
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}
.carousel-caption{background:rgba(100,100,100,.7);border-radius:20px;color:#fff;top:15%;font-size:26px;font-weight:bold;letter-spacing:1px; left: 17%;right: 50%;bottom: auto;}
.carousel-caption .btn{font-size:21px;background-color:#ca1c23;letter-spacing:3px;padding:5px 20px;display:block;width:300px;margin:0 auto;}
.carousel-caption h2{ color:#ca1c23;font-weight: bold;text-shadow:2px 2px 0 #000;}
.carousel-caption p{ font-size: 14px; margin:10px;}
.carousel-inner .item:first-of-type .carousel-caption{left:57% !important;right:17%;top:15%;}
.carousel-inner .item:last-of-type .carousel-caption{color:#fff;left:51%;right:15%;top:20%;}
/* = BANNER = */
#banner {position:relative;}
.banner-inner {}
.carousel-inner {border:none;box-shadow:none;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
#service {border-bottom:solid 15px #565353; background: #565353;}
#main{}

/* = CONTACT INFO = */
.feature-inner{ display: flex;align-items: center; }
#contact-info {background:#252525;padding:25px 0px;text-align:center;font-size:12px; color: #fff;}
#contact-info h3{font-size:18px;text-transform:uppercase;letter-spacing:3px;margin-bottom: 10px;color:#FFF }
#contact-info .business-name{padding: 5px 0;font-weight: bold;}
.spacer {margin:0px 5px;}
i.fa.fa-facebook-square{color:#3b5999;}
#contact-info a {color:#fff;}
#contact-info a:hover, #contact-info a:focus {color:#ca1c23;}
.contact-social i{font-size:18px;padding-top:10px}
#contact-info .btn{color:#fff;font-weight:bold;font-size:16px;margin-top:10px;text-transform:uppercase;letter-spacing:2px;}
#contact-info .btn:hover{color:#fff;}
.footer-links .btn{margin: 5px 0;  }
.footer-links{ padding: 0;}
.col-xs-12.col-sm-12.col-md-4.col-lg-4.contact-info-container a{ padding: 20px 0; }
.col-xs-12.col-sm-12.col-md-3.col-lg-3.contact-info-container{ padding: 0 0 20px 0; font-size: 12px;}
#buffer-section{padding: 67px;background: #8e9eab; 
background: -webkit-linear-gradient(to bottom, #eef2f3, #8e9eab);
background: linear-gradient(to bottom, #eef2f3, #8e9eab); 
}
div#crew-slider{z-index:5; padding: 20px 0 40px 0;position: relative;background: #8e9eab;  
background: -webkit-linear-gradient(to bottom, #eef2f3, #8e9eab);  
background: linear-gradient(to bottom, #eef2f3, #8e9eab);}
.carousel-control.right{background-image:none;}
.carousel-control.left{ background-image:none;}
/* = FOOTER = */
footer {background-color:#252525;text-align:center;padding: 10px 0px;}
.footer-inner {}
.sitemap .list-inline{margin-bottom:0;}

.sitemap ul{    list-style: none;padding: 0;}

/* = FOOTER - LINKS = */
footer a {color:#fff;}
footer a:hover, footer a:focus {color:#ca1c23;}
#contact-info ul{list-style: none;padding: 0; margin-bottom: 0;  }
/* = BACK TO TOP LINK = */
#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {}
.back-to-top:hover, .back-to-top:focus {}

/* Gravity Forms Styles */
#gform_1 label{ display:none; }
.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px!important; margin-top:0!important;}
#gform_1 textarea, #gform_1 input{    display: block;    width: 100%;    height: 34px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #555;    background-color: #fff;    background-image: none;    border: 1px solid #ccc;    border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s} 
#gform_1 textarea{ height: 88px;}
#gform_1 input#gform_submit_button_1{ border:none;    background: #2060a2;    color: #fff; border-radius:0;   text-transform: uppercase;letter-spacing:2px;    font-weight: bold;}
#gform_1 input#gform_submit_button_1:hover, #gform_1 input#gform_submit_button_1:active{    background: #000;    color: #fff; }
.gform_wrapper .gform_footer{margin:0!important;}
.flex-item-service:hover  img{ transform: scale(.95);box-shadow: inset 0 0 0 25px #000; }
.flex-item-service a:before {     -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;content: '';position: absolute;top: 10px;left: 15px;right: 15px;bottom: 10px;-webkit-box-shadow: 0px 0px 0px 290px rgba(0, 0, 0, 0.4);box-shadow: inset 0px 0px 0px 290px rgba(0, 0, 0, 0.4);z-index: 5;visibility: hidden;opacity: 0;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}    
.flex-item-service a:hover:before{     visibility: visible;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1.06);transform: scale(1.06); }


.flex-item-service img{ -webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

#crew-slider .carousel-control{color: #ca1c23;opacity: 1; width:5%; }
#crew-slider .wrapper{ display: flex; align-content: center;}

.top-fixed {position: fixed; top: 0;left: 0; right: 0; z-index: 9999999;}
.top-c2a {height: 50px; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; background: #000;}
.c2a-left {width: 50px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #525252; border-left: 1px solid transparent;}
.c2a-right {width: calc(100% - 50px); display: flex; align-items: center; justify-content: space-around;}
.top-c2a a {color: #f1f1f1; font-size: 16px; font-weight: 500;}
.top-c2a i {color: #f1f1f1; margin-right: 5px;}

#crew-slider .wrapper{display:flex;flex-flow:wrap;justify-content:center;width:65%;margin:0 auto;align-items: center;}
.flex{width:50%;text-align:left; padding: 10px;}


.bottom-fixed {position: fixed; top: 50px; left: 0; right: 0; z-index: 12; background:#ca1c23; height: 50px; display: flex; justify-content: space-around; align-items: center;z-index: 9999999;}
.bottom-fixed a {color: #f1f1f1; font-weight: bold;}
#bottom-fixed ul{padding:0;list-style:none;display:contents;}
.main-nav ul{padding:0;list-style:none;display:contents;}
.home-icon {flex-grow: 1; text-align: center; border-right: 1px solid #f1f1f1;}
.home-icon a {font-size: 22px;}
.nav-toggler {text-align: center; color: #f1f1f1; width: 55px; transition: all ease-in-out .3s; display: flex; flex-flow: row-reverse nowrap; align-items: center;font-weight:bold;}
.nav-toggler i {color: #f1f1f1; font-size: 14px; line-height: 1; margin-left: 5px; float: right;}
.nav-toggler .toggle-text, .nav-toggler i {transition: all ease-in-out .3s;}
.nav-toggler .toggle-text {width: 40px;}
.nav-toggler {position: relative;}
.toggle-more, .toggle-less {position: absolute; left: 0;}
.nav-toggler .toggle-less {opacity: 0;}
.nav-toggler .toggle-more {opacity: 1;}
.nav-toggler.active .toggle-less {opacity: 1;}
.nav-toggler.active .toggle-more {opacity: 0;}

.nav-toggler .toggle-less {transform: rotate3d(1,0,0,180deg); float: left;}
.nav-toggler.active .toggle-less {transform: rotate3d(1,0,0,0deg); float: left;}
.nav-toggler .toggle-more {transform: rotate3d(1,0,0,0deg); float: left;}
.nav-toggler.active .toggle-more {transform: rotate3d(1,0,0,-180deg); float: left;}

.nav-toggler i {transform: translateX(-4px);}
.nav-toggler.active i {transform: rotate3d(0,0,1,-180deg) translateX(6px);}
.main-nav {position: fixed; top: 50px; right: 0; left: auto; background: rgba(238,28,33,.7); height: auto; z-index: 8; width: auto; transition: all ease .5s; transform: translateY(calc(-100% + 50px));}
.main-nav.active {transform: translateY(50px);}
.main-nav a {display: block; text-align: center; padding: 8px 30px; color: #f1f1f1;}
.wrapper{ display: flex; align-content: center;}
#mobile-logo img{margin:0 auto;width:50%;}


/*Form in the Modal*/


/*Modal*/
.popup {width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75);z-index: 9999;}
.popup-inner {max-width:850px; width:90%; padding:25px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff; max-height: 90%; overflow: scroll;}
.popup-close::before {content: '\00D7';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: 400;font-size: 24px;line-height: 0;padding-top: 2px;}
.popup-close {width:30px;height:30px;display:inline-block;position:absolute;top:25px;right:25px;transition:ease 0.25s all;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);border-radius:1000px;background: #454955;font-family:Arial, Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#F3EFF5;}
.popup-close:hover {-webkit-transform:translate(50%, -50%) rotate(180deg);transform:translate(50%, -50%) rotate(180deg); text-decoration:none; color: #80C514;}









.slick-next:before{content:'\f105';font-family:FontAwesome;font-size:62px;color:#000;}
.slick-prev:before{content:'\f104';font-family:FontAwesome;font-size:62px;color:#000;}
.slick-next:hover :before{color:#ca1c23}
.slick-prev:hover :before{color:#ca1c23}
.slick-next:before, .slick-prev:before{color:#ca1c23}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover:before{color: #ca1c23}
.slick-prev{left: -10%}
.slick-next{right:-10%}
.slick-next, .slick-prev{color:#000 !important;background-color:transparent;background:rgba(0,0,0,0)}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{}


.flex-container {display:flex;flex-flow:wrap;justify-content:center;width:75%;margin:0 auto;}
.flex-icon{width:33.3%;text-align:center;font-size: 26px;display: flex;align-items:center;justify-content: center}
#service-feature{padding:15px 0; background: #565353;color:#fff;}

span.icon-banner { border-radius: 60px; border-right:solid 15px #fff; position: relative;font-size: 45px;padding: 10px 15px;text-align: center;color: #fff;}
.flex-icon:hover span.icon-banner{ color:#ca1c23;border-color:#ca1c23}
.wrapper-c2a{ display:flex;align-items: center;}
.wrapper-nav{ display: flex; align-items: center;}
.text{color: #fff; font-size: 21px; padding: 15px;}
.flex-col-100{width: 100%}



#benefits .flex-col:first-of-type {order:2;}/*Added specificallly because they wanted the plant image on the right side*/

.awards-inner .flex-col-100 h3{font-weight:bold;color:#ca1c23;margin: 10px 0;}

#certifications .content-wrapper-main .flex-display-align-end{justify-content:center}

.flex-display-align{padding: 15px 10px;justify-content: center; align-items: center}


/*Careers Page*/
our-culture .flex-col .content{order: 1}
#our-culture {position: relative;}
#our-culture .images {position: relative;padding: 25px}
#our-culture .slide {top: 0;right: 0; margin: auto; position: absolute;transition: transform ease-in 1.5s;opacity: 0;}
#our-culture .slide img {width: 100%;margin-left: auto; margin-right:0}
#our-culture .slide.active {opacity: 1;transition: transform ease-in-out 1.5s,opacity 1s;}
#our-culture .slide.sliding {opacity: 0;transition: transform ease-in-out 1.5s,opacity 1s;}
#our-culture .carousel-control.left{z-index: 999;left: -65px;}
#our-culture .carousel-control.right{z-index: 999;right:-80px;}
#our-culture .flex-col.image-wrapper{order: 2;position: relative}
.carousel-control.right{    box-shadow: none;background-image: none;color: #333;}  
.carousel-control.left{box-shadow: none;background-image: none;color: #333;}
.carousel-control{z-index: 999;text-shadow: none;opacity: 1;}
.carousel-control.right{z-index: 999}
.carousel-control .glyphicon-chevron-left{}


/*Employee portal page*/
#employee{padding-top: 30px;background-color: #eee}
#employee .flex-col.link-btn{text-align: center;}
#employee .flex-col.link-btn .btn{box-shadow: 4px 6px 0 0 #000;}
.events {padding:10px}
.icons {text-align: center}
#employee .main-content {padding-bottom: 40px;}
#event-calendar{padding: 30px;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff }
#event-calendar h2, #event-calendar span.icon{color:#fff;border-color:#fff}
.calendar-inner{width: 85%;margin: auto;}
#isc-news{padding: 30px;}
#doc-sec{padding: 30px;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff }
#isc-news h2, #isc-news span.icon{color:#333;border-color:#333}
#employee h2{text-align: center; padding-bottom:30px;}
#doc-sec span.icon{color:#fff; border-color: #fff}
/*Employee Modal*/
.popup .login-username label{display: block;text-align: left;}
.popup .login-password label{display: block;text-align: left;}
.popup input#user_pass,.popup input#user_login {border:solid 2px #212121;padding: 5px 0 }
.popup .container-fluid.form p{margin: 0;}
.popup input#wp-submit {background-color: #ca1c23; color:#fff; padding: 6px 30px;border:solid #ca1c23 2px; }
.popup input#wp-submit:hover{background-color: #fff; color:#ca1c23;}
.pop-close{cursor: pointer;}
/*Join Page*/
#join{padding-top: 30px;background-color: #eee}
#join h1{padding-bottom: 15px;font-size: 31px;}
h2.formHeading{padding-bottom: 20px;}
#join .content{padding: 10px 15px;}
#application{ text-align: center}
.apps-inner{padding: 30px;}
#application{margin: 20px 0; padding: 30px 0 0 0;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff}
select#input_2_5{width: 100%}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){width: 100%}
.app-form.flex-display-align li.gfield {margin-top: 0px; margin-bottom: 20px;}
.app-form.flex-display-align {margin-top:0px;}
.app-form.flex-display-align label {display:none !important;}
.gform_wrapper ul.gform_fields li.gfield {padding-right: 0px;}
.app-form.flex-display-align textarea, #footer-contact input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.app-form.flex-display-align textarea {height: 88px;}
.app-form.flex-display-align textarea, .app-form.flex-display-align input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #999; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.app-form.flex-display-align textarea {max-height: 75px; height: 75px;}
.gform_wrapper .gform_footer{text-align: right;}
input#gform_submit_button_2{color:#fff; background-color: #ca1c23;border: 1px solid #ca1c23}
input#gform_submit_button_2:hover{background:#fff;color:#ca1c23 }
select#input_2_5{color:#74758a;padding: 5px 4px;border-radius:5px;}

/*Services page*/
#concrete-joint-sealing .flex-col{order:2;margin: 0 20px; padding: 10px 20px}
#concrete-joint-sealing {position: relative;}
#concrete-joint-sealing .images {position: relative;padding: 25px}
#concrete-joint-sealing .slide {top: 0;right: 0; margin: auto; position: absolute;transition: transform ease-in 1.5s;opacity: 0;}
#concrete-joint-sealing .slide img {width: 100%;margin-left: auto; margin-right:0}
#concrete-joint-sealing .slide.active {opacity: 1;transition: transform ease-in-out 1.5s,opacity 1s;}
#concrete-joint-sealing .slide.sliding {opacity: 0;transition: transform ease-in-out 1.5s,opacity 1s;}

#concrete-joint-sealing .flex-col.image-wrapper{order: 1;position: relative}
.carousel-control.right{    box-shadow: none;background-image: none;color: #fff;}  
.carousel-control.left{box-shadow: none;background-image: none;color: #fff;}
.carousel-control{z-index: 999;text-shadow: none;opacity: 1;}
.carousel-control.right{z-index: 999}
.carousel-control .glyphicon-chevron-left{}
#concrete-joint-sealing  a{color:#ca1c23; font-weight: bold; font-size: 18px}
.page-id-262 .flex-col.image-wrapper {
    padding: 20px;
}
.
.wrapper-ex1{}
div#services-block{padding:40px 0 0 0;background-color: #eee}
#services-block h1{font-size: 31px;}
#services-block .container{padding: 20px;}
#concrete-joint-sealing{background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff;}
#concrete-joint-sealing span.icon{color:#fff;border:none;}
#asphalt-crack-sealing-and-repair span.icon{border:none;}
#asphalt-crack-sealing-and-repair .flex-col.image-wrapper{order: 2;}
#asphalt-crack-sealing-and-repair .flex-col{order: 1;padding:10px 20px}
#concrete-repair-and-rehabilitation{background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff; }
#services-block .flex-col.image-wrapper{}
#services-block p{margin: 0;}
#services-block .flex-30{text-align: center}
#services-block #asphalt-crack-sealing-and-repair .flex-col.image-wrapper{order: 2}
#concrete-repair-and-rehabilitation h2{color:#fff}
#concrete-repair-and-rehabilitation  span.icon{color:#fff;border:none;}
#concrete-repair-and-rehabilitation .image-wrapper{order: 1;padding: 15px;}
#concrete-repair-and-rehabilitation .content{order:2}

/*Past Projects page*/
#projects{padding: 30px 0 0 0;background-color: #eee}
#projects .container {padding: 30px 10px; }
#airports {padding: 20px 0;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff; }
#airports h2,#airports span.icon{color:#fff;border-color:#fff;padding: 0;}
#projects h1{font-size: 31px;}
#projects h3{font-weight: bold; font-size: 18px;margin-bottom: 15px;}
#projects .flex-col.content{padding: 0 20px;}
#projects .flex-col.image-wrapper{padding: 20px}
#projects p{margin: 0; padding: 0 10px;}
#projects .flex-30{text-align: center}
#projects .sub-Icon span.icon{border:none;border: none;display: flex;justify-content: center;height: initial;width: initial;}
#roads{padding: 20px 0;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff;}
#roads h2,#roads span.icon{color:#fff;border-color:#fff}
a.modal-wrapper-commercial.btn,a.modal-wrapper-roads.btn,a.modal-wrapper-military-.btn,a.modal-wrapper-airports{width: 100%}
#roads .popup-inner, #airports .popup-inner{color:#000;}
#roads .popup-inner h2,#airports .popup-inner h2{color:#000;}
#projects .popup-inner p{margin: 10px 0;}
.content-wrapper-2{margin-bottom: 15px;}
/*Careers*/
#careers{padding: 20px 0;background-color: #eee}
#careers .flex-col{padding: 15px;}
#jobs{padding:15px 15px;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff;border-left:2px solid #000;border-right:2px solid #000}

#opportunities-at-isc{align-items: end;padding: 20px 0;background: linear-gradient(to left, #eef2f3, #8e9eab); }
#opportunities-at-isc h2{color:#ca1c23}
#diversity{background: linear-gradient(to left, #eef2f3, #8e9eab); }
#diversity h2{color:#ca1c23}
.jobs-inner{position:relative;}
.jobs-box{overflow:hidden;padding: 10px;}
.jobs-group{position:relative;display:flex;align-items:center;flex-wrap:wrap;}
.jobs-group{text-align:center;}
.jobs-group h3{font-weight:bold;}
.jobs-content{padding:0 15px;}
.jobs-scrolls{font-size:62px;}
.jobs-scroll-up{position:absolute;top:-30px;right:25px;transition:all ease .7s}
.jobs-scroll-down{position:absolute;bottom:-20px;right:25px;transition:all ease .7s}
.jobs-scroll-up:hover, .news-scroll-down:hover{color:#fff;transform:scale(1.1);cursor:pointer;transition:all ease .7s;}
#our-culture .content{padding-right:45px;}
#benifits.flex-col.content{order: 1;}
#benifits .image-wrapper{order: 2;}



/*Contact Page*/
#contact{font-size: 16px;padding: 20px 0;background-color: #eee}
span.contact-info,.contact-info{padding:10px 0px ;display: block}
#contact span.email{display: block; font-size:2em;}
.contact-form{text-align: center;padding: 20px;}
.contact-form{padding:15px 15px;background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");color:#fff;}
#gform_1 input#gform_submit_button_1{background-color: #ca1c23}


/*Meet our Team*/
#main.about .container{padding-top: 30px;}
.flex-33{width: 33.33%}
.flex-display-align-end{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content: center}
.cert-inner .flex-30{text-align: center;}
.main-content-wrapper {padding-bottom:25px}
.cert-inner .flex-30 span.icon{border:none;}
.page-id-203 #main{background-color: #eee}
.brand-box{padding:15px;}
.flex-display-align.title{text-align: center}
span.cert-heading{font-size: 16px; font-weight: bold}
.senTeam-inner.flex-display-align .flex-col{padding: 15px;text-align: center;font-size: 16px ;border:solid 3px #ca1c23; margin: 10px;}
#seniorTeammates{padding: 20px 0;background: linear-gradient(to right, #eef2f3, #8e9eab); }
#Team-members{padding: 20px 0;}
.teammeb .title{text-align: center}
.awards-wrapper.flex-display-align-end .flex-60{padding:0 30px;}
.awards-wrapper.flex-display-align-end .flex-20{text-align: center}
.awards-wrapper .flex-display-align .flex-20 span.icon{border:none;}
.senTeam h2{color:#ca1c23;}
.cert-inner .flex-60.flex-display-align-end{padding: 20px;display: block}
.awards-inner .flex-60.flex-display .flex-display-align{align-items:end;padding: 5px 10px;}
.cert-wrapper.flex-display-align .flex-40{padding: 10px;}
.senTeam .title{color:#ca1c23; font-weight: bold; font-size:16px; text-transform: uppercase}
#awards{padding: 40px 0;background: linear-gradient(to left, #eef2f3, #8e9eab); }
#awards p{margin: 10px 0;}
#certifications{padding: 20px 0;}
#certifications h3{font-weight: bold; font-size: 16px;}
.portal-popup{max-width:fit-content; }
.container.main-inner{ font-size:18px !important}
.carousel-caption{left:66% !important; right:7% !important;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {width: 412px;}
@supports (-ms-accelerator:true) {width: 412px;}
.flex-33.flex-display-align:last-child{margin: auto}
form#loginform{text-align: center}
.cert-wrapper.flex-display-align-end .flex-40{order: 2} 
#asphalt-crack-sealing-and-repair p{margin: 0}
.content-wrapper-main{display: flex}
.slick-next, .slick-prev{height: 100%; }

.bold-red {color: #ca1c23; font-weight: bold;}

#jobs .popup-inner{color:#333}
.popup-inner ul{list-style: none; padding: 0;}
span.trial-select{color:#fff; font-weight: bold; font-size: 18px;}
span.trial-select:hover{color:#333}
input#bdh_common_sign_up2{background-color: #ca1c23;color:#fff;border-color:#ca1c23;}

.associations-inner h2{text-align: center}
#associations {padding: 40px 0;background: linear-gradient(to left, #eef2f3, #8e9eab);}
.jobs-group{text-align:left !important}
.associations-wrapper .flex-display-align-end{width:100%}
a.jobLink{color:#fff;font-weight: bold}
/* = MEDIA QUERIES= */
@media screen and ( max-width: 1500px){  }
@media screen and (max-width: 1400px){.slick-next{right: 0%}.slick-prev{left: 0%}.carousel-inner .item:first-of-type .carousel-caption{top:4% }.carousel-caption{left: 50% !important; right: 13% !important;}.social{font-size: 31px; margin:0px;} .btn{font-size: 12px;}span.tel{font-size:12px;}.c2a-btn a.btn{padding: 8px .7em;}#contact-info h3{ font-size: 14px; margin:20px 0; }.contact-social i {font-size: 18px; padding:10px 5px; }.nav>li>a{ font-size: 12px; padding: 15px 5px;  }.c2a-items{margin-top:0px;}  }
@media screen and ( max-width: 1200px) {.slick-prev{left: 7px;z-index: 999;}.slick-next{right: -7px; }#our-culture .carousel-control.left{left: 0; color:#fff}#our-culture .carousel-control.right{right:0;color:#fff }.map-details:before{display: none}.nav>li>a{font-size: 10px;}.c2a-btn a.btn{float: left;padding: 6px .7em; margin:5px;}.c2a-items{ text-align:right;}h3.no-hover-header{ font-size: 21px; }.logo img{max-height: 150px;}.carousel-inner .item:first-of-type .carousel-caption{top:9%;}}


@media screen and ( max-width:1200px){.map-details{ z-index: 1; bottom: 0 !important; left: 0 !important;right: 0; background-color: #e0e0e0;box-shadow: none}}
@media screen and ( max-width:1100px ){.carousel-caption h2{font-size: 21px;}.carousel-caption{left: 49% !important;right: 16% !importnat;}.carousel-caption p{display:none;}}
@media screen and (max-width:1001px){.flex-display-align.container{width: 100%}}
@media screen and ( max-width: 991px) {#concrete-joint-sealing .carousel-control.right{right: 0;}#concrete-joint-sealing .carousel-control.left{left: 0;}.cert-inner .flex-60.flex-display-align-end{padding: 0;}.content-wrapper-main {display: flex;align-items:100%;flex-wrap: wrap;}.awards-wrapper.flex-display-align-end .flex-60{padding: 30px 0}.flex-33{width:100%}.flex-33.flex-display-align .icon{display: none}.senTeam-inner.flex-display-align .flex-col{border: none;}#joint-sealing .slide img{margin-right: 140px;}#joint-sealing .carousel-control.left{left: 0px;color:#000}#joint-sealing .carousel-control.right{right: 0;color:#000}#joint-sealing .flex-col.image-wrapper{padding-bottom:70%;width: 89%}.carousel-caption .btn{padding: 5px 15px;font-size: 18px;width:auto}.carousel-caption{display: block}#employee .btn{font-size: 16px;}#contact{text-align:center}#projects .flex-30{padding: 10px;text-align:left}#services-block .flex-30{padding: 10px;}#services-block span.icon{padding: 5px;}#our-culture .slide{left: 0;}#jobs a.btn{font-size: 16px; padding:12px 18px;margin-bottom:30px;}.events{25px 0;}.events .flex-display-align{padding:25px 10px; }#employee .icons{display: none}.logo img{margin: 0 auto;}span.icon-banner{padding: 0 15px ;border-right:7px solid; font-size: 26px; }.c2a-items{margin-left:140px;}.navbar .navbar-nav {display: inline-block;float: right;margin-bottom:-5px;}.wrapper{display: block;width:auto}.flex{width: 100%}.nav>li>a{font-size: 12px;}.feat-content p{padding: 0;}span.icon{display: inline-block;}.feature{display: block;text-align: center;}.feat-heading{margin:10px 0;}.feature-inner{ display: block;}.dbe-wrapper{display: block;}.flex-center{display: block;}h3.no-hover-header{font-size: 15px;}}

@media screen and ( max-width: 820px ) {.c2a-items{margin-left:0px;}}
@media screen and ( max-width: 767px ) {.flex-algin-item{flex-wrap:wrap}.flex-70-sm h2{text-align: center}.senTeam-inner.flex-display-align .flex-col{border:solid 2px #ca1c23;margin: 0;}.carousel-caption p{display: block}.page-id-203 #main h1{font-size: 28px;text-align: center}.popup-inner{top:67%}.map-details{box-shadow: none;}.svg-map{overflow: hidden}.quadent{bottom:30%;top:18%}.svg-map{padding: 100px 0;}.mobile-now-hiring{display: block;padding: 20px;text-align: center;}.carousel-caption.mobile-now-hiring{position: inherit;}.carousel-caption.mobile-now-hiring .btn{width: 200px;font-size: 18px;} .flex-container{width: auto;}.flex-icon{padding: 20px}sspan.tel{border:none;}#banner{display:none;}.btns{text-align: center;border: none;}.c2a-items{ text-align:center;}.c2a-btn a.btn{float:none;border: none; }.navbar-default .dropdown-menu > li > a:hover {color: #ca1c23;}.nav>li>a{ border: none;}.content-wrapper{font-size: 12px}.content-wrapper p{padding: 0;}.sitemap{padding:10px 0 }.footer-links{padding: 10px 0; }.content-wrapper{ padding: 15px;}.dropdown-menu{background-color: transparent;border:none;}.navbar-default .dropdown-menu > li > a{ color: #000}.flex-item-service{ width: 100%; }h3.no-hover-header{font-size: 36px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;} .contact-info {display:block;}.spacer {display:none;}.list-inline>li {display:block;padding:5px;}.navbar-header {float: none;}.navbar-left,.navbar-right {float: none !important;}.navbar-toggle {display: block;}.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top {top: 0; border-width: 0 0 1px;}.navbar-collapse.collapse {display: none!important;}.navbar-nav {float: none!important;margin-top: 7.5px;}.navbar-nav>li {float: none;}.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}.collapse.in{ display:block !important;overflow-y: hidden;} .navbar-nav .open .dropdown-menu { position: static;float: none;width: auto;margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}.dropdown .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left: 0;}.dropdown .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left: 0;}}
@media screen and ( max-width: 741px ) {.contact-info-container{font-size: 12px!important;}#contact-info{ font-size: 12px }}
@media screen and ( max-width: 600px ) {}
@media screen and ( max-width: 520px ) {.page-id-277 h1{font-size:21px}.svg-map{overflow: hidden}svg#svg{transform: scale(1);}.quadent{bottom:29%;top:15%}h3.no-hover-header{font-size: 15px; }.c2a-btn a.btn{display: -webkit-inline-box; font-size: 13px; padding:5px 50px;}span.tel{font-size: 12px; display: block;}.jobs-inner{transform: scale(0.8) translateX(-29px);}}
@media screen and ( max-width: 380px ) {h3.region{font-size: 12px}.top-c2a a{font-size:14px;}.c2a-right{width:calc(100%);}}

#doc-sec a{ color: #fff; }