@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: 'Ethnocentric Rg';
    src: url('../fonts/EthnocentricRg-Italic.eot');
    src: url('../fonts/EthnocentricRg-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EthnocentricRg-Italic.woff2') format('woff2'),
        url('../fonts/EthnocentricRg-Italic.woff') format('woff'),
        url('../fonts/EthnocentricRg-Italic.ttf') format('truetype'),
        url('../fonts/EthnocentricRg-Italic.svg#EthnocentricRg-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric Rg';
    src: url('../fonts/EthnocentricRg-Regular.eot');
    src: url('../fonts/EthnocentricRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EthnocentricRg-Regular.woff2') format('woff2'),
        url('../fonts/EthnocentricRg-Regular.woff') format('woff'),
        url('../fonts/EthnocentricRg-Regular.ttf') format('truetype'),
        url('../fonts/EthnocentricRg-Regular.svg#EthnocentricRg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/


@font-face {
    font-family: 'Ethnocentric Book';
    src: url('../fonts/Ethnocentric-BookItalic.eot');
    src: url('../fonts/Ethnocentric-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ethnocentric-BookItalic.woff2') format('woff2'),
        url('../fonts/Ethnocentric-BookItalic.woff') format('woff'),
        url('../fonts/Ethnocentric-BookItalic.ttf') format('truetype'),
        url('../fonts/Ethnocentric-BookItalic.svg#Ethnocentric-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric Book';
    src: url('../fonts/Ethnocentric-Book.eot');
    src: url('../fonts/Ethnocentric-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ethnocentric-Book.woff2') format('woff2'),
        url('../fonts/Ethnocentric-Book.woff') format('woff'),
        url('../fonts/Ethnocentric-Book.ttf') format('truetype'),
        url('../fonts/Ethnocentric-Book.svg#Ethnocentric-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/Ethnocentric-Light.eot');
    src: url('../fonts/Ethnocentric-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ethnocentric-Light.woff2') format('woff2'),
        url('../fonts/Ethnocentric-Light.woff') format('woff'),
        url('../fonts/Ethnocentric-Light.ttf') format('truetype'),
        url('../fonts/Ethnocentric-Light.svg#Ethnocentric-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/EthnocentricRegular.eot');
    src: url('../fonts/EthnocentricRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EthnocentricRegular.woff2') format('woff2'),
        url('../fonts/EthnocentricRegular.woff') format('woff'),
        url('../fonts/EthnocentricRegular.ttf') format('truetype'),
        url('../fonts/EthnocentricRegular.svg#EthnocentricRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric Regular';
    src: url('../fonts/Ethnocentric-RegularBold.eot');
    src: url('../fonts/Ethnocentric-RegularBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ethnocentric-RegularBold.woff2') format('woff2'),
        url('../fonts/Ethnocentric-RegularBold.woff') format('woff'),
        url('../fonts/Ethnocentric-RegularBold.ttf') format('truetype'),
        url('../fonts/Ethnocentric-RegularBold.svg#Ethnocentric-RegularBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ethnocentric Regular';
    src: url('../fonts/Ethnocentric-RegularItalic.eot');
    src: url('../fonts/Ethnocentric-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ethnocentric-RegularItalic.woff2') format('woff2'),
        url('../fonts/Ethnocentric-RegularItalic.woff') format('woff'),
        url('../fonts/Ethnocentric-RegularItalic.ttf') format('truetype'),
        url('../fonts/Ethnocentric-RegularItalic.svg#Ethnocentric-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'amsiprocond-blackuploadedfile';
    src: url('../fonts/fontsfree-net-amsiprocond-black.woff2') format('woff2'),
         url('../fonts/fontsfree-net-amsiprocond-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ padding:0; margin:0;}
:focus{ border:none; box-shadow:none; outline:none;}
ul,ol{ padding:0; margin:0; list-style:none;}

#home-banner-bg {
    background: url(../images/banner.jpg) no-repeat bottom center #000;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    background-size: cover;
}
.navbar-expand-lg .navbar-nav .nav-link{ color:#FFF; font-family: 'Ethnocentric Regular'; font-style:italic; font-size:13px; padding:0 15px;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-item.active a, .navbar-expand-lg .navbar-nav .nav-link:focus{ color:#1c53ac;}
.navbar{ padding:10px 0; background:#000;}
#navbarSupportedContent{ margin-top:80px;}
.banner-text{ margin-top:300px; font-family:'Barlow', sans-serif; font-size:34px; color:#FFF; font-weight:900; text-transform:uppercase; line-height:32px; text-align:right; display:flex;justify-content: flex-end;}
.text1{ text-align:left; width:600px; display:flex; flex-direction: column;}
.banner-text span{ color:#1c54ac; display:block;}
.banner-module{ display:flex; margin-top:240px; text-align:center; color:#FFF; font-family:'Ethnocentric Book'; font-size:13px;}
.banner-module .flex-grow, .image-gall .flex-grow{ flex-grow: 1;}
.banner-module .flex-grow span{ display:block; font-size:11px;font-family: 'Ethnocentric'; font-weight:300;}
#testimonials{ background:url(../images/test-bg.jpg) repeat; padding:35px 10px; margin:0 -15px;}
.testimonial-image { float: left; margin: 0 20px 0 0; width:100px; height:100px; border-radius: 100px; overflow: hidden;}
.testimonial-image img {  max-width: 100%; height: auto;}
.testimonial-three .testimonial-content { overflow: hidden; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; font-size:18px; line-height:24px;}
.testimonial-three .testimonial-content p{ padding:0; margin:0; height: 75px;}
.star-ratings{ display:inline-block; width:50%; margin-bottom:10px;}
.star-ratings .fa{ font-size:25px;}
.checked {color: orange;}
.dates{ display:inline-block; font-size:18px; margin-bottom:10px;}
.cont2{ max-width:1640px; margin:0 auto;}
.paint-section{font-family:'Barlow', sans-serif, sans-serif; color:#000; padding:50px 0;}
.paad1{ padding-right:50px;}
.paint-section strong{ font-weight:900; font-size:24px; line-height:26px;}
.paint-section p{ font-size:16px; line-height:30px; margin-bottom:30px;}
.paint-section p:last-child{ margin-bottom:0;}
/*.paint-section img{ width:100%;}*/
.image-gall{display: flex; text-align: center; background:#000; margin-top:35px;}
.image-gall .flex-grow{ margin:0 3px;}
.image-gall .flex-grow:first-child{ margin-left:0;}
.image-gall .flex-grow:last-child{ margin-right:0;}
.module2{ background:#eeeeee; font-family:'Barlow', sans-serif; line-height:26px; padding:30px 0;}
.module2 strong{ font-size:24px;font-weight:900;}
.module2 p{ font-size:16px; font-weight:500;}
.module2 p strong{ font-size:16px;}
.module2 span{ color:#ff0099;}
.padR{ padding-right:80px;}
.padL{ padding-left:70px;}
.padL1{ padding-left:50px;}
.bord, .bord2{ position:relative;}
.bord:after{ content:""; width:2px; height:100%; position:absolute; right:0; top:0; background:#a6a6a6;}
.btn:focus{ outline:none; box-shadow:none; padding:13px 0;}
.bluebtn{ background:#1c53ac;font-family:'Barlow', sans-serif; color:#FFF; font-size:18px; display:flex; flex-wrap: wrap; justify-content:center; width:100%; padding:12px 0;}
.bluebtn:hover{ color:#FFF;}
.footer{ background:url(../images/footer.jpg) no-repeat center top #000; padding:30px 0; display:flex; min-height:418px;justify-content: center;}
.footer ul li{ display:inline-block; margin:0px;}
.footer ul li a{ color:#FFF; font-size:13px;font-family: 'Ethnocentric Regular'; font-style:italic;  padding:0 10px;}

#main-navigation{ background:#000;}
#ceramic-banner-bg{ background:url(../images/ceramic.jpg) no-repeat top center #000; padding-bottom:20px; display:flex; padding:500px 0 70px 0;}
#cerbox1{ margin:50px -15px 0 ;}
.crebox{ border:1px solid #fff; padding:15px; text-align:center; background:#000;}
.crebox .title{ font-family:'Barlow', sans-serif; font-size:24px; color:#FFF; font-weight:800; text-transform:uppercase; line-height:22px;}
.crebox .title strong{ color:#5d8448;}
.crebox .title .small{ font-weight:400; font-size:16px;}
.crebox .cre-image{ margin:10px -15px;}
.cre-text{ color:#FFF; font-size:16px; font-weight:300; line-height:30px; text-align:left;}
.cre-text strong{ font-weight:800;}
.cre-text ul{ text-align:left;list-style:disc; margin:0 15px;}
.silver{ color:#d1caca !important;}
.pink, .crebox .title span{ color:#df2899 !important;}
.pink, .crebox .title i{ color:#ffc300 !important; font-weight:800; font-style:normal;}
.ceramic-pro{ padding-right:130px;}
.ceramic-pro stonng{ font-weight:900;}
.ceramic-pro .cre-logo{ padding:20px 0;}
#cre-module1{ background:#000; padding:50px 0;}
.blue{ color:#d1caca !important;}
.crebox .title .text-success{ color:#358f03 !important;}
.lh-30{ line-height:30px;}
.lh-30 p{ margin-bottom:10px; font-size:12px; }
.lh-30 li{ font-size:13px;}
.lh-30 li span{ color:#000; padding-right:30px;}

#paintprotection-bg{background:url(../images/paintprotection-bg.jpg) no-repeat top center #000; padding-bottom:20px; display:flex; padding:500px 0 70px 0;}
.no-padd{ padding-left:0; padding-right:0;}
#cre-module3{ background:#000; padding:30px 0;}
#cre-module3 .crebox{ border:none; background:none; text-align:left;}
.bord2:after { content: ""; width: 1px; height: 100%; position: absolute; right:-15px; top: 0; background: #FFF;}
.leather-bg{ background:url(../images/leather-bg.png) no-repeat center center; line-height:64px; margin:20px 0; height:65px; width:100%; text-align:center; font-size:16px; color:#FFF; text-shadow:1px 1px 1px #000; font-weight:800; }



#luxury-detailing-bg{background:url(../images/luxry-banner.jpg) no-repeat top center #000; padding-bottom:20px; display:flex; padding:500px 0 70px 0;}
.gold{color:#ffc70e !important;}
.pink-1{ color:#cc3399 !important;}
.cherry{ color:#990000 !important;}


.listing1{ padding:0; margin:0; list-style:none;font-family:'Barlow', sans-serif;}
.listing1 strong{ display:block; text-transform:uppercase; font-weight:800; font-size:22px;font-family: 'amsiprocond-blackuploadedfile';}
.listing1 sspan{ background:#f9379c; color:#FFF; font-size:16px; font-weight:300; display:flex; padding:5px 15px; margin:15px -30px;}
.list2 li{ width:49%; display:inline-block;}
#about-banner-bg{background:url(../images/aboutus-bg.jpg) no-repeat top center #000; padding-bottom:20px; display:flex;flex-direction: column;}
#about-banner-bg .banner-text{ margin-top:292px;}

#contact-bg{ background:#000; text-align:center; padding:10px 0; color:#FFF;}


.fa-star:before{ content:url(../images/star.png) !important;}
.margn1{ margin:0 -15px;}
.paint-section2 .col-md-4{/* max-width:500px;*/}
.paint-section2 .col-md-4:nth-child(2){ /*padding-left:42px; padding-right:42px;*/}
.paad3{ padding:0 120px 0 50px;}
.cont-3{ max-width:1700px; margin:0 auto;}
#cre-module1 .container, #ceramic-banner-bg .container, #luxury-detailing-bg .container{ padding:0 30px;}
#cre-module1 .container .crebox .cre-text{ padding:0 10px;}
#cerbox1 .crebox .cre-text{ padding:0 16px;}
.padR2{ padding-right:80px;}



#testimon .col-md-3{
  display: inline-block;
  margin-left:-4px; vertical-align:top;
}
#testimon .col-md-3 img{
  width:100%;
  height:auto;
}
body .carousel-indicators li{
  background-color:red;
}
body .carousel-control-prev-icon,
body .carousel-control-next-icon{
  background-color:red;
}
body .no-padding{
  padding-left: 0;
  padding-right: 0;
}
#testimon{ width:100%;}
.carousel-control-next, .carousel-control-prev{ right:0; bottom:inherit; top:-30px; width:15px;}
.carousel-control-prev{ right:22px; left:inherit;}
video{ width:100%;}
.image-gall img{ width:100%;}


.content {
  padding: 0; }

.bg-left-half {
  position: relative; margin-bottom:0 !important;}
 
.media-29101 img {
  margin-bottom: 20px; }

.media-29101 h3 {
  font-size: 18px;
  font-weight: 900 !important; }
  .media-29101 h3 a {
    color: #6c757d; }

.owl-2-style .owl-nav {
  display: none; }

.owl-2-style .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .owl-2-style .owl-dots .owl-dot {
    display: inline-block; }
    .owl-2-style .owl-dots .owl-dot span {
      display: inline-block;
      width: 15px;
      height: 3px;
      border-radius: 0px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 3px; }
    .owl-2-style .owl-dots .owl-dot.active span {
      background: #007bff; }
    .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
      outline: none; }

.mob-call{ display:none;}

@media screen and (max-width: 1440px) and (min-width:1200px)   {
.image-gall .flex-grow img, .paint-section2 img, .cre-image img, .video img, .small-wrap img, .crebox .cre-image img, .paint-section img{ width:100%;}
.no-small{ display:none;}

}
@media screen and (max-width: 990px){
.banner-text, .banner-module , #about-banner-bg .banner-text{ margin-top: 50px;}
#navbarSupportedContent{ margin-top:0px; z-index:9;}
.navbar-collapse{position: absolute; padding:10px 0; top: 100px; background: #000; width: 100%; z-index:1;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:5px 15px;}
.navbar-brand img{ max-width:230px;}
.navbar-light .navbar-toggler-icon { background-image: url(../images/mob-menu.png); width: 23px; height: 12px;}
.image-gall, .banner-module{ flex-direction: column;}
.image-gall .flex-grow img, .paint-section2 img, .cre-image img, .video img, .ceramic-pro .cre-logo img, .small-wrap img, .paint-section img{ width:100%;}
#luxury-detailing-bg, #paintprotection-bg, #ceramic-banner-bg{ background-size: 100%; padding:22% 0 70px 0;}
.bord:after{ display:none;}
.padR{ padding-right:0px;}
.padL{ padding-left:0px;}
.padL1{ padding-left:0px;}
.padR, .padL{ padding-left:15px;}
.star-ratings{ width:100%;}
.testimonial-three-col{ margin-bottom:30px;}
.paint-section2 img{ margin-bottom:30px;}
.footer ul li{ display:block;}
.navbar-light .navbar-toggler{ border-color:#FFF;}
.text1{ width:100%;}
.navbar-toggler{ position:absolute; right:0;}
.ceramic-pro{ padding-right:0px;}
.crebox{ margin-bottom:30px;}
.small-wrap{flex-wrap: wrap!important;}
.list2 li{ width:100%; display:inline-block;}
.margn1{ margin:0;}
.paad3{ padding:0px;}
#cre-module1 .container{ padding:0 0px;}
.cont-3{ max-width:100%;}
.padR2{ padding-right:0px;}
.lh-30 li span{ padding-right:0px;}
.banner-module, .banner-text{ display:none !important;}
#home-banner-bg{ background:url(../images/mob-banner.jpg) no-repeat center top #000; min-height:640px; background-size:100%;}
.mob-call{ display:block; text-align:center; margin-top:43%;}
}
@media screen and (max-width: 992px){
.banner-module{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction:row;}
.banner-module .flex-grow { margin-bottom:30px;}
.footer{ justify-content: flex-start;}
.image-gall{ flex-direction: row;}
}
}
@media screen and (max-width: 767px) and (min-width:320px) {
.image-gall{ flex-direction: column;}
.leather-bg{ background-size: 100%;}

}

@media screen and (max-width: 1199px) and (min-width:1000px) {
.tab-1024{flex: 0 0 50%;  max-width: 50%; margin:15px 0;}
.paint-section2 img, .image-gall img, .cre-image img, .video img, .small-wrap img{ width:100%;}
.image-gall{ flex-direction: row;}
.navbar{ flex-direction: column;}
.small-wrap{flex-wrap: wrap!important;}
.adds .d-flex{ width:1000%;}
}