body{font-family: "Roboto", sans-serif; font-weight:300; font-size:17px; line-height:1.7; color:#353535; overflow-x: hidden;}

html{scroll-padding-top:120px;}

a{ color:#353535; text-decoration:underline;}
a:hover{ color:#000; text-decoration:none;}
a:focus{ outline:none;}

.bullet-group{ margin-bottom:30px;}
.bullet-group .style{ margin:0 !important;}

.heading, .sub-heading, .sub-heading2{font-family: "Roboto Condensed", sans-serif; font-size:34px; line-height:1.3; color:#353535; margin:0 0 20px; font-weight:bold;}
.sub-heading{font-size:26px;}
.sub-heading2{font-size:24px;}

.heading .heading, .sub-heading .sub-heading{ margin-bottom:5px;}
.heading .sub-heading, .sub-heading .sub-heading2{ margin-bottom:0; color: #b41a2a;}

hr.bdr{ border:none; height:3px; background:#ddd; opacity:1; width:60%; margin:50px auto}

b, strong{font-weight: 600;}

p{ font-size:17px; line-height:1.7; font-weight: 400;}
p, .mb{ margin-bottom:30px;}
.style{margin:0 0 20px 0;}
.style li{list-style:disc; margin:0 0 10px 20px; line-height:26px}
.style ul{ margin-top:10px}
.style li a{ text-decoration:underline;}
.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc;}

.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

img.right {float: right; margin: 5px 0 20px 15px;}
img.left {float: left; margin: 5px 20px 5px 0;}
img{ max-width:100%}

.main-image{max-width: 40%;}

.box{border: solid 4px #353535; margin: 0 4% 30px; padding: 10px;}
.box .heading{background: #353535; font-size: 26px; font-weight: normal; padding: 8px 10px 10px; color: #fff; text-align: center; margin: -10px -10px 20px;}
.box .bullet-group{margin-bottom: 20px;}
.box p{line-height: 1.2;}
.box ul{list-style: none;}

section{ padding:80px 0px 50px;}

.social{margin-bottom: 20px;}
.social a{margin:0 2px;}
.social strong{ color:#fff}
.social img{ max-height:30px; transition:all .3s ease-in-out}

.button{background: #b41a2a; color: #fff; display:inline-block; font-size: 19px; line-height: 1.2; padding:10px 20px; margin: 5px 6px; text-align:center; text-decoration: none; transition:all .3s ease-in-out; font-weight:500;}
.button:hover{background: #1c1c1c; color: #fff;}

header{ background:#fff; box-shadow: 0 0 5px #4f4f4f; position: fixed; top: 0; transition: all 0.3s ease-in-out; width: 100%; z-index: 1000; padding: 15px 0;}
.logo img{transition:all .3s ease-in-out; max-height: 70px;}

header .d-lg-none .phone{background: #000; color: #fff; font-weight: bold; padding: 10px 12px; text-decoration: none;}

/* Start Menu css */
.header-menu{text-align: right;}
.navbar-brand{ font-size:15px; display:none}
.navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(245, 245, 245, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar .navbar-toggler{ border:none; color:#fff;}
.navbar .navbar-toggler:focus{box-shadow: none}
.navbar .navbar-toggler .open-menu{ font-size:19px;}
.navbar .navbar-brand{ display:none}
.navbar .navbar-nav{margin: 0 0 0 auto;}
.navbar .navbar-nav .nav-item .nav-link{text-align:center; color:#535353; font-size:18px; line-height:1.2; font-weight:bold; padding:10px 11px; transition:all .3s ease-in-out}
.navbar .navbar-nav .nav-item:last-child .nav-link{background: #b41a2a; color: #fff;}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current-parent .nav-link, .navbar .navbar-nav .nav-item.current-parent .nav-link.current{ color:#b41a2a;}
.navbar .navbar-nav .nav-item:last-child:hover .nav-link{ background:#000; color: #fff;}

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:14px; text-align:left; padding:5px 1rem; color:#212529}
.dropdown-item{ line-height:1.3; padding:5px 1rem; font-size:18px; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#242425!important; color:#fff;}
.dropdown-item.current{ background:#242425!important; color:#fff!important;}
/* End Menu css */

/* Start Sticky Header */
.header-up{ transition:all .3s ease-in-out; padding: 10px 0;}
.header-up .logo img{ max-height:55px}
.header-up .navbar .navbar-nav .nav-item .nav-link{ font-size:16px;}
.headerclear{ margin-top:100px}
/* End Sticky Header */


.banner, .banner-inner{position: relative; padding: 0; min-height: 520px; max-height: 580px; overflow: hidden; background: #000;}
.banner-inner{max-height: 440px;}
.banner::before{position:absolute; content:""; background:rgba(0,0,0,.1); left:0; top:0; width:100%; height:100%;}
.banner img, .banner video{object-fit: cover; object-position: center; width: 100%; margin: 0 auto;}
.banner video{margin-top: -8%;}
.banner-text{background: rgba(14, 14, 14, .8); padding: 15px 30px; position: absolute; bottom: 15%;}

.banner-text .heading, .banner-text .sub-heading{color: #fff; text-transform: uppercase; line-height: 1.1; margin: 0 0 5px;}
.banner-text .heading{font-size: 44px;}
.banner-text .sub-heading{font-size: 36px;}

.banner-text .heading, .banner-text .sub-heading{text-transform: none;}
.banner-inner .banner-text .heading{font-size: 30px;}
.banner-inner .banner-text .sub-heading{font-size: 26px;}

.clients .row{border-bottom: solid 1px #ccc; padding-bottom: 80px;}
.clients .heading{text-align: center;}
.clients li{padding: 0 30px;}
.clients .lSAction > .lSPrev{left: 0; background: url("../img/prev.png") left center no-repeat; opacity: .5;}
.clients .lSAction > .lSNext{right: 0; background: url("../img/next.png") right center no-repeat; opacity: .5;}
.clients .lSAction > .lSPrev:hover, .clients .lSAction > .lSNext:hover{opacity: 1;}

.tagline{background: #1c1c1c; color: #fff; padding: 35px 10px 20px; text-align: center;}
.tagline .heading, .tagline .sub-heading, .tagline p{color: #fff;}

.services{text-align: center;}
.services .col{margin-bottom: 24px;}
.services .col a{display: block; position: relative; max-width: 400px; margin: 0 auto;}
.services .col a::before{position:absolute; content:""; background:rgba(0,0,0,.6); left:0; top:0; width:100%; height:100%;}
.services .col img{height: auto;}
.services .col div{position: absolute; bottom: 8%; width: 100%; }
.services .col div .sub-heading2{font-size: 20px; line-height: 1.2; color: #fff;}
.services .col div img{display: block; margin: 0 auto 30px;}

.review-icons{text-align: center;}
.review-icons .heading, .review-icons .heading .heading, .review-icons .sub-heading{font-size:22px; margin-bottom:10px;}
.review-icons .sub-heading{ font-size:18px;}
.review-icons .mb a{margin: 10px 20px; display: inline-block;}
.review-icons a{ margin:0;}

.review-social{background: url("../img/5star.png") top center no-repeat; padding-top: 22px; text-align: center;}
.review-social strong{display: block;}
.review-social.nostar{background:none!important; padding: 0!important;}
.review-social span{display:block; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.review-social p{font-size: 14px!important; margin-bottom: 0;}
.review-social img{display: inline!important;}

.reviews{padding: 15px 20px 5px; margin: 0 0 30px; text-align: center; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4); -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px;}
.reviews:before, .reviews:after {content: " "; display: table;} .reviews:after {clear: both; }
.reviews p{font-size: 20px; line-height: 1.6; margin-bottom: 15px;}

.review-heading{font-size: 22px; line-height: 1.2; font-weight: 600; color: #172333; margin: 0 0 20px; text-transform: capitalize;}

.review-page .reviews{text-align: left;}
.review-page .review-social{background: url("../img/5star.png") top right no-repeat; text-align: right;}
.review-page .review-heading{background: url(../img/5star.png) right 30% no-repeat; padding: 0 110px 5px 0; text-align: left;}

.home-review{background: #1c1c1c; text-align: center;}
.home-review .heading{color: #fff;}
.review-slider .reviews{padding: 0 1.5%; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #fff;}
.review-slider .review-heading{font-size: 26px; color: #b41a2a; background: url("../img/5star-l.png") top center no-repeat; padding-top: 50px;}
.review-slider .review-social{background: none; padding-top: 0;}
.review-slider .review-social span{color: #fff; font-weight: normal;}

.feed-wrapper{ margin: 15px 0; text-align: left; overflow: hidden; position:relative}

.locations{text-align: center; margin: 60px 0 40px;}
.locations strong{font-size: 20px;}
.locations p{margin-bottom: 15px; line-height: 1.2;}
.locations a{color: #b41a2a;}

.contact-page .border{padding-top: 15px; padding-bottom: 5px;}
.contact-page .border .sub-heading{color: #b41a2a;}
.contact-page .border p{margin: 10px; line-height: 1.2;}
.contact-page a{text-decoration: none;}

/* Start Google-Map */
.google-map{position: relative; min-height: 420px; border: solid 1px #ddd; margin:10px 0 20px}
.google-map::before{content: ""; width: 200px; height: 94px; position: absolute; left: 10px; top: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}


/*.google-map-bakersfield{background: url(../img/bowman-asphalt-bakersfield-ca-service-area-map.webp) center no-repeat;}*/
.google-map-bakersfield::before{background: url(../img/bowman-asphalt-bakersfield-ca-ratings.webp) center no-repeat;}

/*.google-map-ridgecrest{background: url(../img/bowman-asphalt-ridgecrest-ca-service-area-map.webp) center no-repeat;}*/
.google-map-ridgecrest::before{background: url(../img/bowman-asphalt-ridgecrest-ca-ratings.webp) center no-repeat;}

/*.google-map-bakersfield-office{background: url(../img/bowman-asphalt-bakersfield-office-map.webp) center no-repeat;}*/
.google-map-bakersfield-office::before{background: url(../img/bowman-asphalt-bakersfield-office-ratings.webp) center no-repeat; width: 200px; height: 110px;}
.google-map-bakersfield::before{width: 200px; height: 110px;}
/* Start Google-Map */

.contact-form{ background:#000; color:#fff; text-align:center; padding:20px 20px 15px; min-height:480px; margin-bottom: 30px;}
.contact-form p{margin-bottom: 0;}
.contact-form a{ color:#fff;}
.contact-form .heading{ color:#fff; margin-bottom:0px; font-size: 26px; text-transform: none;}
.contact-form .phone{display: inline-block; font-size: 22px; line-height: 1.2; font-weight: bold;}
.contact-form iframe{margin-top: 15px!important;}
.modal-body .contact-form{margin-bottom: 0;}

footer{background: #000; color: #fff; padding: 60px 0 40px;}
footer p{margin-bottom: 20px;}
footer .heading, footer .sub-heading, footer a, footer a:hover{color: #fff;}
footer ul{list-style: none; margin: 0 0 0 20px; padding: 0;}
footer .rhs{text-align: right;}
footer .rhs .sub-heading{margin-bottom: 10px;}
footer .phone{font-size: 30px; line-height: 1.1; font-weight: bold; display: inline-block;}
footer .logo{display: inline-block; margin-bottom: 20px;}

/* modad contact */
.modal-body .btn-close{position:absolute; top:5px; right:5px; font-size:18px;}
.modal-body .btn-close:focus{ box-shadow:none}
.modal .modal-body{color:#fff; background:#484848; text-align:center}
.modal .modal-body a{ color:#fff}
.modal .modal-body a:hover{ color:#fff}

.empenglish .modal-body, .empspanish .modal-body{color:#484848; background:#fff;}
.empenglish .modal-body .btn-close-white, .empspanish .modal-body .btn-close-white{filter: none;}
/* modad contact */

.contact-us-button{ position:fixed; bottom:15%; right:0; z-index:1000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#b41a2a; padding:5px; transition:.5s; z-index:1000; display: none;}
#back-to-top:hover{background: #b41a2a;}


@media (max-width: 1400.98px) {
.banner{min-height: 480px; max-height: 500px; overflow: hidden;}
}

@media (max-width: 1300.98px) {
.banner{min-height: 450px; max-height: 480px; overflow: hidden;}
}


@media (max-width: 1199.98px) {
.heading, .sub-heading{font-size:30px;}
.sub-heading{font-size:22px;}
.sub-heading2{font-size:20px;}

.navbar .navbar-nav .nav-item .nav-link{font-size:16px; padding:10px 7px;}

.banner{min-height: 430px; max-height: 460px; overflow: hidden;}
.banner-text .heading{font-size: 40px;}
.banner-text .sub-heading{font-size: 32px;}

.banner-inner .banner-text .heading{font-size: 28px;}
.banner-inner .banner-text .sub-heading{font-size: 24px;}
}

@media (max-width: 991.98px) {
html{scroll-padding-top:160px;}
.headerclear{ margin-top:130px}

.heading, .sub-heading{font-size:26px;}
.sub-heading{font-size:19px;}
.sub-heading2{font-size:18px;}
.heading br, .sub-heading br{ display:none}

section{ padding:40px 0 20px}

.button{font-size: 17px; padding:10px 15px; margin: 5px 4px;}

header, .header-up{padding: 10px 0 0;}

.navbar{padding: 0; margin: 10px -15px 0; background: #b41a2a;}
.navbar .navbar-nav{ margin: 0 auto;}
.navbar .navbar-nav .nav-item:last-child .nav-link{display: none;}
.navbar .navbar-nav .nav-item .nav-link, .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current-parent .nav-link, .navbar .navbar-nav .nav-item.current-parent .nav-link.current{color: #fff;}

.banner{min-height: 340px; max-height: 400px; overflow: hidden;}
.banner video{margin-top: -4%;}

.banner-text{bottom: 12%;}
.banner-text .heading{font-size: 32px;}
.banner-text .sub-heading{font-size: 26px;}

.banner-inner .banner-text .heading{font-size: 26px;}
.banner-inner .banner-text .sub-heading{font-size: 22px;}

.social img{ max-height:27px}

.clients .row{padding-bottom: 40px;}

.review-slider .review-heading{font-size: 22px; margin-bottom: 10px;}
.reviews p{font-size: 17px;}

.services .col div .sub-heading2{font-size: 18px;}

.locations{margin: 40px 0 20px;}

footer{padding: 30px 0 20px;}
footer .rhs, footer .rhs p{font-size: 15px;}
}

@media (max-width: 767.98px) {
.main-image{max-width: 90%; float: none!important; margin: 0 auto 20px!important; display: block;}

#navbars{border-top: solid 1px #8d0f1c;}
.navbar{padding: 3px 0 2px;}
.navbar .navbar-brand{ display:block}
.navbar .navbar-nav .nav-item .nav-link{ color:#fff; font-size:15px; padding:10px 14px; border-bottom:1px solid #8d0f1c; text-align:left}
.navbar .navbar-nav .nav-item .nav-link br{display: none;}

.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:15px;}

.banner{min-height: 300px; max-height: 400px; overflow: hidden;}
.banner video{margin-top: 0%; }

.banner-text{bottom: 10%;}
.banner-text .heading{font-size: 28px;}
.banner-text .sub-heading{font-size: 22px;}

.banner-inner .banner-text .heading{font-size: 24px;}
.banner-inner .banner-text .sub-heading{font-size: 20px;}

.services .col div{bottom: 15%;}

footer .rhs{text-align: center; border-top: solid 2px #ccc; margin-top: 30px; padding-top: 30px;}
}

@media (max-width: 575.98px) {
.heading, .sub-heading{font-size:24px;}
.sub-heading{font-size:20px;}
.sub-heading2{font-size:18px;}

header .d-lg-none .phone{font-size: 15px;}

.banner{min-height: 300px; max-height: 410px; overflow: hidden;}
.banner-text{position: relative; text-align: center; margin-top: -10px; background: #000;}
.banner-text .heading{font-size: 24px;}
.banner-text .sub-heading{font-size: 20px;}

.services .col div{bottom: 25%;}

.services img{width: 100%;}
.services .col div img{width: auto;}
}

@media (max-width: 480.98px) {
.headerclear{ margin-top:110px}

.banner{min-height: inherit; max-height: 350px;}
.banner-text .heading{font-size: 20px;}
.banner-text .sub-heading{font-size: 18px;}

footer ul{margin: 0; font-size: 15px;}
}