@charset "UTF-8";
/*
Theme Name: MAD DOCTOR AUTO DETAILING
Theme URI: 
Author: Custom Virtual Solutions
Author URI: https://customvs.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# General Styles
###################################*/
html {font-size: 18px; overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Syncopate", sans-serif; margin: 0 auto; width: 100%; min-width: 320px; color: #FFF;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;}
h1, h2, h3, h4, h5, li, a, p {margin: 0; padding: 0;}
h1, h2 {font-size: 80px; line-height: 0.9;}
.heading-small { font-size: 0.3125em; display: block; margin-top: 15px; }
p {font-family: "Open Sans", sans-serif; line-height: 2;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1630px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.row {max-width: 100%; margin: 0 auto;}
.dwn {display: block;}
.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 200px; resize: none;}
.ctc-form textarea, .ctc-form input {font-family: "Syncopate";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"] {font-family: "Syncopate", sans-serif; font-weight: 400; background: #ED8A0C!important; color: #fff!important; border-radius: 0!important; margin-top: 10px; border: none; height: auto;}
.ctc-form input[type="submit"]:hover {background: #2B2B27!important;}
.ctc-form .form-control {border-radius: 0px;}
.ctc-form .form-group {margin-bottom: 15px;}
.ctc-hide {display: none;}
.ctc-flex {display: flex; justify-content: space-between; margin: 0 -8px;}
.ctc-two {width: calc(50% - 15px); margin: 0 8px;}
.ctc-three {width: calc(33.33% - 15px); margin: 0 8px;}
.wpcf7-response-output {text-align: center; background: #fff; color: #333;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}
.wpcf7-form .wpcf7-spinner {display: none; vertical-align: middle; margin-top: 10px;}
.wpcf7-form.submitting .wpcf7-submit {pointer-events: none;}
.wpcf7-form.submitting .wpcf7-spinner {display: inline-block;}

/*###################################
## Buttons
###################################*/
.btn {font-size: 16px; color: #000!important; background: #ddd; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}
.btn.cn-button {min-width: auto!important; font-weight: 700!important; background: #E21C21!important; padding: 10px 25px!important; border-radius: 0!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation a {font-size: 12px; font-weight: 700; display: block; text-decoration: none; transition: all 0.5s ease; padding-bottom: 15px;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0; display: flex; justify-content: space-between;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {border-bottom: 3px solid #FE0000;}

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; list-style: none;}
.footer-navigation li {float: none; margin-bottom: 25px;}
.footer-navigation li:last-of-type {margin-bottom: 0;}
.footer-navigation li a {color: #fff; display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; transition: all 0.5s ease;}
.footer-navigation a:hover {color: #FE0000;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a svg {display: none;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #FE0000; border-radius: 50%; transition: all ease 0.5s;}
/*.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}*/

/*###################################
## Header
###################################*/
.site-header {position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; z-index: 999;}
.site-header .container {max-width: 1850px; display: flex; justify-content: space-between;}
.site-header .logo-nav {flex-basis: 70.87%; display: flex; justify-content: space-between;}
.site-header .logo {flex-basis: 11.62%;}
.site-header .logo img {display: block; width: 100%; max-width: 146px; margin: 0 auto;}
.site-header .navigation-top {flex-basis: 82.17%; padding-top: 10px;}
.site-header .phone {padding-top: 5px;}
.site-header .phone img, .site-header .phone a {vertical-align: middle;}
.site-header .phone img {margin-right: 15px;}
.site-header .phone a {font-size: 18px; font-weight: 700;}

/*###################################
## Banner
###################################*/
#banner, .bnBgBox {position: relative; height: 100vh; overflow: hidden;}
#banner .container { padding: 0 !important; max-width: 100% !important; }
.bnBgBox:after {content: ""; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%;}
#banner.bnAbsol {padding: 0;}
#banner.bnAbsol .container {max-width: 100%; padding: 0; position: relative;}
#banner.bnAbsol .bnInfoBox {position: absolute; max-width: 1515px; top: 60%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding-left: 75px; padding-right: 15px;}
#banner .metaslider .slides img { height: 100vh; }
.bnInfoBox { position: absolute; transform: translateY(-50%); top: 60%; left: 0; right: 0; padding: 0 15px; width: 100%; max-width: 1430px; margin: 0 auto; }
.bnInfoBox h2 {font-size: 120px; line-height: 0.9;}
.bnInfoBox h2 span {display: block;}
.bnInfoBox h2 span::first-letter {color: #FE0000;}
.bnInfoBox .bottom-content {max-width: 1085px; margin: 190px 0 0 auto; display: flex; justify-content: space-between; align-items: center;}
.bnInfoBox .sub-title {flex-basis: 76.49%; text-align: right;}
.bnInfoBox .sub-title h4 {font-size: 18px; line-height: 1.8;}
.bnInfoBox .sub-title span {display: block;}
.bnInfoBox .btn-section {}
.bnInfoBox .btn-section a, .bnInfoBox .btn-section img {vertical-align: middle;}
.bnInfoBox .btn-section a {font-size: 12px; transition: all 0.5s ease;}
.bnInfoBox .btn-section a:hover {color: #FE0000;}
.bnInfoBox .btn-section img {margin-left: 15px;}
.bnBgBox img {width: 100%!important; min-width: 100%; min-height: 100%; object-fit: cover; display: block; position: absolute;}

/*###################################
## Content
###################################*/
.site-content {}
#about {position: relative; overflow: hidden;}
#about .image-offset {position: absolute; top: 65px; right: -100px;}
#about .image-left {padding: 160px; box-sizing: border-box;}
#about .image-left .so-panel {height: 100%;}
#about .image-left img {display: block; width: 100%; height: 100% !important; object-fit: cover;}
#about .content {padding: 220px 190px 120px; box-sizing: border-box;}
#about .content h1 {margin-bottom: 10px;}
#about .content h1 span {display: block; color: #FE0000;}
#about .content h1 span.h1-small { font-size: 0.3125em; color: #fff; }
#about .content h5 {font-size: 20px; margin-bottom: 10px;}
#about .content h6 {font-size: 16px; margin: 0 0 45px;}
#about .content p {margin-bottom: 40px;}
#about .content p:last-of-type {margin-bottom: 0;}
#about .content .link {max-width: 160px; margin-top: 50px;}
#about .content .link a {font-size: 12px; font-weight: 700; letter-spacing: 1px; transition: all 0.5s ease;}
#about .content .link a:hover {color: #FE0000;}
#about .content .link a, #about .content .link img {display: block;}
#services {padding: 160px 0 140px; position: relative; overflow: hidden;}
#services .image-offset {position: absolute; top: 75px; left: -120px;}
#services .top-content {position: relative;}
#services .top-content .title h2 span {display: block; color: #FE0000;}
#services .top-content .link a, #services .top-content img {display: block;}
#services .top-content .link a {font-size: 12px; font-weight: 700; letter-spacing: 1px; text-align: right; transition: all 0.5s ease;}
#services .top-content .link a:hover {color: #FE0000;}
#services .top-content img {margin-left: auto; min-width: 46px;}
#services .list {margin-top: 75px;}
#services .list .crest-wrap .so-panel, #services .crest, #services .crest .panel-layout, #services .crest .panel-grid, #services .crest .panel-grid-cell, #services .crest .so-panel, #services .list .crest img {height: 100% !important;}
#services .list img {display: block; width: 100%; object-fit: cover;}
#services .boxed {position: relative;}
#services .boxed .description h5 {background-color: #111;}
#services .boxed .long {position: absolute; bottom: 0; left: 0;}
#services .boxed .long h5 {font-size: 25px; padding: 35px 85px 35px 40px; position: relative;}
#services .boxed .long h5:before {content: ""; position: absolute; left: 0; top: 30px; width: 5px; height: 39px; background-color: #FE0000;}
#services .boxed .short {position: absolute; bottom: 0; right: 0;}
#services .boxed .short h5 {font-size: 20px; padding: 25px 25px 25px 30px; position: relative;}
#services .boxed .short h5:after {content: ""; position: absolute; right: 0; top: 20px; width: 5px; height: 35px; background-color: #FE0000;}
#services .space {margin-bottom: 40px;}
#customer {padding: 500px 0 120px; position: relative; overflow: hidden;}
#customer .image-offset {position: absolute; top: 35px; left: 0;}
#customer .image-offset img {display: block; width: 100%; max-width: 1250px;}
#customer .boxed {position: relative; max-width: 735px; margin-left: auto;}
#customer .boxed .title-description h2, #customer .boxed .title-description p, #customer .link a {color: #111;}
#customer .boxed .title-description h2 {margin-bottom: 60px;}
#customer .boxed .title-description span {color: #FE0000;}
#customer .link {width: 100%; max-width: 180px; position: absolute; bottom: 0; right: 0;}
#customer .link .text {text-align: right;}
#customer .link img {min-width: 46px; display: block;}
#customer .link a {font-size: 12px; font-weight: 700; letter-spacing: 1px; transition: all 0.5s ease;}
#customer .link a:hover {color: #FE0000;}
#choose {background: linear-gradient(to right, #111 50%, #FE0000 50%); padding: 65px 0 55px; position: relative;}
#choose .image-offset {position: absolute; top: 40px; left: 0; right: 0; margin: 0 auto; text-align: center;}
#choose .title {margin-bottom: 65px; position: relative;}
#choose .title h2 {font-size: 18px; text-align: center;}
#choose .center-image {position: relative;}
#choose .center-image img {display: block; width: 100%;}
#choose .bottom-content {margin-top: 55px;}
#choose .bottom-content .icon-description h5 {font-size: 18px;}
#choose .bottom-content .icon-description img {display: block; min-width: 45px;}
#choose .badges .panel-grid-cell {width: 12%;}
#choose .badges .panel-grid-cell:first-child {width: 30%;}

#works {padding-top: 165px; position: relative; overflow: hidden;}
#works .image-offset {position: absolute; top: 230px; left: 0; right: 0; margin: 0 auto; text-align: center;}
#works .title {text-align: center; margin-bottom: 95px; position: relative;}
#works .title span {color: #FE0000; display: block;}
#works .gallery {margin-bottom: 0;}
#works .gallery .image img {display: block; width: 100%; object-fit: cover; object-position: center top;}
#works .link {position: absolute; bottom: 0; right: 0; max-width: 190px; width: 100%;}
#works .link .text {text-align: right;}
#works .link .text a {font-size: 12px; font-weight: 700; letter-spacing: 1px; display: block; transition: all 0.5s ease;}
#works .link .text a:hover {color: #FE0000;}
#works .link img {display: block; min-width: 46px;}
#reviews {position: relative;}
#reviews .image-offset {position: absolute; top: 170px; left: 0; right: 0; margin: 0 auto; text-align: center;}
#reviews .title {padding: 135px 240px 135px 245px;}
#reviews .content-right {padding: 135px 155px 50px 160px;}
#reviews .content-right .rating {max-width: 360px; margin-top: 45px;}
#reviews .rating .author h5 {font-size: 18px;}

/*###################################
## Footer
###################################*/
.site-footer {background: url('assets/images/footer-background.jpg') no-repeat; background-size: cover; padding-top: 150px;}
.site-footer .top-content {padding-bottom: 130px;}
.site-footer .top-content .container {display: flex; justify-content: space-between;}
.site-footer .top-content .about h5, .site-footer .top-content .navigation h5, .site-footer .top-content .contact h5 {font-size: 18px; color: #545454; margin-bottom: 35px;}
.site-footer .top-content .about {flex-basis: 22.18%;}
.site-footer .top-content .navigation {flex-basis: 16.68%;}
.site-footer .top-content .contact {flex-basis: 25.93%;}
.site-footer .contact .phone, .site-footer .contact .email, .site-footer .contact .location {margin-bottom: 25px;}
.site-footer .contact .schedule {margin-bottom: 35px;}
.site-footer .top-content .contact p, .site-footer .top-content .contact img, .site-footer .top-content .contact a {vertical-align: middle;}
.site-footer .top-content .contact img {margin-right: 10px;}
.site-footer .top-content .contact a {font-family: 'Open Sans', sans-serif; transition: all 0.5s ease;}
.site-footer .top-content .contact a:hover {color: #FE0000;}
.site-footer .top-content .contact p {line-height: 1.2; display: inline-block;}
.site-footer .top-content .contact span {display: block; color: #FE0000; margin-top: 10px;}
.site-footer .top-content .logo {flex-basis: 17.81%;}
.site-footer .top-content .logo img {display: block; width: 100%;}
.site-footer .reserved {padding: 35px 0; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;}
.site-footer .reserved p {font-family: 'Syncopate', sans-serif; font-size: 13px;}
.site-footer .appointment {text-align: center; margin-bottom: 35px;}
.site-footer .appointment span {display: block;}

/*###################################
## Sidebar
###################################*/
#secondary {float:right; width: 30%; font-size: 14px;}
#secondary h2 {padding-bottom: 10px; border-bottom: 2px solid #ddd;}
#secondary a {color: #535353;}
#secondary .widget {border: 1px solid #ddd; padding: 20px 15px; background: #fff; transition: all ease 0.5s}
#secondary .widget:hover {box-shadow: 0 0 10px grey;}
#secondary .widget li {padding: 0!important; transition: all ease 0.5s; margin-bottom: 0;}
#secondary .widget li:first-of-type {border-top: none;}
#secondary .widget li:last-of-type {border-bottom: none;}
#secondary .widget li:hover {transform: translateX(5px);}
#secondary .widget a {padding: 10px 5px; display: block;}
#secondary .widget a:hover {color: #004890;}
#secondary .widget-title {color: #004890!important;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Blog
###################################*/
#primary.sideMain {float:left; width: 70%; padding-right: 40px;}
#primary.sideMain div.post:first-of-type .postSingle {padding-top: 0;}
#primary.sideMain div.post:last-of-type .postSingle {padding-bottom: 0; border-bottom: none;}
.postSingle {position: relative; padding: 40px 0; border-bottom: 1px solid #ddd;}
.postTitle {position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.postTitle:before {width: 120px; height: 5px; bottom: -2.5px; background: #004890; left: 0; content: ""; position: absolute; transition: all ease 0.5s;}
.postTitle:hover:before {width: 100%;}
.postImage {background: #000; margin-bottom: 15px;}
.postImage img {width: 100%; object-fit: cover; max-height: 350px; display: block;}
.postDate {margin-bottom: 0;}
.postBtn {margin-bottom: 0;}
.postGrid {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -25px;}
.postGrid .postSingle {width: calc(33.33% - 50px); background: #fff; margin: 0 25px 50px; border: 1px solid #eee; padding: 50px 30px; transition: all ease 0.5s;}
.pagination {margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; text-align: right;}
.pagination .nav-links > a, .pagination .nav-links > span {color: #fff; font-weight: 700; background: #A8A9AD; padding: 5px 10px; text-transform: capitalize;}
.pagination .nav-links .current, .pagination .nav-links > a:hover {background: #004890;}
.pagination .nav-links .svg-icon {display: none;}
.single .postImage {margin-bottom: 30px;}
.single .postImage img {max-height: 100%;}
.single .postTitle {font-size: 40px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {background: #fff; min-height: 600px; padding: 40px 0; color: #111;}
.inner #banner, .inner .bnBgBox {max-height: 500px; height: 40vw; min-height: 260px;}
.inner #banner.bnAbsol .bnInfoBox {top: auto; transform: translateY(0); bottom: 10%;}
.inner .bnBgBox img {filter: brightness(80%); object-position: center center; height: 100%;}
.inner .bnInfoBox .entry-header {text-align: center;}
.inner .bnInfoBox .entry-header > * {font-size: 70px; margin-bottom: 0;}
.inner .bnInfo {max-width: 100%;}
.inner .content-holder {margin-bottom: 50px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.5);}
.inner .content-holder h3 {font-size: 30px; text-transform: uppercase;}
.inner .content-holder h5 {font-size: 26px; text-transform: uppercase;}
.inner .content-holder ul {margin: 15px 0 15px 30px;}
.inner .content-holder li, p, a {font-family: 'Open Sans', sans-serif;}
.inner .content-holder li {margin-bottom: 10px;}
.inner .content-holder li:last-of-type {margin-bottom: 0;}

.inCnPad {padding: 80px 0;}
.inCnPadTop {padding-top: 80px;}
.inCnPadBot {padding-bottom: 80px;}
.inCnNoPadBot {margin-bottom: -80px;}
.inCnSmallBox {max-width: 1160px; margin: 0 auto;}

/* testimonials */
.wpcr3_respond_1 {margin-top: 50px !important; font-family: 'Open Sans', sans-serif !important;}
.wpcr3_div_2 {margin: 0 auto; padding: 0 10px !important;}
.wpcr3_review {padding: 20px 10px; border: 1px solid #ddd; border-top: 5px solid #FE0000; margin: 25px auto 30px; max-width: 1024px; transition: all ease 0.5s;}
.wpcr3_review {box-shadow: 0px 0px 10px grey;}
.wpcr3_review blockquote {border-left: none;}
.wpcr3_review .wpcr3_content {padding: 10px 0!important;}
.wpcr3_review .wpcr3_review_ratingValue {display: block!important;}
.wpcr3_in_content {text-align: center;}
.wpcr3_in_content .wpcr3_dotline {display: none!important;}
.wpcr3_review_form_text_field input {width: 100%; margin-bottom: 10px;}
.wpcr3_in_content .wpcr3_review_datePublished {display: none!important;}
.wpcr3_table_2 tr:last-of-type td {text-align: center;}
.wpcr3_caps, .wpcr3_item_name {margin-left: 5px;}
.wpcr3_pagination {display: flex; flex-wrap: wrap; justify-content: center;}
.wpcr3_pagination .wpcr3_a:hover, .wpcr3_pagination .wpcr3_a.wpcr3_current {background: #003F5E;}
.wpcr3_pagination .wpcr3_a {background: #333;}
.wpcr3_reviews_holder {padding: 0 10px !important;}

/* contact */
.inConBox {max-width: 550px; margin: 0 auto;}

/* gallery */
.bwg_thumbnail img:hover {filter: brightness(120%);}
.bwg_thumbnail .bwg-thumbnails {margin: 0 -5px!important; padding: 0!important; width: 100%!important;}
.bwg_thumbnail .bwg-thumbnails .bwg-item .bwg_lightbox {margin: 0 5px 10px!important;}
.bwg_thumbnail .pagination-links .bwg-a {background: #000!important; color: #fff!important;}
.bwg_thumbnail .pagination-links .bwg-a:hover {background: #00C8D2!important;}
.bwg_thumbnail .pagination-links input {padding: 0!important; width: 15px;}

/* testimonial */
.testimonial-link { width: 100%; max-width: 210px; margin: 30px auto; gap: 10px; }

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form, .search .search-form {max-width: 600px; margin: 0 auto 20px;}
.error-404, .search .not-found {text-align: center;}
.search-form label {width: 100%;}

/* comment */
#comments {margin-top: 20px; padding-top: 20px; border-top: 2px solid #ddd;}
.comments-title {font-size: 26px;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1800px) {
	#reviews .title {padding: 135px 120px;}
	#reviews .content-right {padding: 135px 120px 50px;}
}

@media screen and (max-width: 1600px) {
	.site-header .logo-nav {flex-basis: 83%;}
	.site-header .navigation-top {flex-basis: 85.17%;}
	.bnInfoBox h2 {font-size: 80px;}
	#about .image-left {padding: 120px;}
	#about .content {padding: 185px 150px 110px;}
	#services .boxed .long h5 {font-size: 20px; padding: 35px 45px 35px 40px;}
	#customer {padding: 470px 0 120px;}
	#customer .image-offset {width: 70%;}
	.site-footer .top-content .contact {flex-basis: 31%;}
}

@media screen and (max-width: 1440px) {
	h1, h2 {font-size: 70px;}
	.site-header .logo {flex-basis: 9.62%;}
	.site-header .navigation-top {flex-basis: 87.17%;}
	.site-header .phone a {font-size: 16px;}
	.bnInfoBox h2 {font-size: 65px !important;}
	#about .content {padding: 185px 100px 110px;}
	#about .image-left {padding: 90px;}
	#customer {padding: 350px 0 120px;}
	#customer .image-offset {width: 60%;}
	#choose .bottom-content .icon-description h5 {font-size: 15px;}
	#works {padding-top: 100px;}
	#works .image-offset {top: 165px;}
	#reviews .title {padding: 100px 80px;}
	#reviews .content-right {padding: 70px 100px 50px;}
	.site-footer {padding-top: 100px;}
}

@media screen and (max-width: 1350px) {
	.site-header .navigation-top {flex-basis: 89.17%;}
	.site-header .logo {flex-basis: 8.62%;}
	.main-navigation a {font-size: 10px;}
	.site-header .phone a {font-size: 14px;}
	.site-header .phone img {margin-right: 5px;}
	#services .boxed .long h5 {padding: 25px;}
	#services .boxed .long h5:before {top: 20px;}
	#choose .bottom-content .icon-description h5 {margin-left: 15px;}
	.site-footer .top-content .logo {flex-basis: 14.81%;}
	.site-footer .top-content .contact {flex-basis: 34%;}
}

@media screen and (max-width: 1200px) {
	h1, h2, .inner .bnInfoBox .entry-header > * {font-size: 60px;}
	.site-header .container {flex-direction: column;}
	.site-header .phone {text-align: center; margin-top: -50px;}
	.main-navigation a {font-size: 11px;}
	.bnInfoBox .sub-title h4 {font-size: 15px;}
	#about .content {padding: 160px 70px 100px;}
	#about .image-left {padding: 60px;}
	#services {padding: 100px 0 50px;}
	#services .image-offset {top: 45px;}
	#services .top-content .link .panel-grid-cell:first-of-type {width: 51%;}
	#services .top-content .link .panel-grid-cell:last-of-type {width: 48%;}
	#services .top-content .link a {text-align: left;}
	#services .boxed .long h5, #services .boxed .short h5 {font-size: 18px;}
	.site-footer .top-content .container {flex-wrap: wrap;}
	.site-footer .top-content .logo {flex-basis: 100%; order: 1; margin-bottom: 50px;}
	.site-footer .top-content .logo img {max-width: 250px; margin: 0 auto;}
	.site-footer .top-content .about {order: 2; flex-basis: 24%;}
	.site-footer .top-content .navigation {order: 3; flex-basis: 22%;}
	.site-footer .top-content .contact {order: 4; flex-basis: 41%;}
}

@media screen and (max-width: 1024px) {
	.bnInfoBox h2 {font-size: 60px !important;}
	.bnInfoBox .bottom-content {margin-top: 100px;}
	#about .content {padding: 140px 50px 70px;}
	#about .image-left {padding: 50px;}
	#services .boxed .long h5, #services .boxed .short h5 {font-size: 16px;}
	#customer {padding: 255px 0 100px;}
	#customer .boxed {max-width: 530px;}
	#customer .boxed .title-description h2 {margin-bottom: 40px;}
	#choose .bottom-content .icon-description h5 {font-size: 13px;}
	#works {padding-top: 50px;}
	#works .image-offset {top: 135px;}
	#works .title {margin-bottom: 50px;}
	#reviews .title, #reviews .content-right {padding: 50px;}
	#reviews .image-offset {display: none;}
	.site-footer {padding-top: 50px;}
	.site-footer .top-content {padding-bottom: 50px;}
}

@media screen and (max-width: 990px) {
	.site-header .logo-nav, .bnInfoBox .bottom-content {flex-direction: column;}
	.site-header .phone {margin-top: 30px;}
	.site-header .phone a {font-size: 22px;}
	/* #banner.bnAbsol .bnInfoBox {padding-left: 15px;} */
	.bnInfoBox,.bnInfoBox .sub-title { text-align: center; }
	.bnInfoBox .bottom-content {margin: 80px auto 0;}
	.bnInfoBox .sub-title, .bnInfoBox .btn-section {width: 100%;}
	/* .bnInfoBox .sub-title {text-align: left;} */
	.bnInfoBox .btn-section {margin-top: 30px;}
	#services {padding: 50px 0;}
	#services .image-offset {display: none;}
	#services .top-content, #services .top-content .title-description .panel-grid {flex-direction: column;}
	#services .top-content .panel-grid-cell, #services .top-content .title-description .panel-grid-cell {width: 100%; margin-bottom: 20px !important;}
	#services .top-content .link {max-width: 280px;}
	#services .top-content .link img {margin: 0 auto 0 0;}
	#services .list {margin-top: 20px;}
	#services .boxed .long h5, #services .boxed .short h5 {font-size: 12px;}
	.site-footer .top-content .navigation {flex-basis: 40%;}
	.site-footer .top-content .contact {flex-basis: 55%;}
	.site-footer .top-content .about {flex-basis: 100%; text-align: center; margin-bottom: 50px;}
	.site-footer .top-content .about p {max-width: 600px; margin: 0 auto;}
	.site-footer .top-content .about h5, .site-footer .top-content .navigation h5, .site-footer .top-content .contact h5 {margin-bottom: 25px;}
	.inner .site-header .logo, .inner .site-header .phone {display: none;}
}

@media screen and (max-width: 980px) {
	#about .image-offset, #choose .image-offset, #works .image-offset {display: none;}
	#about .content {padding: 60px 40px;}
	#about .image-left {padding: 30px;}
	#choose .icon-description .panel-no-style {flex-direction: column !important;}
	#choose .icon-description .panel-grid-cell {width: 100% !important;}
	#choose .bottom-content .icon-description img {margin: 0 auto;}
	#choose .bottom-content .icon-description h5 {margin: 25px 0 0 0; text-align: center;}
	#reviews .title, #reviews .content-right {padding: 50px 30px;}
}

@media screen and (max-width: 860px) {
	h1, h2, .inner .bnInfoBox .entry-header > * {font-size: 55px;}
	#about .content .link {display: flex; justify-content: space-between; flex-direction: row !important; align-items: center !important; max-width: 220px;}
	#about .content .link .panel-grid-cell {width: 100% !important; margin-bottom: 0 !important;}
	#reviews .content-right .rating {flex-direction: column !important;}
	#reviews .content-right .rating .panel-grid-cell {margin-bottom: 0 !important; width: 100% !important;}
}

@media screen and (max-width: 780px){
	html body div.wprm-overlay {background: rgba(0,0,0,0.8);}
	#wprmenu_bar .bar_logo {height: 35px; margin-top: -5px;}
}

@media screen and (max-width: 767px) {
	#services {margin-top: 30px;}
	#services .top-content .link {display: flex; justify-content: space-between; flex-direction: row !important; align-items: center !important; max-width: 300px;}
	#services .top-content .link .panel-grid-cell {width: 100% !important; margin-bottom: 0 !important;}
	#services .list .description {border-left: 5px solid #FE0000;}
	#services .boxed .short {left: 0; right: auto;}
	#services .boxed .long h5:before, #services .boxed .short h5:after, #customer .image-offset {display: none;}
	#services .boxed .long h5, #services .boxed .short h5 {font-size: 20px;}
	#customer {padding: 50px 0;}
	#customer .boxed {max-width: 100%; margin: 0 auto;}
	#customer .link {position: relative; flex-direction: row !important; align-items: center; margin-top: 35px; padding: 0 15px; max-width: 200px;}
	#customer .link .panel-grid-cell, #choose .icon-description .panel-grid-cell {margin-bottom: 0 !important;}
	#customer .link img {margin-left: 15px;}
	#choose {padding: 50px 0; background: #111;}
	#choose .title {margin-bottom: 40px;}
	#choose .badges .panel-grid-cell img {max-height: 150px !important;margin: 0 auto;width: auto;}
	#choose .badges .panel-grid-cell:first-child img {max-width: 300px !important;}
	#works {padding: 50px 15px;}
	#works .link {position: relative; flex-direction: row !important; margin: 35px auto 0;}
	#works .link .panel-grid-cell {margin-bottom: 0 !important;}
	#works .link .text {text-align: left;}
	#reviews .panel-grid-cell {margin-bottom: 0 !important;}
	#reviews .title {padding: 20px 15px; text-align: center;}
	#reviews .content-right {padding: 40px 15px;}
	#reviews .content-right .rating {margin-top: 35px;}
	.site-footer .top-content .container {flex-direction: column;}
	.site-footer .top-content .navigation, .site-footer .top-content .contact {text-align: center;}
	.site-footer .top-content .navigation {margin-bottom: 50px;}
}

@media screen and (max-width: 600px){
	.wpcr3_review blockquote.wpcr3_content {margin: 0 auto;}
	.ctc-form textarea {max-height: 180px;}
	.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 40px;}
	.ctc-form .form-control {margin-bottom: 10px;}
	.ctc-flex {margin: 0; flex-direction: column;}
	.ctc-two, .ctc-three {width: 100%; margin: 0;}
	.inner .content-holder h3 {font-size: 25px;}
	.inner .content-holder h5 {font-size: 20px;}
	.wpcr3_respond_2 input[type='text'], .wpcr3_respond_2 textarea {min-width: auto !important;}
}

@media screen and (max-width: 540px) {
	h1, h2, .inner .bnInfoBox .entry-header > * {font-size: 45px;}
	#banner.bnAbsol .bnInfoBox {top: 55%; text-align: center;}
	.bnInfoBox h2 {font-size: 50px !important;}
	.bnInfoBox .sub-title h4 {text-align: center;}
	.bnInfoBox .bottom-content {margin-top: 50px;}
	#about .content {padding: 50px 15px;}
	#about .content h5 {font-size: 18px; margin-bottom: 10px;}
	#about .content h6 { margin-bottom: 30px; }
	#about .content p {margin-bottom: 30px;}
	#customer .boxed .title-description h2 {margin-bottom: 25px;}
	.site-footer .top-content .logo img {max-width: 180px;}
}

@media screen and (max-width: 480px) {
	#services .boxed .long, #services .boxed .short {left: 0; right: 0;}
	#services .boxed .long h5, #services .boxed .short h5 {background-color: #FE0000; font-size: 18px;}
	#services .list .description {border: none; text-align: center;}
	.site-footer .top-content .about h5, .site-footer .top-content .navigation h5, .site-footer .top-content .contact h5 {margin-bottom: 15px;}
	.site-footer .top-content .contact img {display: block; margin: 0 auto 10px;}
}

@media screen and (max-width: 440px) {
	.inner .bnInfoBox .entry-header > * {font-size: 35px;}
}

@media screen and (max-width: 420px) {
	h1, h2 {font-size: 35px;}
	p {font-size: 17px;}
	.site-header .logo img {max-width: 120px;}
	.bnInfoBox h2 {font-size: 35px !important;}
	#banner.bnAbsol .bnInfoBox {top: 65%;}
	#about .content h5 {font-size: 18px;}
	#about .image-left {padding: 20px;}
	#services .boxed .long h5, #services .boxed .short h5 {font-size: 16px;}
}

@media screen and (max-width: 380px) {
	.inner .bnInfoBox .entry-header > * {font-size: 30px;} 
}