/* Common css */
body{font-family: 'Montserrat', sans-serif; font-size:16px; line-height:26px; color:#1b233e; overflow-x:hidden}
iframe{border: none;}
a{ color:#044295; text-decoration:none}
a:hover{ color:#000 ; text-decoration:none}
a:focus{ outline:none; box-shadow: none}

.heading, .sub-heading{ font-size:30px; line-height:34px; color:#073674; margin:0px 0 20px; font-weight:700; text-align:center;}
.sub-heading{ font-size:22px; line-height:26px;}

div.heading .heading{ margin-bottom:15px}
div.heading .sub-heading{ color:#48ad3a}

.heading .sub-heading span{ content:""; display:inline-block; background: url(../img/bullet-blue-light.png) left center no-repeat; padding-left:20px; margin-right:5px}

.mb{ margin-bottom:20px;}

ul.style{margin:0 0 10px 0; padding-left:15px}
.style .style{margin-top: 10px;}
ul.style li{list-style:disc; margin:0 0 15px 0px; font-size:16px; line-height:18px; text-align:left;}
ol.style li{list-style:decimal; margin:0 0 10px 30px; font-size:16px; line-height:18px; text-align:left;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}

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

.left{float:left;} .right{float:right;}

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

img{ max-width:100%; height:auto}
.container{ max-width:1170px;}
/* Common css */

/* Start Header */
header{ position:relative}
.top-row{ background:#073674; color:#fff; padding:10px 0}
.top-row .social{ line-height:20px}
.top-row .header-tag .sub-heading{ font-size:16px; line-height:20px; color:#fff; margin-bottom:0}
.top-row .header-tag .sub-heading span{ background:url(../img/bullet-white-s.png) left center no-repeat; display:inline-block; padding:0px 5px 0px 18px;}
.top-row .header-tag .sub-heading span:first-child{ padding-left:0; background:none}

.main-header{ padding:2px 0; background:#fff;}
.logo a{ display:block; min-height:70px}
.logo span{font-weight:bold; font-size:15px}
.header-contact{ display:table; position:absolute; top:0; right:15px; background:#276426; color:#fff; padding:10px 10px 10px 30px; clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%); text-align:right}
.header-contact .heading{ font-size:13px; line-height:16px; color:#fff; margin-bottom:3px; text-align:right}
.header-contact a{ background:url(../img/steves-five-star-service-phone-number.png) left center no-repeat; padding:2px 0px 2px 25px; display: inline-block;}
.top-menu{ margin-top:65px; margin-bottom:30px}

.header-contact .schedule{ background:url(../img/clock-icon.png) left center no-repeat; padding-left:25px; font-weight:bold; cursor:pointer; margin-bottom:0; font-size:16px; line-height:20px}
.help-desk{ position:absolute; bottom:-20px; right:15px; background:#fac40b url(../img/24x7-emergency-service.png) 10px 10px no-repeat; padding:8px 15px 8px 40px; font-weight:bold; border-radius:5px; z-index:2; color:#000}
.help-desk:hover{ background:#073674 url(../img/24x7-emergency-services.png) 10px 10px no-repeat; color:#fff}
/* End Header */

/* Start Menu css */
.navbar-dark{ padding:0; background: #fff;}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-dark .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(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler:focus{box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-weight:bold; text-align:center; color:#073674; line-height:20px; padding:10px 6px;}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#276426;}

.dropdown-toggle::after { display: none}

.dropdown-item{ line-height:18px; padding:10px 1rem; }
.dropdown-item:current, .dropdown-item:hover{ color:#000; background:none!important}
.dropdown-item.current, .dropdown-menu > li a:hover, .dropdown-menu > li.show{ background:#48ad3a!important; color:#fff!important;}
/* End Menu css */

/* Start Sticky Header */
.main-header.sticky{ position: fixed; top:0px; left:0; right:0; box-shadow:0 8px 6px -6px #ccc; padding:0; transition:all .3s ease-in-out; z-index:1005}
.main-header.sticky .logo a img{ max-height:70px}
.main-header.sticky .logo span{ font-size:14px; line-height:16px}
.main-header.sticky .header-contact{ padding:2px 15px 2px 25px }
.main-header.sticky .header-contact .heading, .schedule{ font-size:13px; line-height:12px;}
.main-header.sticky .header-contact a, .main-header.sticky .header-contact .schedule{ background-size:15px; line-height:19px}
.main-header.sticky .header-contact .schedule{ font-size:15px; line-height:18px}
.main-header.sticky .header-contact a img{ height:15px}
.main-header.sticky .navbar-dark .navbar-nav .nav-item .nav-link{ padding-top:5px; padding-bottom:5px; font-size:14px;}
/* Start Sticky Header */

.home-banner{ background:#ddd url(../img/home-plumbing-services.webp) center no-repeat; background-size:cover; position:relative; min-height:420px;}

.banner-text{ position: relative; background:rgba(48,82,120,.8); height:100%; color:#fff; padding:120px 40px 100px 20px; font-size:22px; line-height:26px}
.banner-text .heading{ color:#fff; text-align:left; font-size:45px; line-height:50px}
.banner-text .heading span{ display:block; font-size:26px; line-height:30px; margin-bottom:8px}
.banner-text .sub-heading{ margin-bottom:25px; color:#fff; font-size:22px; line-height:1.5; text-align:left; font-weight:normal}
.banner-text a{ color:#fff; padding:3px; display: inline-block; border:1px solid #073674; font-size:16px; line-height:18px; margin:5px; font-weight:300; transition:all .3s ease-in-out}
.banner-text a span{ background:#073674; display:block; padding:10px 15px; font-weight:500; transition:all .3s ease-in-out}
.banner-text a:hover{ border:1px solid #02439a;}
.banner-text a:hover span{ background:#02439a; transition:all .3s ease-in-out}

.common-banner{ background: url(../img/steves-five-star-service.webp) top center no-repeat; background-size:cover; padding:60px 20px}
.common-banner .heading{ color:#fff; margin-bottom:0}

.inner-banner{position:relative; background:#ddd url(../img/inner-banner.webp) top center no-repeat; background-size:cover!important; position:relative}
.inner-banner .banner-text{ clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); max-width:40%; padding:40px 40px 60px 20px; font-size:16px; line-height:22px; }
.inner-banner .banner-text div.heading{ margin-bottom:15px;}
.inner-banner .banner-text div.heading .heading{font-size:22px; line-height:26px; margin-bottom:0px; color:#fff}
.inner-banner .banner-text div.heading .sub-heading{ text-align:left; color:#fff; font-size:16px; line-height:20px; margin:10px 0px 0px}
.inner-banner .banner-text .chk-list li{ margin-bottom:8px}

/* Start inner pages banner css */
.drain-line-cleaning{background:#ddd url(../img/drain-line-cleaning.webp) center no-repeat;}
.sewer-line-cleaning-repair{background:#ddd url(../img/sewer-line-cleaning-repair.webp) top center no-repeat;}
.trenchless-pipe-relining-replacement{background: #ddd url(../img/trenchless-pipe-relining-replacement.webp) center no-repeat;}
.slab-leak-detection-repair{background: #ddd url(../img/slab-leak-detection-repair.webp) bottom center no-repeat;}
.water-pipe-replacement-repipe{background: #ddd url(../img/water-pipe-line-repiping-repair.webp) bottom center no-repeat;}
.water-heaters-installation-repair{background: #ddd url(../img/water-heater-services.webp) bottom center no-repeat;}
.gas-electric-tankless-water-heater{background:  #ddd url(../img/gas-eletric-tankless-water-heater.webp) top center no-repeat;}
.gas-line-installation-repair{background: #ddd url(../img/gas-line-repiping-service.webp) bottom center no-repeat;}
.emergency-plumbing-services{background: #ddd url(../img/emergency-plumbing-services.webp) center no-repeat;}
.flooding-emergency-plumbing{background: #ddd url(../img/water-damage-flooding-plumber.webp) center no-repeat;}
.toilet-installation-repair-service{background: #ddd url(../img/toilet-installation-repair-service.webp) center no-repeat;}
.sink-faucets-repair-services{background: #ddd url(../img/sink-faucet-repair-replace-service.webp) center no-repeat;}
.water-softeners-conditioners{background: #ddd url(../img/water-softener-conditioner.webp) center no-repeat;}
.bathroom-remodeling-contractor{background: #ddd url(../img/bathtub-shower-installation.webp) bottom center no-repeat;}
.commercial-plumber{background: #ddd url(../img/commercial-plumbing-services.webp) center no-repeat;}
/* Start inner pages banner css */

.flex-video.right{ float:right; margin:0px 0px 10px 15px; max-width:50%!important}
.flex-video.right iframe{ max-width:100%!important}

.brands{ border:1px solid #073674; margin:30px 0px; padding:20px; border-radius:10px; line-height:20px; overflow:hidden}
.brands .sub-heading{ background:#073674; color:#fff; margin:-20px -20px 20px; padding:10px}
.brands b{ display: inline-block; padding:5px 10px 5px 15px; background: url(../img/bullet-blue-s.png) left center no-repeat;}
.brands b:first-child{ padding-left:0; background: none}

.main-service{ padding:100px 0; background:url(../img/comprehensive-plumbing-services.webp) top center no-repeat; background-size:cover}
.main-service .heading{ background:url(../img/heading-shadow.png) bottom center no-repeat; padding-bottom:20px; margin-bottom:40px}

.service-row a{ display:block; margin-bottom:40px; border-radius:10px; min-height:145px; overflow:hidden; position:relative; transition:all .3s ease-in-out}
.service-row a:before{ content:""; position:absolute; left:0; right:0; width:100%; height:100%; background: rgba(0,0,0,.4);}
.service-row a:hover::before{  background: rgba(7,54,116,.4);}
.service-row a img{ width:100%}
.service-row a .sub-heading{ position:absolute; bottom:-5px; left:0; right:0; background:rgba(7,54,116,.85); color:#fff; padding:15px; font-weight:normal; font-size:16px; line-height:19px}
.service-row a:hover .sub-heading{background:rgba(7,54,116,.95);}


.voted{ background:url(../img/experienced-plumbers.webp) right bottom no-repeat; padding:0px 0px 40px; position:relative}
.voted:before{ content:""; width:40px; background: url(../img/vited-bg-left.png) top left no-repeat; position:absolute; top:0; left:0; height:100%;}

.ribbon{display: table; position: relative; margin:-45px 50px 60px 0}
.ribbon:after{background: #54a629; position: absolute; width: 8%; height: auto; top: 10px; bottom: 8px; left: auto; right: -4%; content: ""; clip-path: polygon(100% 0, 80% 50%, 100% 100%, 0 100%, 0 0); z-index:-1}
.ribbon .heading{background: #48ad3a; color: #fff; padding: 15px 20px;}


.voted div.heading{ margin-bottom:30px}
.text-left{ text-align:left}

.home-main-heading{ line-height:42px}

a.btn-center{ display:table; margin:40px auto 40px;}
a.btn-green{ background:#48ad3a; text-align:center; color:#fff; font-size:22px; line-height:26px; padding:10px 25px; border-radius:10px; transition: all .3s ease-in-out}
a.btn-green:hover{ background:#073674; transition: all .3s ease-in-out}
a.btn-green span{ font-size:16px; line-height:20px; display:block}

.testimonial-contact{ padding:60px 0 40px; background: url(../img/steves-service-reviews.webp) center no-repeat; background-size:cover; position:relative; z-index:1}

.testimonial-contact::before, .testimonial-contact::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background: url(../img/professional-plumbers.webp) bottom left no-repeat; z-index:-1}
.testimonial-contact::after{background: url(../img/steves-five-star-service-customer-reviews.webp) top right no-repeat; width:100%; height:100%; left:inherit; bottom:inherit; right:0; top:0;}

.home-testimonial{ margin-bottom:40px}
.home-testimonial p{ margin-bottom:15px!important}

.testi{border:1px solid #ddd; padding:15px 20px 0px; margin:0 5px 20px; background:#FFF; box-shadow:0 1px 5px rgba(0,0,0,0.2); border-radius:18px;}
.testi p{ margin-bottom:15px!important;}
.testi .sub-heading{ margin-bottom:10px; font-size:22px; line-height:26px; text-transform:uppercase; text-align:left}
.testi a{ font-weight:bold; color:#333}
.testi a:hover{ color:#000; text-decoration:underline}
.testi .review-social{background:url(../img/5star.png) top right no-repeat; padding-top:25px; text-align:right;}

.review-social{text-align:center; margin-bottom:10px; font-style:normal!important;}
.review-social strong{ display: block; margin:0px auto 5px;}
.review-social img{max-width: inherit!important; display: inline!important;}

.testimonial-contact .testi{ background:none; border-radius:0; box-shadow:none; border:none; text-align:center;  margin-bottom:20px}
.testimonial-contact .testi .sub-heading{ color:#1b233e; font-size:18px; line-height:22px; text-align:center}
.testimonial-contact .testi .review-social{ background:url(../img/5star.png) top center no-repeat; text-align:center}

.contact-form .last{/* open on live ---------- margin-bottom:-15px; -----*/}
.contact-form p strong{ font-size:18px;}
.contact-form .heading{ color:#54a629; margin-bottom:10px; font-size:20px; line-height:24px; text-align:left}

/* modad contact */
.red-button{ position:fixed; right:0; bottom:20%; z-index:1001; cursor:pointer}
.modal .modal-header{ border:none; padding-bottom:0}
.modal .modal-header .close{ padding-top:0; font-size:42px; margin-top:-21px; padding-bottom:16px}
.modal .modal-header .close:focus, .btn-close:focus{ box-shadow: none }
.modal .modal-body{ padding-top:0; margin-top:-5px; font-size:15px; line-height:24px; color:#333}
/* modad contact */

.main-content{ padding:80px 0 60px}
.main-content p{ margin-bottom:30px}
.main-content p a{ text-decoration:underline}
.main-content p a:hover{ text-decoration:none}
.main-content .heading{ font-size:24px; line-height:28px}

.home-whychoose{ background:url(../img/why-choose-steves-five-star-service.webp) bottom center no-repeat; background-size:cover; padding:80px 0px 60px; color:#fff; border-bottom:3px solid #fac40b}
.home-whychoose .heading{ background:#276426; color:#fff; display:table; margin:0px auto 10px; font-size:24px; line-height:28px; border-radius:10px; padding:10px 25px;}
.home-whychoose .sub-heading{ color:#fac40b; font-size:20px; line-height:24px}
.home-whychoose ul.style li{ list-style:none; background:url(../img/emergency-plumbing-services.png) 3px 5px no-repeat; padding:5px 0px 5px 30px; font-weight:bold; margin-bottom:10px}

.contact-page{ text-align:left}
.contact-page p{ margin-bottom:20px}

.specials{ margin:60px 0 0}
.specials img{ margin:0px 10px 15px; max-width:46%}

/* Start service area */
.services-area{color:#fff; background:#ddd}

.google-map{background: url(../img/steve-service-service-area-map.webp) center no-repeat; position: relative; background-size: cover; min-height: 350px; height:100%;}
.google-map::before {content: url("../img/plumber-upland-address.webp"); width: 125px; height: 60px; display: block;  box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); z-index: 1; position: absolute; top: 25px; left: 25px;}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}

.services-area .row .col-lg-7{ padding-left:0; padding-right:0px}
.services-area .heading{ color:#fff; font-size:20px; line-height:23px; margin-bottom:30px;}
ul.city{ list-style:none; margin:0; padding:0}
ul.city li{ margin-bottom:13px; line-height:22px;}
ul.city li a,ul.city li span{ background:url(../img/arrow-right.png) left center no-repeat; font-family: 'Roboto', sans-serif; padding-left:15px; color:#fff; text-decoration:none; transition:all .3s ease-out}
ul.city li a:hover{ color:#fff}
.map-menu{ background: #012d64 url(../img/expert-plumbing-services.webp) bottom center no-repeat; background-size:cover; padding:30px 25px; position:relative}
.map-menu:before{ content:""; position:absolute; left:0; right:0; top:0; height:100%; background:rgba(1,45,100,.9);}
.map-menu > div, .map-menu .heading{ position:relative; z-index:2}
/* End service area */

/*--Gallery--*/
.gallery-page{ margin:0px auto}
.gallery-page .heading{ background:#051bbd; color:#fff; padding:10px 15px}
ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ width:100%; position:relative; z-index:400}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(0,0,0,.7); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px; text-align:left}
.shortcontent{ display:inline}
ul.image-gallery li .comment span{ display:inline-block}
ul.image-gallery li .comment a{ text-decoration:underline; color:#fff;}
ul.image-gallery li .comment a:hover{ text-decoration:none}
/*--Gallery--*/

.review-icons{text-align: center; padding-bottom: 30px;}
.review-icons .heading, .review-icons .sub-heading{ text-align:center;}
.review-icons .sub-heading{ font-size:22px; line-height:26px}
.review-icons .heading .heading{ font-size:26px; line-height:30px; margin-bottom:10px;}
.review-icons .heading .sub-heading{font-size:20px; line-height:24px;}
.review-icons a{margin: 10px 20px; display: inline-block;}
.review-icons .sub-heading a{ margin:0}

#HydroJetting, #DrainCleaning, #WaterSoftener, #GasLineServices, #TrenchlessDrain, #BathroomRemodeling, #WaterHeater{ scroll-margin-top: 8em;}

/* footer css */
/* footer css */
footer{padding:10px 0px; font-size:14px; line-height:22px; font-family: 'Roboto', sans-serif;}
footer p{ margin-bottom:0; color:#090909}
footer p img{ vertical-align: inherit; max-width:100%}
.fmenu a{ display:inline-table; padding:0px 3px; color:#090909; text-decoration:none}
.copyright{ text-align:right; margin-bottom:0px; color:#090909}.copyright a{ color:#090909}.copyright a:hover, .fmenu a:hover{ color:#000}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#000; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #333;}

@media (max-width: 1359.98px) {
/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:14px; line-height:13px; padding:10px 5px}
.dropdown-item{ font-size:15px; line-height:18px}
/* End Menu css */
}

@media (max-width: 1199.98px) {
.container{ max-width:100%;}
.heading br, .sub-heading br{ display:none}

.top-row .header-tag .sub-heading{ font-size:14px;}
.top-row .header-tag .sub-heading span{ padding:0px 0px 0px 12px}

.logo a{min-height:65px}

/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:11px; line-height:18px; padding:10px 4px;}
.dropdown-item{ font-size:15px; line-height:18px}
/* End Menu css */

/* Start Sticky Header */
.main-header.sticky .logo a{ margin-top:10px}
.main-header.sticky .header-contact{ padding:3px 10px 5px 25px}
.main-header.sticky .navbar-dark .navbar-nav .nav-item .nav-link{ font-size:11px; line-height:15px; padding:10px 5px}
/* End Sticky Header */
.home-banner .banner-text{ max-width:100%}

.banner-text{ padding:80px 40px 60px 20px; font-size:16px; line-height:20px}
.banner-text .heading{ font-size:35px; line-height:40px}
.banner-text .heading br{ display:block}
.banner-text .heading span{ font-size:22px; line-height:26px}

.banner-text a span{ padding:10px 13px}

.inner-banner .banner-text{ max-width:50%;}

.service-row a .sub-heading{ font-size:14px; line-height:18px;}

.voted .container{ max-width:90%}
.ribbon .heading{ font-size:24px; line-height:26px;}
}

@media (max-width: 991.98px) {
div.heading .heading{ font-size:22px; line-height:26px;}
div.heading .sub-heading{ font-size:18px; line-height:22px}

.main-content .heading{ font-size:22px; line-height:26px}

.main-header{ position:relative}
.logo a{ display: table;}
.logo a img{ max-height:80px}

.top-row .social{ display:table; margin:0px auto}
.header-contact{ padding:10px 10px 5px 25px; clip-path:none; background:none; margin-top:10px; margin-bottom:10px}
.header-contact a{ background: url(../img/plumbing-contractor-phone-number.png) left center no-repeat}
.header-contact .heading, .header-contact .schedule{ font-size:15px; color:#000}
.header-contact .schedule{ background:url(../img/schedule-appointment.png) left center no-repeat}
.help-desk{ background:#48ad3a url(../img/24x7-emergency-services.png) 10px 10px no-repeat; position:relative; bottom:0px; right:0; padding:5px 5px 5px 40px; font-size:14px; line-height:17px; display:table; margin:0px auto}
.help-desk:hover{background:#000 url(../img/24x7-emergency-services.png) 10px 10px no-repeat;}

/* Start Menu css */
.top-menu{ margin:0}
.navbar-dark{ background: none}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:12px; line-height:16px; padding:10px 4px;}
.dropdown-item{ padding:5px 1rem}

.ms-auto{margin-left: inherit!important}
/* End Menu css */

/* Start Sticky Header */
.main-header.sticky .header-contact{ padding:15px 10px 5px 25px}
/* End Sticky Header */

.home-banner{ min-height:350px}

.banner-text{ padding:60px 40px 40px 20px; font-size:16px; line-height:20px; max-width:50%}
.banner-text .heading{ font-size:30px; line-height:34px}
.banner-text .heading span{ font-size:20px; line-height:24px}

.banner-text .sub-heading{ margin-bottom:20px; font-size:20px;}
.banner-text a{ font-size:14px;}
.banner-text a span{ padding:10px 8px}

.common-banner{ padding:15px 15px 20px}
.common-banner .heading{ font-size:22px; line-height:26px}

.ribbon .heading{ font-size:18px; line-height:20px;}
.home-main-heading{ line-height:34px}

.testi .sub-heading{ font-size:16px; line-height:20px;}

.testimonial-contact .testi{ margin-bottom:200px}
.testimonial-contact .testi .sub-heading{ font-size:16px; line-height:20px; background: url(../img/5star.png) center bottom no-repeat; padding:0px 0px 28px; text-align:center}

.flex-video.right{ float: none; margin:0px  auto 15px; max-width:100%!important}
.heading .sub-heading span{ content:""; display:block; background: url(../img/bullet-blue-light.png) 5px 5px no-repeat; text-align:left; margin-bottom:10px}
}

@media (max-width: 767.98px) {
.main-content .heading{ font-size:22px; line-height:26px}

img.left , img.right {margin:0px auto 20px; max-width: inherit;}

.left, .right {float: none; display:table; margin:0px auto 20px}

.logo a{ margin:10px auto 0}
.logo span{ display: table; margin:0px auto;}

.main-header{ padding:0}
.cta{ background:#276426; text-align:center; padding-top:3px}
.cta .sub-heading{ color:#fff; margin-bottom:0px; font-size:15px; line-height:16px}
.cta a{ display: block; margin:0px auto 3px}
.cta a img{ max-height:16px}
.cts{ background:#000; text-align:center; font-size:15px; line-height:18px; font-weight:bold}
.cts a{ color:#fff; display:table; margin:5px auto 10px;}
.cta:hover,.cts:hover { background:#02439a;}

/* Start Menu css */
.top-menu{ background:#073674; margin:5px -12px 0}
.navbar-toggler{ padding:.50rem .75rem}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:14px; line-height:18px; padding:10px 15px; border-bottom:1px solid #959595; text-align:left}

.dropdown-toggle::after { display: inline-block}
.dropdown-item br{ display:none}

.navbar-dark .navbar-nav{ background:#ddd;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
/* End Menu css */

/* Start Sticky Header */
.main-header.sticky{ box-shadow:none}
.main-header.sticky .logo a{ min-height:55px}
.main-header.sticky .logo a img{ max-height:55px}
.main-header.sticky .logo span{ font-size:13px; line-height:15px;}
.main-header.sticky .navbar-dark .navbar-nav .nav-item .nav-link{ font-size:14px; line-height:17px; padding:10px 15px;}
/* End Sticky Header */

.social{ display:table; margin:0px auto 20px}
.social a{ display: inline-block; padding:0px 1px}
.mobile-social{ display:table; margin:20px auto 0;}

.home-banner{ min-height:500px}
.home-banner, .inner-banner{ background:none}
.home-banner img{ min-height:240px}
.home-banner img, .inner-banner img{ width:100%;}
.banner-text{clip-path:none; padding:25px 20px 2px; max-width:100%; background:rgba(48,82,120,1)}
.banner-text .heading{ font-size:22px; line-height:26px}
.banner-text .sub-heading{ font-size:18px;}
.banner-text .heading br{ display:none}
.banner-text .heading span{ font-size:16px; line-height:20px}

.banner-text a{ font-size:14px;}
.banner-text a span{ padding:10px 8px}

.inner-banner .banner-text{clip-path:none; padding:25px 25px 50px; max-width:100%;}

/* css for internal review section */
.testimonial-contact .row .col-md-8{ padding-bottom:250px }
/* css for internal review section */

.testimonial-contact::after{ display:none}
.google-map{background: url(../img/steves-five-star-service-area-map.webp) center no-repeat;}

.main-service{ padding:50px 0 60px}
.service-row a .sub-heading{ font-size:16px; line-height:20px;}
.service-row a img{ min-height:250px}

.main-content{ padding:50px 0 30px}
.home-whychoose{ padding:50px 0px 30px; min-height:600px}

.voted div.heading{ margin-bottom:20px}
.ribbon:after{width: 12%; right: -6%;}
.ribbon .heading{ font-size:20px; line-height:24px; padding: 10px;}

.testimonial-contact{ min-height:700px}
.testimonial-contact .testi{ margin-bottom:0px}
.testimonial-contact .contact-form{ margin-top:40px; border-top:1px solid #ccc; padding-top:40px}

/* Start service area */
.services-area{ background:#fff;}
.map-menu{ padding:30px 15px; margin-top:20px; min-height:600px}
ul.city li a, ul.city li span{ font-size:15px;}
/* End service area */

.copyright,footer{ text-align:center}
.copyright{ padding-top:10px; margin-top:10px; border-top:1px solid #ddd;}
}