/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #_desktop_logo .logo {
    /* width: 90px;; */
 }

 @media (max-width: 991.98px) {
   #menu-icon {
       flex: initial;
   }
}

 .header-slide .slide_title-one {
    font-size: 7rem;
}

@media (min-width: 992px) {
   .top-menu[data-depth="0"] > li > a {
      padding: 20px 0.75em;
   }
}


.header-slide .caption-description {
   top: 50%;
}

body {
   /* font-size: 21px; */
}

.product-variants-item .input-color:checked + span, .product-variants-item .input-color:hover + span, .product-variants-item .input-radio:checked + span, .product-variants-item .input-radio:hover + span {
   background-size: contain;
}

.product-variants-item .color {
   width: 100px;
   height: 100px;
}

.product-variants-item {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
}

@media (min-width: 1200px) {
   #cart .container {
       width: 1410px;
       max-width: 100%;
   }
}

#blockcart-modal .modal-dialog {
   width: 100%;
   max-width: fit-content;
}


.warranty-options {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
}

.warranty-options label {
   font-weight: bold;
}

#warranty_options {
   width: fit-content;
}

.standard_features_table td {
   padding-left: 10px;
}

.standard_features_table td + td {
   padding: 10px 0 10px 40px;
   padding-bottom: 10px;
}

/* even rows gets gray bg */
.standard_features_table tr:nth-child(even) {
   background-color: #f2f2f2;
}
.standard_features_table tr:nth-child(odd) {
   background-color: #ffffff;
}

@media (min-width: 576px) {
   #testimonials-dots .owl-dot .avatar-dot-image {
       border-radius: 10px;
       max-width: 98px;
       width: 80px;
       height: 80px;
   }
}

.owl-controls #testimonials-dots .owl-dot {
   border-radius: 10px;
   border-width: 2px;
}

#custom-text {
   text-align: left;
   background-color: #f7f7f7;
}

#custom-text .headline-section {
   text-align: left;
   font-size: 3rem;
   font-weight: bold;
}

#custom-text p {
   font-size: 0.9em;
}

#about-ep .light-blue-bg {
   background-color: #dbe4e9;;
}

.red-underline::after {
   content: ' ';
   border: 2px red solid;
   display: block;
   width: 4rem;
   margin-top: 10px;
}

#htmlbanners5 {
   color: white;
   font-size: 2rem;;
}

#manufacturers-home {
   display: hidden;
}

.why-choose-us-icon {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.why-choose-us-icon h5 {
   text-align: center;
   white-space: pre-line;
}

#header.fixed-top {
   background-color: #ffffffcc;
   color: black;
}

#header.fixed-top.hide-bar .header-top {
   background-color: #ffffff;
}

@media (max-width: 991.98px) {
   .header-nav .inner-wrapper > .mobile {
      background: white;
      color: black;
   }
}

.language-selector-wrapper {
   display: none;
}


#htmlbanners1 {
   display: none;
}


@media (max-width: 991.98px) {
   .header-slide.fullscreen-mode .headerslider-figure {
       height: auto;
   }
}

.logo.img-responsive {
   /* max-width: 15vw; */
}

@media (max-width: 991.98px) {
   .top-logo {
       text-align: left;
   }

   .wishtlist_top {
      background: white;
      color: black;
      font-size: 1rem;
      width: 100vw;
      padding-left: 10px;
   }
}

@media (min-width: 992px) {
   .is-not-index #header:before {
      background: initial;
   }
}



#htmlbanners5 .headline-section {
   color: white;
}



.photo-gallery-banner {
   margin-top: -24px;;
}

#module-ajax_photo_gallery-gallery .card {
   border: none;
}

#htmlbanners9 {
   padding-top: 40px;
}

.is-not-index #header.fixed-top.hide-bar:before {
   background-color: white;
}

.product-variants .control-label {
   text-transform: initial;
}


.attachment a {
   color: #0182c6;
}

#gearedFinanceModal .modal-content{
   /* border-radius: 20px 2px 20px 2px; */
}

#gearedFinanceModal .modal-dialog {
   max-width: fit-content;
}

#gearedFinanceModal .modal .close {
   background: none;
}

#gearedFinanceModal .modal-body,
#gearedFinanceModal .modal-header {
   padding: 0;
}

@media (min-width: 576px) {
   .modal-dialog {
      margin: 0 auto;
   }
}