@font-face {
  font-family: 'Montserrat';
  src: url('assets/fonts/Montserrat-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat Bold';
  src: url('assets/fonts/Montserrat-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Metropolis';
  src: url('assets/fonts/Metropolis-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Metropolis Bold';
  src: url('assets/fonts/Metropolis-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Metropolis MediumItalic';
  src: url('assets/fonts/Montserrat-MediumItalic.woff') format('woff');
}

@font-face {
  font-family: 'Metropolis BoldItalic';
  src: url('assets/fonts/Montserrat-BoldItalic.woff') format('woff');
}

head { overflow:hidden; height:100%;}
body { overflow:auto; height:100%; font-family: 'Montserrat'!important; font-size:14px;}

p {font-family: 'Montserrat'!important;}

#masthead { background:#ffec13!important;}
#masthead > .container {padding-left: 0px!important; padding-right: 0px!important}

.custom-h3-title { font-size:20px; font-weight:bold;}

.text-justify { text-align:justify;}

.slider-slogon { text-align:center!important;}

.custom-white h1 { color:#ffffff!important;}
.custom-white h1.hairline  {}
.custom-white p.normal { color:#fff!important;}

#masthead .nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.quality-ul { margin:0 0 0 20px!important; padding:0 0 0 0!important;}
.quality-ul li {}

#banner h2 {color: #fff; text-transform: uppercase; font-size: 32px; margin-bottom: 8px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); font-family: 'Montserrat Bold';}
#banner a {color: #fff; text-transform: uppercase; font-size:14px; padding-right: 4px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }

.service-sloger {font-size: 40px; font-family: 'Metropolis'; margin: 6rem auto;}
.service-page img { width:100%;}
.service-ul { list-style-type:none; margin:0 0 0 0; padding:0 0 5px 0;}
.service-ul li { float:left; width:24%;; text-align:center; margin:4px 0.5%;}
.service-ul li a { color:#000; padding:0 0 0 0; font-weight:normal; font-size:13px;}
.service-ul li a:hover { text-decoration:underline;}
.service-ul li img { width:100%; padding: 0px 6px;}
.service-ul label {font-weight: 500; font-size: 16px; margin-top: 6px;}
.service-page .custom-h3-title {font-size: 24px; font-family: 'Montserrat Bold';}
.service-page .custom-h3-subtitle {font-size: 26px; font-weight: 500;}
.service-info h2 {font-weight: 500; font-size: 24px; margin-bottom: 10px; margin-top: 40px;}
.service-info p {width: 100%; max-width: 830px; margin:auto; margin-bottom: 20px;}

#products h1 {font-family: 'Metropolis Bold'; font-size: 40px;}
#products p {font-size: 14px; width: 100%; max-width: 768px; margin: auto;}
#products .huge_it_slideshow_image_item_gallery_3 {position: relative;}
#products .huge_it_slideshow_dots_thumbnails_gallery_3 {display: none;}
#products .huge_it_slideshow_image_gallery_3 {width: 100%; height: 100%!important}
#products .huge_it_slideshow_title_text_gallery_3 {position: absolute; top:unset; bottom: 0; left: 0; right: 0; text-align: center; width: 100%; background-color: rgba(39,34,35,1)!important; color: #fff;}
.product-page { color:#fff;}
.product-page img { width:100%;}
.product-img-desktop { display:block; text-align:center;}
.product-img-mobile { display:none; text-align:center;}

.load_more2 {}
.load_more2 .load_more_button2 { background:#bebebe!important; color:#fff!important;}
.load_more2 .load_more_button2:hover { background:#878787!important; color:#fff!important;}`

.claim-page { color:#fff;}
.claim-page ul { margin:0 0 0 0!important; padding:0 0 0 0!important;}
.claim-page ul li {margin:0 0 0 20px!important; padding:0 0 0 0!important; font-size:13px;}
.claim-page a { color:#ffec13;}
.claim-page a:hover { color:#ffec13; text-decoration:underline;}
.insurance-panel-page { overflow:auto; width:100%; height:550px;}
.panel-logo-ul { margin:0 0 0 0!important; padding:0 0 0 0!important; border-top:5px solid #383838; width:99%;}
.panel-logo-ul li { float:left; text-align:center; list-style-type:none; width:18%; min-height:160px; border:1px solid #b9b9b9; margin:1%!important;}
.panel-logo-ul li img { width:100%; padding:2px 0;}
.panel-logo-ul li span { display:block; padding:3px 0 5px 0; border-top:1px solid #eaeaea; font-size:12px!important;}

.footer-bg { background:#383838; border-top:5px solid #ffec11;}
#footer-width {background-color:#000; margin:auto; padding:15px 10px; text-align:center; font-size: 14px;}
#footer .container { width:100%!important; padding:0 0 0 0; margin:0 0 0 0;}
#footer .col-md-3 { width:100%!important; padding:0 0 0 0; margin:0 0 0 0;}
#footer .element-normal-top { padding:0px!important; margin:0px!important;}
#footer .element-normal-bottom { padding:0px!important; margin:0px!important;}
#footer .sidebar-widget {margin-bottom: 0px!important;}
#footer .footer-upper .col-md-3 { width:25%!important; padding:0 0 0 0; margin:0 0 0 0;}

.footer-logo {padding: 3rem 2rem 2rem;}
.footer-logo .slick-slide img {width: 100%;}


.footer-upper {background-color: #ffec13; padding: 3rem 2rem 2rem; color: #000!important;}
.footer-upper .container {max-width: 1400px; margin: auto!important;}
.footer-upper .payment-content {display: grid; grid-template-columns: 50% 50%; align-items: center; padding: 1.5rem 0; text-align: center; padding-right:20px; margin-top: -15%;}
.footer-upper .payment-content1 {display: grid; grid-template-columns: 100%; align-items: center; text-align: center; padding-right:20px;}
.footer-upper .footer-title {text-transform: uppercase; font-size: 16px; font-weight: 600; margin:5px 0 3px;}
.footer-upper ul {list-style: none; padding-left: 0px; display: grid; grid-template-columns: 40% 60%; position: relative; margin-left:25px;}
.footer-upper ul:before{
  content: '';
  display: block;
  background-image: url('https://drcermin.com/wp-content/uploads/2020/07/icon-contact.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -22px;
  top: 1px;
}
.footer-upper ul li {font-size: 13px;}
.footer-upper .link-content{display: grid; grid-template-columns:45% 55%;}
.footer-upper .link-content ol {list-style: none; padding-left: 12px;}
.footer-upper .link-content ol li{ display:block; position: relative; padding-bottom:3px;}
.footer-upper .link-content ol li:before{
  content: '';
  display: block;
  background-image: url('https://drcermin.com/wp-content/uploads/2020/07/footer-linkarrow.png');
  background-repeat: no-repeat;
  background-size: auto;
  width: 5px;
  height: 9px;
  position: absolute;
  left: -12px;
  top: 35%;
  transform: translate(0px, -50%);
  cursor: pointer;
}
.footer-upper .link-content ol a{color: #000; white-space: nowrap;}
.footer-upper p {font-size: 13px; position: relative; margin-left:25px;}
.footer-upper p:before{
  content: '';
  display: block;
  background-image: url('https://drcermin.com/wp-content/uploads/2020/07/icon-location.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -22px;
  top: 3px;
}
.footer-upper .homepage-location-ul { width:100%; margin:0 0 0 0;}
.footer-upper .homepage-location-ul li { display:inline-block; width:auto; border-right:1px solid #000; line-height:12px; padding:0 5px;}
.footer-upper .homepage-location-ul li:first-child {padding-left:0;}
.footer-upper .homepage-location-ul li:last-child {border-right:0; padding-right:0;}
.footer-upper .homepage-location-ul li:before {display:none;}


.wpcf7 .contact-form-column { float:left; width:50%;}
.wpcf7 .contact-form-column.message { width:100%;}
.wpcf7 .contact-form-column textarea { width:95%;}
.wpcf7 .contact-form-column input { background:transparent; border-bottom:1px solid #fff; color:#fff; padding:20px 0 0 0;}
.wpcf7 .contact-form-column textarea { background:transparent; border-bottom:1px solid #fff; color:#fff; padding:20px 0 0 0;}
.wpcf7 .submit-button input { background:#ffec13; color:#000; padding:10px 30px;}

.wpcf7 .contact-popform-column {}
.wpcf7 .contact-popform-column input { width:100%;}
.wpcf7 .contact-popform-column.message { width:100%;}
.wpcf7 .contact-popform-column textarea { width:100%; max-height:120px;}
.wpcf7 .contact-popform-column input { background:transparent; border-bottom:1px solid #fff; color:#fff; padding:20px 0 0 0;}
.wpcf7 .contact-popform-column textarea { background:transparent; border-bottom:1px solid #fff; color:#fff; padding:20px 0 0 0;}
.wpcf7 .submit-button input { background:#ffec13; color:#000; padding:10px 30px;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ffffff!important;
    font-style:normal!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ffffff!important;
    font-style:normal!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ffffff!important;
    font-style:normal!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ffffff!important;
    font-style:normal!important;
}

.services-ul { margin:30px 0 0 0!important; padding:0 0 0 0!important;}
.services-ul li { vertical-align:top; min-height:300px; display:inline-block; width:31%; margin:0 0.5%;}
.services-ul li img { float:left; width:auto; max-height:250px; margin-top:20px;}

.blog-header { display:none;}
.post-head small { display:none;}

.postid-859 {}
.postid-859 .col-md-9 { width:100%;}

.page-id-703 section header { display:none;}
.contact-inner-page { background:#fff; padding:20px 10px 0 10px;}
#contact-column { /*float:left; */ display: inline-block; width:49%!important; padding:0 10px 0 0; text-align:left; min-height:120px; position: relative; }
#contact-column-title { font-size:14px; font-weight:bold; padding:20px 0 0 0;}
.contact-column-info { font-size:12px; text-align:left;}
#tabbed_box_1 {
  margin: 0px auto 0px auto;
  width:100%;
  border-top:5px solid #797979;
}
.float-left { float:left;}
.float-right { float:right;}

.custom-contact-left { width:55%;}
.custom-contact-right { width:45%;}
.custom-contact-right img { width:100%;}

.tabbed_area {
}

ul.tabs {
  margin:10px 0 0 0; padding:0 0 0 0;
  width:100%;
  list-style-type:none;
  
}
ul.tabs li {
  float:left;
  padding:0 10px 0 0;
}

#page-content-man { width:100%;}
#page-content-man li {}

ul.tabs li {
color:#ffffff;
}

ul.tabs li label { display:inline-block; width:170px; padding:5px 15px; background-color:#797979; margin:2px 0; font-size:13px!important; font-weight:normal!important;}

ul.tabs li a {
color:#ffffff;
font-weight:normal;
}

ul.tabs li a label:hover {
background-color:#f7c12d;
color:#ffffff;
cursor:pointer;
}

ul.tabs li.active label {
background-color:#f7c12d;
color:#ffffff;
}

#content_1,#content_2,#content_2-1, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8, #content_9, #content_10, #content_11 { display:none; }

.content {
  background-color:transparent;
  padding:0;
  width:100%;
  background-repeat:repeat-x;   
  background-position:bottom;  
color:#7d7d7d;
font-size:13px;
}

.content ul {
  margin:0 0 0 0;
  padding:0px 0 0px 0;
}
.content ul li {
  list-style:none;
  border-bottom:1px solid #d6dde0;
  padding-top:15px;
  padding-bottom:15px;
  font-size:13px;
}
.content ul li:last-child {
  border-bottom:none;
}
.content ul li a {
  text-decoration:none;
  color:#3e4346;
}
.content ul li a small {
  color:#8b959c;
  font-size:9px;
  text-transform:uppercase;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  position:relative;
  left:4px;
  top:0px;
}
.content ul li a:hover {
  color:#a59c83;
}
.content ul li a:hover small {
  color:#baae8e;
}

.pagenav { display:none;}

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:0 10px 50px 0;
}
ul.enlarge img{
background-color:#ffffff;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
}
ul.enlarge label{
position:absolute;
left: -9999px;
background-color:#ffffff;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center;
color: #495a62;
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge label img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover label{
top: -270px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 0; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) label{
left: -100px;
}
ul.enlarge li:hover:nth-child(3) label{
left: -200px;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img{
behavior: url(pie/PIE.htc);
}

#post-885 .wpsl-search { max-width:1180px; margin:auto;}
#wpsl-stores { max-width:1180px; margin:auto;}
#post-885 #wpsl-search-wrap #wpsl-radius label { width:100px;}
#post-885 #wpsl-search-wrap .wpsl-input label { width:140px;}
#post-885 #wpsl-search-wrap #wpsl-radius { width:250px;}
#post-885 #wpsl-search-wrap #wpsl-radius label { display:inline-block;}
#post-885 #wpsl-search-wrap #wpsl-radius .select-wrap { width:50%; display:inline-block;}
#post-885 #wpsl-search-wrap #wpsl-results { width:250px;}
#post-885 #wpsl-search-wrap #wpsl-results label { width:50px; display:inline-block;}
#post-885 #wpsl-search-wrap #wpsl-results .select-wrap { width:50%; display:inline-block;}

#wpsl-wrap #wpsl-result-list ul li { font-size:13px; text-transform: capitalize;}

.wpsl-no-filters { display:none;}
.readmore-button {
 background-color:#ffec13!important;
 color:#4c4c4c!important;
}
.readmore-button a{color:#4c4c4c!important;}
.readmore-button a:hover{color:#4f9bc2!important;}
.navbar-header {float:none; text-align:center;}
.navbar-brand {float:none;}
/*.navbar-right > .active > a,
.navbar-right > li > a:hover,
.swatch-white.navbar .nav > .current-menu-parent > a,
.swatch-white.navbar .nav > .current-menu-ancestor > a {color: #000!important;}
.navbar-right > .active > a:before,
.navbar-right > li > a:hover:before,
.swatch-white.navbar .nav > .current-menu-parent > a:before,
.swatch-white.navbar .nav > .current-menu-ancestor > a:before { background-color: #000!important;}*/

.nav.navbar-nav.navbar-right{
    float: none!important;
    text-align: center;
}
.navbar-nav>li{display:inline-block;  float:none;}
.navbar-nav>li.dropdown a {}
.navbar-nav>li.dropdown a:after {
    content:"\f0d7";
    font-family: FontAwesome;
    padding-left:5px;
}
.navbar-nav>li.dropdown >ul li a:after { display:none;}
.swatch-white .dropdown-menu > li > a:hover, [class*="swatch-"] .swatch-white .dropdown-menu > li > a:hover, .swatch-white .dropdown-menu > .active > a, [class*="swatch-"] .swatch-white .dropdown-menu > .active > a, .swatch-white .dropdown-menu > .active > a:hover, [class*="swatch-"] .swatch-white .dropdown-menu > .active > a:hover, .swatch-white .dropdown-menu > .active > a:focus, [class*="swatch-"] .swatch-white .dropdown-menu > .active > a:focus {
    background: #000;
    color: #fff;
}
.swatch-white .dropdown-menu, [class*="swatch-"] .swatch-white .dropdown-menu {
    background-color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .1), 0px 3px 0px #000000 inset;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .1), 0px 3px 0px #000000 inset;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .1), 0px 3px 0px #000000 inset;
}
.swatch-white.navbar .nav > li > a:focus, [class*="swatch-"] .swatch-white.navbar .nav > li > a:focus, .swatch-white.navbar .nav > li > a:hover, [class*="swatch-"] .swatch-white.navbar .nav > li > a:hover, .swatch-white.navbar .nav > .active > a, [class*="swatch-"] .swatch-white.navbar .nav > .active > a, .swatch-white.navbar .nav > .active > a:hover, [class*="swatch-"] .swatch-white.navbar .nav > .active > a:hover, .swatch-white.navbar .nav > .current-menu-parent > a, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-parent > a, .swatch-white.navbar .nav > .current-menu-ancestor > a, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-ancestor > a, .swatch-white.navbar .nav > .current-menu-item > a, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a, .swatch-white.navbar .nav > .current-menu-item > a:hover, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a:hover, .swatch-white.navbar .nav > .current-menu-item > a:focus, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a:focus, .swatch-white.navbar .nav > .active > a:focus, [class*="swatch-"] .swatch-white.navbar .nav > .active > a:focus, .swatch-white.navbar .nav li.dropdown.open > .dropdown-toggle, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.open > .dropdown-toggle, .swatch-white.navbar .nav li.dropdown.active > .dropdown-toggle, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.active > .dropdown-toggle, .swatch-white.navbar .nav li.dropdown.open.active > .dropdown-toggle, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #000;
    font-weight: bold;
}
.swatch-white.navbar .nav > li > a:focus:before, [class*="swatch-"] .swatch-white.navbar .nav > li > a:focus:before, .swatch-white.navbar .nav > li > a:hover:before, [class*="swatch-"] .swatch-white.navbar .nav > li > a:hover:before, .swatch-white.navbar .nav > .active > a:before, [class*="swatch-"] .swatch-white.navbar .nav > .active > a:before, .swatch-white.navbar .nav > .active > a:hover:before, [class*="swatch-"] .swatch-white.navbar .nav > .active > a:hover:before, .swatch-white.navbar .nav > .current-menu-parent > a:before, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-parent > a:before, .swatch-white.navbar .nav > .current-menu-ancestor > a:before, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-ancestor > a:before, .swatch-white.navbar .nav > .current-menu-item > a:before, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a:before, .swatch-white.navbar .nav > .current-menu-item > a:hover:before, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a:hover:before, .swatch-white.navbar .nav > .current-menu-item > a:focus:before, [class*="swatch-"] .swatch-white.navbar .nav > .current-menu-item > a:focus:before, .swatch-white.navbar .nav > .active > a:focus:before, [class*="swatch-"] .swatch-white.navbar .nav > .active > a:focus:before, .swatch-white.navbar .nav li.dropdown.open > .dropdown-toggle:before, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.open > .dropdown-toggle:before, .swatch-white.navbar .nav li.dropdown.active > .dropdown-toggle:before, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.active > .dropdown-toggle:before, .swatch-white.navbar .nav li.dropdown.open.active > .dropdown-toggle:before, [class*="swatch-"] .swatch-white.navbar .nav li.dropdown.open.active > .dropdown-toggle:before {
    background-color: #000;
}

.windscreen-services-column { padding:30px 0;}
.windscreen-services-column h3 {padding-bottom:15px;}
.windscreen-services-column a { color:#000!important; box-shadow: 0px 0px 0px 1px #000 inset!important;}
.windscreen-services-column a:hover {background-color:#000!important; color:#fff!important;}
.windscreen-services-column.swatch-black a { color:#fff!important; box-shadow: 0px 0px 0px 1px #fff inset!important;}
.windscreen-services-column.swatch-black a:hover {background-color:#fff!important; color:#000!important;}
.windscreen-services-second-column { max-width:800px; margin:auto;}
.windscreen-services-second-column-right .col-md-4 { float:right;}
.windscreen-services-second-column-right .col-md-8 { float:left; text-align:right;}


#Home-Aboutus{padding: 6rem 1rem;}
#Home-Aboutus h1 {font-style: italic; font-weight: 600; position: relative; font-size: 28px;}
#Home-Aboutus h1:after{
    content: '';
    display: block;
    background-image: url('https://drcermin.com/wp-content/uploads/2020/07/blackquate.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 31px;
    height: 25px;
    position: absolute;
    top: 0;
    right: -26rem;
    left: 0;
    margin: auto;
    transform: rotate(180deg);
}
#Home-Aboutus h1:before{
    content: '';
    display: block;
    background-image: url('https://drcermin.com/wp-content/uploads/2020/07/blackquate.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 31px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    left: -26rem;
    margin: auto;
}
#Home-Aboutus p{width: 100%; max-width: 925px; margin: auto; font-size: 14px;}
#Home-Aboutus .btn-default {background-color: #fff!important; color: #333!important; border: 3px solid #333; font-size: 16px; padding: 1.5rem 3rem 1rem; font-weight: 600; text-transform: uppercase;}
#Home-ourproducts {padding: 6rem 1rem;}
#Home-ourproducts h1 {color: #fff; font-style: italic; font-size: 28px;}
#Home-ourproducts p {color: #fff; width: 100%; max-width: 991px; margin: auto; font-size: 14px;}
#Home-ourproducts .btn-default {background-color: #fff!important; color: #333!important; border: 3px solid #fff; font-size: 16px; padding: 1.5rem 3rem 1rem; font-weight: 600; text-transform: uppercase;}
#Home-services{padding: 6rem 1rem;}
#Home-services h1 {font-style: italic; font-size: 28px;}
#Home-services p {width: 100%; max-width: 991px; margin: auto; margin-top: 15px; font-size: 14px;}
#Home-services .col-md-6 .figure-image {-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);}
#Home-services .col-md-6 .figure-image h3.figure-caption-title {font-size: 42px; font-weight: 400;}
#Home-services .col-md-6 .figure-image h3.figure-caption-title:after{display: none;}
#Home-services .col-md-6:first-child {padding-right: 8px!important;}
#Home-services .col-md-6:last-child {padding-left: 8px!important;} 
#Home-contact {padding: 0rem 1rem 4rem;}
#Home-contact .col-md-12.column {display: grid; grid-template-columns: 33.333% 33.333% 33.333%;}
#Home-contact .col-md-12.column .column .col-md-12 {position: relative; height: 100%; min-height: 450px; overflow:hidden;}
#Home-contact .col-md-12.column .column {border: 3px solid #000; margin-left: 15px; margin-right: 15px; padding: 0px 20px; }
#Home-contact .col-md-12.column .column:first-child {margin-left: 0px;}
#Home-contact .col-md-12.column .column:last-child {margin-right: 0px;}
#Home-contact .col-md-12.column .column:hover {-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);}
#Home-contact .col-md-12.column .column .btn-default {
    background-color: #fff!important; 
    color: #333!important; 
    border: 3px solid #333; 
    font-size: 16px; padding: 
    1.5rem 3rem 1rem; 
    font-weight: 600; 
    text-transform: uppercase;
    position: absolute;
    bottom:-100px;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    opacity:0;
}
#Home-contact .col-md-12.column .column:hover .btn-default{bottom:0; transition: all 0.3s ease-out; opacity:1;}
#Home-contact .col-md-12.column .column h2 {font-size: 20px;}
#Home-contact .col-md-12.column .column p {margin-top: 15px!important}

#About-info {padding: 6rem 1rem;}
#About-info .head-title  {font-family: 'Metropolis BoldItalic'; font-size: 70px; color: #231f20; line-height: 1; margin-left: -14rem; }
#About-info .head-subtitle{font-size: 44px; font-family: 'Metropolis MediumItalic'; color: #231f20; position: relative; line-height: 1; margin-right: -14rem;}
#About-info p {font-size: 14px; color: #4c4c4c;}
#About-info p strong {font-size: 16px; color: #333; font-family: 'Metropolis MediumItalic';}
#About-video {margin-bottom: -15rem; margin-top: 5rem;}
#About-video video {border:4px solid #000; background-color: #fff;}
#About_service {background-color: #ffec13; padding: 18rem 1rem 6rem; }
#About_service .col-md-12.about-container {display: grid; grid-template-columns: 50% 50%;}
#About_service .col-md-12.about-container > .row {padding: 2rem;}
#About_service h1 {font-size: 20px; font-weight: bolder; text-transform: uppercase;}
#About_service p {font-size: 14px; text-align: justify;}
#About_service .row-container {display: grid; grid-template-columns: 20% 80%; align-items: flex-start;}
#About_service .row-container img {padding: 0px 1rem;}
#About_service .row-container .column:last-child {padding: 0px 20px;}
#About_service .row-container .quality-ul{list-style: none; padding: 0px!important; margin: 0px!important;}
#About_service .row-container .quality-ul li {font-size: 14px; margin-bottom: 10px;}


.QA-section {padding: 2rem 0}

#Claim-Title h1{font-size: 42px; font-family: 'Metropolis Bold';}
#Claim-Motor {margin-bottom: 40px;}
#Claim-Motor h1{font-size: 30px; }
#Insurance {background-color: #ffcb0b; padding: 4rem 2rem;}
#Insurance h1{font-size: 42px; font-family: 'Metropolis Bold';}
#Insurance p {width: 100%; max-width: 768px; margin: auto;}
#Claim-insurancelogo {padding: 6rem 1rem;}
#Claim-insurancelogo .insurance-panel-page {height: auto;}
#Claim-insurancelogo .panel-logo-ul {border-top:none; text-align: center;}
#Claim-insurancelogo .panel-logo-ul li {border: none; float: none; display: inline-block; vertical-align:top;}
#Claim-insurancelogo .panel-logo-ul li span {display:block; min-height:250px;}
#Claim-insurancelogo .panel-logo-ul li label {font-size:12px;}

#footer .owl-carousel.carousel-slider {padding: 2rem 1rem;}
#footer .owl-carousel.carousel-slider img {max-width: 80px;}


.top-bar .top-right {
  display: none;
    background-color: transparent;
    box-shadow: none;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9999;
    float: none;
    text-align: right;
    width: 100%;
}
.top-bar > .container {padding-left: 0px!important; padding-right: 0px!important;}
.top-bar #icl_lang_sel_widget-1 {background-color: transparent;}
.top-bar #icl_lang_sel_widget-1 li a {text-align: left;}
#lang_sel_click a.lang_sel_sel { font-size:11px; padding:3px 10px;}
#lang_sel_click img.iclflag { top:-1px;}

#masthead .menu-sidebar .sidebar-widget { padding:7px 0 0 0; margin-left:0;}
#masthead.navbar-scrolled .menu-sidebar .sidebar-widget {margin-top: 12px;}

#masthead .navbar-brand { line-height:70px; height:70px;}
#masthead .navbar-brand img {top: 0; margin-right:0; width: 100%; max-width: 250px;}

#lang_sel_click a.lang_sel_sel {
    background-color:transparent;
    border: 0;
}
#lang_sel_click li { width:110px;}
#lang_sel_click ul ul { border-top:0;}
.top-bar #icl_lang_sel_widget-1 li a { white-space: nowrap; padding: 5px;}

.homepage-service h4 { font-size:22px;}
.homepage-service a.magnific.image-all {display:none;}
.homepage-service .figure-overlay .btn { background-color:transparent!important; color:#fff!important; border:2px solid #fff;}

.homepage-location-ul { margin:0 0 0 15px; padding:0 0 0 0; text-align:left;}
.homepage-location-ul li { display:inline-block; width:calc(50% - 4px); position:relative;}
.homepage-location-ul li a { color:#000; text-decoration:underline; font-size:13px;}
.homepage-location-ul li:before {
    content: '';
    display: block;
    background-image: url(https://drcermin.com/wp-content/uploads/2020/07/footer-linkarrow.png);
    background-repeat: no-repeat;
    background-size: auto;
    width: 5px;
    height: 9px;
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translate(0px, -50%);
    cursor: pointer;
}

.branch-logo-ul { margin:0 0 0 0; padding:0 0 0 0; text-align:center;}
.branch-logo-ul li { display:inline-block; padding:15px 0; width:14%!important;}
.branch-logo-ul li label {display:block; font-weight:bold;}

.aboutpage-product {}
.aboutpage-product h3 a { color:#4c4c4c;}
.aboutpage-product h3.bordered-link:after { background-color: #4c4c4c !important;}

.custom-branches-seo {font-size:10px;}
.custom-branches-seo strong {font-weight:normal;}
.contact-column-seo { font-size:10px;}

.custom-replacement-title h2 { display:inline-block; background-color:#fff; padding:0 10px; position:relative;}
.custom-replacement-title h2:before {
    content:"";
    position:absolute;
    top:7px;
    left:-1500%;
    width:3000%;
    height:7px;
    background-color:rgba(255,236,19,1);
    z-index:-1;
}

#cboxCurrent {display:none!important;}

.about-us-service-column-descktop { display:block!important;}
.about-us-service-column-mobile {display:none!important;}

section #huge_it_gallery li .overLayer ul li h2, section #huge_it_gallery li .infoLayer ul li h2 {
    font-size: 14px;
    line-height: 16px!important;
    color: #FFFFFF;
}

.custom-page-title {}
.custom-page-title a { border:0!important; text-decoration:underline; box-shadow:unset!important;}
.custom-page-title a:hover { background-color:transparent!important; color:#000!important;}
.windscreen-services-column.swatch-black .custom-page-title a { box-shadow:unset!important;}

.wpsl-store-location > p { margin-bottom:0!important;}
.custom-seo-store { margin-bottom:20px; font-size:12px;}
.d-d-icon 
.d-d-icon-column { display: inline-block; padding: 0 10px;}
.d-d-icon-inner-column img { padding: 0 20px;}
.page.page-id-3073 .swatch-white a, [class*="swatch-"] .swatch-white a{ color: #000;}
.page.page-id-3073 .figure-caption-title.bordered.bordered-small.bordered-link:after{ background-color: #000!important;}
.page.page-id-3298 .swatch-white a, [class*="swatch-"] .swatch-white a{ color: #000;}
.page.page-id-3298 .figure-caption-title.bordered.bordered-small.bordered-link:after{ background-color: #000!important;}
.cn-door-to-door{text-align: center;}
.page.page-id-3299 .swatch-white a, [class*="swatch-"] .swatch-white a{ color: #000;}
.page.page-id-3299 .figure-caption-title.bordered.bordered-small.bordered-link:after{ background-color: #000!important;}
.navbar .container { width: 1400px!important;}
.background-yellow .vertical-middle { margin:0!important;}

#widget_carousel_slider-3 { display:none;}

.page-id-885 #content,
.page-id-885 .box-inner,
.page-id-885 .mfp-bg,
.page-id-885 .section, .select-wrap {
    overflow:visible!important;
}

.page-id-885 .wpsl-select-wrap .select-wrap {
    background:unset!important;
}
.page-id-885 .select-wrap:after { display:none;}

/*####################################################*/

@media (max-width:991px) { 
.navbar-header { text-align:left;}
.footer-upper .col-md-4{width: 50%; float: left; margin-bottom: 20px; }
.footer-upper .col-md-4:last-child {width: 100%; float: none; margin-bottom: 0px;}
#About_service .col-md-12.about-container {grid-template-columns: 100%;}
#Home-services .col-md-6:first-child {padding-right: 15px!important;}
#Home-services .col-md-6:last-child {padding-left: 15px!important;} 
#Home-contact .col-md-12.column {display: block;  width: 100%; max-width: 480px; margin: auto;}
#Home-contact .col-md-12.column .column {margin: 20px auto!important; width: 100%; }
#Home-contact .col-md-12.column .column .col-md-12 {min-height: unset;}
#Home-contact .col-md-12.column .column .btn-default {display: block; position:relative; bottom:0; opacity:1;}
#masthead > .container { max-width:100%; width:100%; padding-left:15px!important; padding-right:15px!important;}
#masthead .navbar-brand { margin:auto; position:absolute; right:0; left:0; width:200px; z-index:9;}
.top-bar .top-right { display:block; position:fixed; left:15px; right:unset; top:20px; width:150px;}
.navbar-toggle { margin-top: 20px; margin-bottom: 20px;}
#masthead.navbar { min-height:70px;}
.nav.navbar-nav.navbar-right { max-width:480px; margin: auto; padding:20px 20px 50px 20px;}
.navbar-nav>li { display: block; font-size:18px; border-bottom:1px solid #fffabf;}
.navbar-nav>li:last-child { border-bottom:0;}
.branch-logo-ul li { width:20%!important;}
#footer .footer-upper .row {margin:0;}
#footer .footer-upper .col-md-3 { width:50%!important; float:left;}
#footer .footer-upper .col-md-4 { padding-top:30px; clear:both; width:100%;}
#About-info { padding:0 1rem;}
#About-info .col-md-6 {float:left; width:40%;}
#About-info .col-md-6:last-child {width:60%;}
.about-us-service-column-descktop { display:none!important;}
.about-us-service-column-mobile {display:block!important;}
.about-us-service-column-mobile .col-md-4 {float:left; width:33.33333%; text-align:center;}
.windscreen-services-second-column .col-md-4 { float:left; width:33.33333%;}
.windscreen-services-second-column .col-md-8 { float:left; width:66.66667%;}
.windscreen-services-second-column-right .col-md-4 { float:right;}
.windscreen-services-second-column-right .col-md-8 { float: left; width:66.66667%;}
.d-d-icon-inner-column { padding: 10px;}
.d-d-icon .d-d-icon-column { padding: unset;}
.page.page-id-3073 .container { width:unset;}
.dtd-header { padding:25px 0 0;}
.d-t-d-section-01 { padding: 0 80px;}
.dtd-header { padding: 20px 25px 0;}
.d-t-d-section-02 { text-align: center;}
.d-t-d-last-image{ display: inline-block!important;}
.page.page-id-3073 .col-md-2-4.text-center.small-screen-center{ display: inline-block; padding: 0 40px 0;margin-bottom: unset;}
.d-t-d-whatsapp{ text-align: center;}
.page.page-id-3298 .container { width:unset;}
.page.page-id-3298 .col-md-2-4.text-center.small-screen-center{ display: inline-block; padding: 0 40px 0;margin-bottom: unset;}
.page.page-id-3299 .container { width:unset;}
.page.page-id-3299 .col-md-2-4.text-center.small-screen-center{ display: inline-block; padding: 0 40px 0;margin-bottom: unset;}
.footer-upper .payment-content {margin-top: unset;}
.footer-upper .payment-content {display: inline-block; grid-template-columns: 50% 50%; align-items: center; padding: 1.5rem 0; text-align: center; padding-right:20px; margin-top: -15%;}
.footer-upper .payment-content1 {display: inline-block; grid-template-columns: 100%; align-items: center; text-align: center; padding-right:20px;}
.col-md-2 {padding: 0 0 10px;text-align: center;}
.footer-upper .payment-content img {padding: 0 20px;}
.footer-upper .payment-content1 img {padding: 0 20px;}

#trans-info {display: grid; grid-template-columns: 1fr 1fr;}
#contact-column {float: none; width: 100%!important;}
}

@media (max-width:942px) {  
.d-t-d-img {margin-bottom: 0px!important; }
}

@media (max-width:870px) { 
.float-left { float:left;}
.float-right { float:right;}
.custom-contact-left { width:100%;}
.custom-contact-right { width:100%;}
.custom-contact-right img { width:100%;}
ul.tabs li label { display:block; width:100%;}
}

@media (max-width:770px) { 
.panel-logo-ul li { width:31%;}
#contact-column { min-height:180px;}
.service-ul li { float:left; width:32.3%; text-align:center; }
}

@media (max-width:767px) {
#About-info .col-md-6 {float:none; width:100%;}
#About-info .col-md-6:first-child {position:relative; height:250px; overflow:hidden;}
#About-info .col-md-6:first-child img { height:-webkit-fill-available; width:100%; object-fit:cover;}
#About-info .col-md-6:last-child {width:100%;} 
#About-info .head-title {font-size:40px;}
#About-info .head-subtitle {font-size:26px;}
}

@media (max-width:670px) { 
.wpcf7 .submit-button { margin-bottom:30px;}
.wpcf7 .contact-form-column { float:none; width:100%;}
.wpcf7 .contact-form-column input { width:100%;}
.wpcf7 .contact-form-column textarea { width:100%;}
.product-img-desktop { display:none; text-align:center;}
.product-img-mobile { display:block; text-align:center;}
}

@media (max-width:580px) { 
#wpsl-stores { width:95%; margin:auto;}
#post-885 #wpsl-search-wrap label { width:110px;}
#post-885 #wpsl-search-wrap #wpsl-radius { width:270px; margin-top:5px;}
#post-885 #wpsl-search-wrap #wpsl-radius label { display:inline-block;}
#post-885 #wpsl-search-wrap #wpsl-results { width:270px; margin-top:5px;}
#post-885 #wpsl-search-wrap #wpsl-results label { width:110px; display:inline-block;}
.top-bar {position:absolute; width:100%;}
.footer-upper .col-md-4{width: 100%; float: none; margin-bottom: 20px; }
.footer-upper p ,
.footer-upper ul {padding-left: 20px;}
.footer-upper p:before,
.footer-upper ul:before {left: 0;}
#About_service .col-md-12.about-container > .row {padding: 0px;}
.top-bar .top-right {
    display: block;
    position:fixed;
    left: unset;
    right: 40px;
    top: 18px;
    width: 100px;
    float: right;
    background-color: #ffec13;
}
#masthead.navbar { min-height:70px;}
#masthead .navbar-brand {
    margin: auto;
    position: absolute;
    right: unset;
    left: unset;
    top: 0;
    width: 200px;
    line-height:70px;
}
.navbar-toggle { margin-top:15px; margin-bottom:2px;}
#masthead > .container { padding-left:0!important; padding-right:0!important;}
#footer .footer-upper .col-md-3 { width:100%!important; float:none; padding-top:15px;}
.footer-upper p {margin-left:0; float: left; width: 60%;}
.footer-upper ul { margin-left:0; grid-template-columns:100%;}
#footer .footer-upper .col-md-4 {padding:15px 0 0 0;}
.slider-slogon { font-size:24px!important; line-height:26px!important; max-width:480px!important; width:100%!important;}
.slider-slogon > div {margin-top:5px;}
.slider-slogon > div > a { display:block; font-size:12px!important; line-height:16px!important;}
.slider-slogon > div > .slidebanner-bar {display:none;}
.erinyen.tparrows { min-width:30px; min-height:30px;}
.erinyen.tparrows:before { line-height:40px;}
.erinyen .tp-title-wrap { min-height:40px; height:40px; line-height:40px;}
.erinyen .tp-arr-titleholder { line-height:40px;}
.aboutpage-product h3 a { font-size:16px;}
#About-info .text-justify,
#About_service p { text-align:center!important;}
.windscreen-services-second-column .col-md-4 { float:none; width:100%; text-align:center;}
.windscreen-services-second-column .col-md-8 { float:none; width:100%; text-align:center;}
.windscreen-services-second-column-right .col-md-4 { float:none;}
.windscreen-services-second-column-right .col-md-8 { float: none; width:100%;}
.windscreen-services-second-column-last {margin-top:50px;}
.d-t-d-section-01 { padding: 0 25px; }
.page.page-id-3073 .col-md-2-4.text-center.small-screen-center{ display: block!important; padding: 0 40px 0;margin-bottom: unset;}
.page.page-id-3298 .col-md-2-4.text-center.small-screen-center{ display: block!important; padding: 0 40px 0;margin-bottom: unset;}
.page.page-id-3299 .col-md-2-4.text-center.small-screen-center{ display: block!important; padding: 0 40px 0;margin-bottom: unset;}
.d-d-icon { text-align: left; max-width: 315px; margin: auto;}
}

@media (max-width:570px) { 
.panel-logo-ul li { width:48%;}
.descktop { display:none;}
#trans-info { grid-template-columns: 1fr;}
#contact-column { float:none; width:100%!important; padding:0 0; text-align:left; min-height:150px; position: relative;}
ul.tabs li { width:50%;}
ul.tabs li label { display:block; width:100%;}
.service-ul li { float:left; width:49%; text-align:center; margin-right:0.5%;}
}

@media (max-width:500px) { 
.top-bar .top-right { width:100px;}
#lang_sel_click li { width:100px;}
}

@media (max-width:480px) { 
.panel-logo-ul li { width:100%;}
.claim-page a { display:block; background:#feeb12; padding:5px 20px; text-align:center; margin-top:15px; color:#000;}
#About-info .head-title {margin-left: 0px;}
#About-info .head-subtitle {margin-right: 0px;}
#About_service .row-container {display: block;}
#About_service .row-container h1 {text-align: center;}
#About_service .row-container img {max-width: 120px; margin: auto;}
#Claim-Motor h1 {line-height: 1;}
#Insurance h1 {line-height: 1;}
.branch-logo-ul li { width:48%!important;}
.slider-slogon { font-size:18px!important; line-height:22px!important; max-width:80%!important; white-space: unset!important; margin:auto!important; width:100%!important;}
.about-us-service-column-mobile .col-md-4 { float:none; width:100%;}
}

@media (max-width:420px) { 
.footer-upper p {float:none; width:100%;}
}

@media (max-width:400px) { 
.footer-upper .link-content ol a{font-size: 12px;}
#masthead .navbar-brand { width:150px;}
.d-d-icon { text-align: left ; margin: auto; }
.d-d-icon-inner-column img { padding: 0 5px 0 0; }
.footer-upper .payment-content img {padding: unset;}
.footer-upper .payment-content1 img {padding: unset;}
}