@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&subset=latin-ext');


:root {
    --global-transition: .3s all ease-in-out;
    --global-transition-2x: .6s all ease-in-out;
}

#brevo-conversations {
    display: none !important;
}

.text-primary{
    color: #c90000 !important
}

/*#cars-inner-select{
  max-height: 140px;
}*/

#brands_select {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
    cursor: pointer;
    left: 260px;
    line-height: 1;
    text-align: center;
    width: 30px;
    line-height: 30px;
    opacity: 0.5;
    transition: var(--global-transition);
}
#brands_select:hover {
    opacity: 1;
}
html.brand-menu-visible #brands_select:before{
    transform: rotate(180deg);
    opacity: 1;
}
#brands_select:before{
    content: '\f347';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}
#brands_dropdown {
    position: absolute;
    width: 400px;
    top: 52px;
    box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.25) !important;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: var(--global-transition);
}
html.brand-menu-visible #brands_dropdown{
    opacity: 1;
    top: 42px;
    visibility: visible;
    z-index: 9;
}

#brands_dropdown .brand img {
    max-height: 120px !important;
    height: 100px !important;
}

#brands_dropdown .brand,
#brands_dropdown .brand.inactive{
    transition: var(--global-transition);
    opacity: 0.5;
}
#brands_dropdown .brand:hover,
#brands_dropdown .brand.active,
#brands_dropdown .brand.bmw:not(.inactive){
    opacity: 1;
}
#brands_dropdown .brand:hover + .brand,
#brands_dropdown .brand:hover ~ .brand{
}
#brands_dropdown .arrow-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#brands_dropdown .arrow-right:before{
    content: '\f345';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}
#brands_dropdown li.list-inline-item {
    margin: 0;
}
#brands_dropdown .brand-menu a {
    color: #333;
    line-height: 60px;
    display: block;
    padding: 0 0.5rem;
    margin-left: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: var(--global-transition);
    border-bottom: 2px solid #dee2e6;
    text-align: center;
}
#brands_dropdown a.width{
    width: 120px;
}
#brands_dropdown .bmw .brand-menu a:hover {
    color: #1d69d1;
    border-bottom-color: #1d69d1;
}
#brands_dropdown .honda .brand-menu a:hover {
    color: #c90000;
    border-bottom-color: #c90000;
}

@media (max-width: 1199px){
    html.brand-menu-visible #brands_dropdown{
        top: 36px;
    }
    #brands_dropdown{
        left: 0px;
    }
    #brands_dropdown .brand img{
        height: auto !important;
    }
}
@media (max-width: 767px){
    #brands_dropdown .arrow-right{
        left: 50%;
        right: auto;
        transform: translateX(-50%) rotate(90deg);
        top: auto;
        bottom: -10px;
    }
    #brands_dropdown{
        width: 300px;
        text-align: center;
    }
    #brands_dropdown .list-inline{
        display: block !important;
    }
    #brands_select{
        left: auto;
        right: -20px;
    }
}
@media (max-width: 575px){
    .pdf-file-btn a {
        display: block;
        margin-bottom: .5rem;
        margin-left: 0 !important;
    }
    .honda-logo img{
        height: 18px !important;
    }
    #brands_select{
    }
    #brands_dropdown .brand img{
        height: auto !important;
    }
}

a.full-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

p{
    margin-bottom: 0.5rem
}

.container {
    max-width: 1370px;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

p:last-child,
ul:last-child{
    margin-bottom: 0;
}

body {
    overflow-x: hidden !important;
    font-family: "Poppins", sans-serif;
    color: #1A1A1A;
}

.page-banner h2 {
    font-size: 5rem;
}

.page-banner h3 {
    font-size: 2.5rem;
    font-weight: normal;
}

#about-us h4 {
    font-weight: 600;
}

#content ul {
    list-style:none;
}


h1, .h1-carousel {
    font-size: 4.5rem !important;
    font-weight: 700;
}

h2 {
    font-weight: 600;
}

h3, .h3 {
    font-size: 1.5rem !important;
    font-weight: 600;
}

h4 {

}

h5 {
    font-weight: bold !important;
}


a {
    transition: .3s all linear;
}

a:not(.btn):hover {
    color: #c90000;
}

.rounded {
    border-radius: 5px !important;
    overflow: hidden;
}

header#header {
    background-color: rgb(255, 255, 255);
    width: 100%;
    z-index: 10;
    transition: var(--global-transition-2x);
}

header#header.scrolling-header {
    position: fixed;
    top: -200px;
}
header#header.fixed-header {
    position: fixed;
    top: 0px !important;
}
header#header.shop-header .mega-menu > li.mega-current-menu-item > a:before,
header#header.shop-header .mega-menu > li.mega-current-menu-parent > a:before,
header#header.shop-header .mega-menu > li > a:hover:before{
    background: #fff;
}
.admin-bar header#header.fixed-header {
    top: 32px !important;
}
@media (max-width: 782px){
    .admin-bar header#header.fixed-header {
        top: 46px !important;
    }
}
@media (max-width: 600px){
    .admin-bar header#header.fixed-header {
        top: 0px !important;
    }
}

/*.header-top a:after {
  content: "";
  position: absolute;
  background: #fff;
  height: 1px;
  bottom: 0;
  width: 100%;
  opacity: 0;
}

.header-top a:hover:after {
  opacity: 1;
}

.header-profile a:not(.dropdown-toggle):after {
  content: "";
  position: absolute;
  background: #fff;
  height: 1px;
  bottom: 5px;
  width: 100%;
  opacity: 0;
}

.header-profile a:hover:after {
  opacity: 1;
}
*/

#honda-wrapper section#header-top-menu:not(.shop-header-top) {
    background: #ddd !important;
}

#honda-wrapper ul.header-top li a {
    color: #333 !important;
    font-size: 14px !important;
}

#honda-wrapper ul.header-profile li a {
    color: #333 !important;
    font-size: 14px !important;
}

.text-small{
    font-size: 0.875rem;
}

.header-top li, .header-profile li {
    list-style:  none;
    margin-right: 1rem;
}

.bg-dark {
    background-color: #000 !important;
}

.bg-grey {
    background: #ddd;
}

#header-top-menu [class^="flaticon-"]:before, #footer-top-menu [class^="flaticon-"]:before {
    color: #C90000;
    position: relative;
    right: 5px;
    margin-left: 0;
}

.header-profile [class^="flaticon-"]:before, .footer-profile [class^="flaticon-"]:before {
    font-size: 30px;
}

#header-top-menu a {
    color: #fff;
    align-items: center;
    display: flex;
    font-size: 12px;
    position: relative;
}

.cta-menu .cta-btn {
    border: 1px solid #fff !important;
    padding: .5rem !important;
    width: 33.33%;
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
}

.cta-menu .cta-btn a {
    color: #fff;
}

.cta-menu i {
    margin-right: 0;
}

.cta-menu [class^="flaticon-"]:before {
    font-size: 30px;
    display: flex;
    justify-content: center;
}

#content ul, #deal_content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1rem;
}

#content ol {
    margin-bottom: 1rem;
    padding-left: 1rem;
}

.tab-pane ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

/*ul.working-hours{
  margin-left: 1.5rem;
}*/
.simple-content h1 {
    font-size: 3rem !important;
}
.tab-pane ul:not(.social-icons):not(.working-hours) li,
.styled-list li, .blog-post-content ul li, .service-single-pricing ul li, #deal_content ul li, .triangle-section ul li,
.simple-page-content ul:not(.woocommerce-error) li:not(.woocommerce-MyAccount-navigation-link),
.simple-content ul li {
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5rem;
}

.tab-pane ul:not(.social-icons):not(.working-hours) li:before,
.styled-list li:before, .blog-post-content ul li:before, #deal_content ul li:before,
.service-single-pricing ul li:before, .triangle-section ul li:before,
.simple-page-content ul:not(.woocommerce-error) li:not(.woocommerce-MyAccount-navigation-link):before,
.simple-content ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #c90000;
    position: absolute;
    left: 0;
    top: 0.5rem;
    transform: rotate(45deg);
}
.wpforms-field.wpforms-field-checkbox li{
    padding-left: 0
}
.wpforms-field.wpforms-field-checkbox li:before{
    display: none;
}
.styled-list {
    list-style: none;
}

/*THANK YOU PAGE*/
body.page-template-thankyou .carousel-cell {
    z-index: 0;
    position: relative;
}

/*BUTTONS*/

.banner-btn {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.btn{
    font-weight: 700;
}
.btn:focus {
    outline: none;
    box-shadow: none !important;
}

.btn-outline-danger {
    color: #c90000 !important;
    border-color: #C90000;
}

.btn-outline-danger:hover {
    background-color: #C90000;
    border-color: #C90000;
    color: #fff !important;
}

.btn-outline-danger:hover {
    background-color: #C90000;
    border-color: #C90000;
}
.btn.btn-outline-secondary {
    color: #231f20;
    border-color: #231f20;
    font-weight: 700 !important;
}
.btn.btn-outline-secondary:hover {
    color: #fff;
}

h2.car-title {
    font-size: 4rem !important;
}

#header .btn-primary {
    color: #fff !important;
    padding: 0.4rem 1rem !important;
    width: unset !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}

.btn-secondary-outline:hover {
    background: #fff;
    color: #000 !important;
    border-color: #fff;
}

#header a.nav-link {
    font-weight: normal;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.mega-menu > .mega-current-menu-item > a,
.mega-menu > .mega-current-menu-parent > a{
    position: relative;
}
#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-item.active a.mega-menu-link:before,
#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-item a.mega-menu-link:before,
#header-menu #mega-menu-wrap-shop_menu #mega-menu-shop_menu li.mega-menu-item.active a.mega-menu-link:before,
#header-menu #mega-menu-wrap-shop_menu #mega-menu-shop_menu li.mega-menu-item a.mega-menu-link:before {
    content: "";
    display: block !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0px !important;
    margin: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 3px;
    background: transparent;
    transition: var(--global-transition);
}

#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-item >  a.mega-menu-link:before,
#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link:before,
#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link:hover:before{
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    width: 100%;
}
#header-menu #mega-menu-wrap-shop_menu #mega-menu-shop_menu > li.mega-menu-item.mega-current-menu-item >  a.mega-menu-link:before,
#header-menu #mega-menu-wrap-shop_menu #mega-menu-shop_menu > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link:before,
#header-menu #mega-menu-wrap-shop_menu #mega-menu-shop_menu > li.mega-menu-item > a.mega-menu-link:hover:before{
    background: #fff;
    width: 100%;
}
#footer-menu ul > li.current-menu-item > a,
#main_menu_container ul ul li.active > a{
    color: #C90000;
}

.new-cars-mega-menu .mega-menu-item a.mega-menu-link {
    text-align: center !important;
}
.new-cars-mega-menu .mega-menu-item a.mega-menu-link span {
    color: #C90000 !important;
    font-weight: 600 !important;
}


a:hover {
    text-decoration: none !important;
}

#footer-menu a:hover {
    color: #C90000;
}

a.nav-link {
    color: #000;
    font-weight: 700;
}

a.btn.btn-light {
    color: #c90000;
    font-weight: 700;
}

.btn-light {
    background-color: #fff;
}

.btn-primary {
    background: #C90000;
    border-color: #C90000;
    font-weight: 700;
    border: 2px solid #C90000;
    color: #fff !important;
}

.btn.btn-sm {
    min-width: auto;
    padding: .5rem 1.5rem;
    border-radius: 0;
}

.btn-secondary {
    font-weight: 700 !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #c91800;
    border-color: #c91800;
}

.btn-outline-primary {
    border-color: #000 !important;
    color: #000 !important;
    font-weight: 700 !important;
}

.btn-outline-primary:hover {
    border-color: #000 !important;
    color: #000 !important;
    background-color: transparent !important;
    font-weight: 700 !important;
}

.btn-outline-primary img {
    width: 30px;
}

.btn-secondary-outline {
    border-color: #fff;
    color: #fff;
    border: 2px solid;
    font-weight: bold;
}

a.btn.btn-secondary-outline:hover {
    color: #fff;
}

.btn.btn-link {
    color: #C90000 !important;
    font-weight: 700 !important;
}

.btn {
    padding: 0.75rem 1.5rem;
    min-width: 200px;
    color: #fff;
    border-width: 2px;
    line-height: 1rem;
}

.cta-form-wrapper .btn {
    width: 100% !important;
}

.relative {
    position: relative;
}

.dwnld-icon {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 2rem !important;
    background-image: url(../../assets/images/dwnld.png);
}

.bg-view-icon {
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15%;
}

.play-img {
    width: auto !important;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 7px 7px;
    padding-left: 3rem !important;
}

ul, ol{
    margin: 0;
    padding: 0;
}


/*UNDERLINE*/

.deal-elements .line-below:after {
    background-color: #fff;
}

.line-below:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: #000;
}

.line-below {
    position: relative;
    padding-bottom: 1rem;
}

.line {
    clear: both;
    display: block;
    height: 1px;
    width: 50px;
    background-color: #000;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
}

.red-dot {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #C90000;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%) translateY(0px) rotate(45deg);
}

.line.left {
    margin-left: unset !important;
}

/*SEARCH*/

#header-search .dgwt-wcas-suggestions-wrapp {
    right: 0;
    min-width: 350px;
    border-radius: 0 !important;
}

#header-search .dgwt-wcas-details-wrapp {
    right: 350px;
    left: unset !important;
    border-radius: 0 !important;
    border-left: 1px solid #ddd;
    border-right: none;
}

#header-search .dgwt-wcas-search-wrapp .product-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header-search .dgwt-wcas-st {
    padding-left: 35px !important;
}
#header-search span.dgwt-wcas-st span {
    font-size: .75rem;
    line-height: 1rem;
    margin-left: 0;
}

#header-search .dgwt-wcas-pd-desc {
    font-size: 0.75rem !important;
}

#header-search .dgwt-wcas-details-inner {
    padding: 25px !important;
}

#header-search .dgwt-wcas-si img {
    border-radius: 0 !important;
    width: 35px !important;
}

#header-search .dgwt-wcas-pd-image {
    border-radius: 0 !important;
    width: 65px !important;
    margin-right: 5px !important;
}

#header-search .dgwt-wcas-pd-rest {
    width: 165px !important;
}

#header-search .dgwt-wcas-pd-rest {
    font-size: .85rem !important;
}

#header-search .dgwt-wcas-pd-price ins {
    font-weight: 600;
    color: #008950;
}

#header-search .dgwt-wcas-pd-addtc {
    margin: 0 !important;
    text-align: left !important;
}

/*PAGEINATION*/

span.page-numbers.current {
    background: #008950 !important;
    border-color: #008950 !important;
}

.page-numbers {
    color: #008950;
}

.woocommerce-pagination ul li a {
    border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #008950 !important;
}

#honda-wrapper.shop .container {
    position: relative;
}

#honda-wrapper.shop .triangle-section > .container{
    position: static;
}

.woocommerce-pagination {
    position: absolute;
    bottom: -20px;
}


/*STICKY CAR MODEL*/
section#new-cars-menu.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: -56px;
    z-index: 9;
    background: #fff;
}
section#new-cars-menu {
    position: relative;
    top: 0;
    transition: 0.3s all linear;
}
#new-cars-menu.sticky .new-cars-carousel-cell:after {
    display: none !important;
}
ul.header-profile i,
.header-top i {
    color: #c90000;
    font-size: 20px;
    margin-right: .5rem;
}
.mega-cta-button {
    margin-left: .75rem !important;
}



/*TOP NAVI*/

.fixed-top-2 {
    margin-top: 55px;
}

/*MENU & MOBILE MENU*/

/*ul#mega-menu-primary_menu .mobile-menu-blocks {
  justify-content: center;
  width: 33.33% !important;
  padding: 1.25rem !important;
  background: linear-gradient(to top right, #C90000, #74121D) !important;
  border: 1px solid #fff !important;
}

ul#mega-menu-primary_menu .mobile-menu-blocks a {
  color: #fff !important;
  background-color: transparent !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}

.test-drive-icon a.mega-menu-link:before {
  content: "\f100";
  font-family: Flaticon;
  width: 25px;
  height: 25px;
  position: absolute;
}*/

.cta-button > a {
    z-index: 1 !important;
    position: relative !important;
    color: #fff !important;
    font-weight: bold !important;
}

.cta-button:after {
    content: "";
    display: block !important;
    position: absolute;
    height: 40px;
    width: 100%;
    background: #c90000;
    top: 10px;
    z-index: 0;
    left: 0;
    border-radius: 4px;
}
.cta-button.bg-green:after {
    background: #008950;
    transition: .3s all ease-in-out;
}
.cta-button.bg-green:hover:after {
    background: #009a5a;
}




#header-menu #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-item.cta-button a.mega-menu-link:before {
    display: none !important;
}

ul#mega-menu-primary_menu .mobile-menu-blocks {
    justify-content: center;
    width: 33.33% !important;
    padding: 0 !important;
    background: #00803e !important;
    border: 1px solid #fff !important;
    margin-bottom: 1rem !important;
}

ul#mega-menu-primary_menu .mobile-menu-blocks a {
    color: #fff !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    display: block !important;
    padding-top: 2.25rem !important;
    height: 5rem !important;
}

.test-drive-icon a.mega-menu-link:after {
    content: "\f100" !important;
    font-family: Flaticon !important;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    position: absolute;
    display: block !important;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.car-rent-icon a.mega-menu-link:after {
    content: "\f102" !important;
    font-family: Flaticon !important;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    position: absolute;
    display: block !important;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.dealer-icon a.mega-menu-link:after {
    content: "\f103" !important;
    font-family: Flaticon !important;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    position: absolute;
    display: block !important;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

ul#mega-menu-primary_menu .mobile-menu-blocks a:before {
    display: none !important;
}

.mega-menu-wrap{
    min-width: 100%;
    position: static !important;
}
.mega-menu.max-mega-menu{
    position: static !important;
}
.mega-menu-item > .mega-sub-menu{
    box-shadow: 0px 0px 35px -13px #000 !important;
}
ul#menu-main-menu > li {
    margin-right: 1.25rem;
}

#main_menu_container.collapse {
    display: block;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #C90000;
    color: #fff !important;
}


.navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

a.nav-link {
    font-size: 1rem;
}


.navbar-toggler {
    right: 0;
}

.navbar-toggler-icon {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
}


.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
    display: block;
    background-color: #444;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative !important;
    left: 0;
    opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute !important;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute !important;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.9;
}


.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: unset !important
}


/*HEADER*/

.page-banner .carousel-cell > .container {
    position: relative;
    z-index: 1;
}
.page-banner .carousel-cell:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.15;
    z-index: 0;
}
.wess-logo {
    position: relative;
    z-index: 1;
}
.wess-logo img{
    max-width: 225px;
}
.honda-logo img{
    max-width: 150px;
}

iframe.banner-video-link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150%;
    pointer-events: none;
}

#honda_banner .flickity-prev-next-button.previous {
    left: 1rem !important;
}

#honda_banner .flickity-prev-next-button.next {
    right: 1rem !important;
}

#honda_banner .flickity-prev-next-button {
    top: 50% !important;
    transform: translateY(-50%);
    width: 50px;
    height: auto;
}

/*BANNER SLIDER*/

.new-cars-carousel-cell .car-img {
    max-width: unset;
}

.carousel-nav .new-cars-carousel-cell p {
    margin-bottom: 0;
}

#honda_carousel .youtube-video iframe {
    position: absolute;
    top: -25%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 101%;
    height: 155%;
    border: none;
}


/*BANNER SLIDER*/

.new-cars-carousel-cell .btn-outline-secondary {
    color: #333;
    font-weight: bold;
}
.new-cars-carousel-cell .btn-outline-secondary:hover {
    color: #fff;
}
span.to-cnfg-btn {
    color: #fff !important;
    position: relative;
    font-weight: bold !important;
    padding-left: 40px;
}
.to-cnfg-btn:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/honda/wp-content/uploads/sites/2/2019/03/configicon.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.single-car .view-video:before {
    content: "\f144" !important;
    font-weight: bold;
    background-image: none;
    font-family: 'Font Awesome\ 5 Free';
    font-size: 22px;
    height: auto;
    text-align: left;
}

.new-cars-carousel-cell .button-slider .btn {
    padding: .75rem 1rem !important;
    min-width: 150px;
}
.new-cars-carousel-cell .car-img {
    max-width: unset;
}

.carousel-nav .new-cars-carousel-cell p {
    margin-bottom: 0;
}

.button-slider {
    margin-bottom: 2rem;
}

/* external css: flickity.css */

* { box-sizing: border-box; }

/* prevent vertical scroll bar glitch */
html { overflow-y: scroll; }

.carousel {
    background: none;
    width: 100%;
}
.flikity-carousel > .carousel-cell:not(:first-child){
    display: none;
}
.page-banner .carousel-cell {
    min-height: calc( 100vh - 245px );
    max-height: 714px;
    position: relative;
    z-index: 0;
}

.page-banner-simple .carousel-cell {
    height: 500px;
    min-height: 500px;
    max-height: 500px;
}

.page-banner.smaller-height .carousel-cell{
    min-height: unset;
    height: 500px;
}
.page-banner .carousel .carousel-cell{
    display: none;
}
.page-banner .carousel .carousel-cell:first-child{
    display: block;
}
.page-banner .carousel.flickity-enabled .carousel-cell{
    display: block;
}
.carousel-cell {
    width: 100%;
    counter-increment: gallery-cell;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-banner .carousel-cell {
    height: 500px;
}

.carousel-small {
    width: 75%;
    height: auto;
    margin: 0 7.5px;
    display: block !important;
    border: 1px solid #dee2e6;
}

/*.tab-content {
  padding: 1rem .5rem;
}*/
.tab-content{
    width: 100%;
}

.flickity-page-dots {
    bottom: 40px !important;
}

li.dot.is-selected {
    background: #a01221 !important;
}

.flickity-page-dots .dot {
    background: #fff !important;
}

/*DEALS*/

#below_banner #form.deal-form {
    border: none;
    border-top: 7px solid #C90000;
    box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 5px;
}

#below_banner_text {
    font-weight: bold;
    position: relative;
    top: 400px;
}

#below_banner {
    position: relative;
    top: -400px;
    height: 220px;
    z-index: 1;
}

#below_banner.custom {
    height: 60px;
}

#below_banner_text strong {
    color: #C90000;
}

.deal-container {
    position: relative;
    overflow: hidden;
}

.deal-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.deal-container > a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.deal-container img, .carousel-cell img, .sub-category img, .mini-product img {
    transform: scale(1);
    transition: var(--global-transition);
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: -1;
}

.deal-container .deal-elements {
    color: #fff;
    position: absolute;
    padding: 1rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.deal-container .deal-elements .price{
    color: #fff;
}
.deal-elements .deal-title {
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #000;
}

.deal-container:hover img {
    transform: scale(1.1);
}

.deal-container:hover .btn {
    background-color: #C90000;
    border-color: #C90000;
}

.btn-deal {
    min-width: auto;
    background-color: rgba(255, 255, 255, 0.50);
    border-color: transparent;
}

.wess-normal-carousel .flickity-prev-next-button.previous {
    left: 30px !important;
    z-index: 2;
}

.wess-normal-carousel .flickity-prev-next-button.next {
    right: 30px !important;
    z-index: 2;
}

.wess-normal-carousel .flickity-prev-next-button.previous,
.wess-normal-carousel .flickity-prev-next-button.next {
    fill: #fff;
}
.single-car .wess-normal-carousel:before, .single-car .wess-normal-carousel:after {
    display: none;
}

.single-car #colors li.cnfg_item_add {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    position: relative;
}
.single-car #colors li.cnfg_item_add a{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.single-car section#colors {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/gear.png);
    background-repeat: no-repeat;
    background-position: center;
}


.wess-normal-carousel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    z-index: 1;
}

.wess-normal-carousel:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    z-index: 1;
}

/*VIDEO POPUP*/

.modal-dialog {
    max-width: 1280px !important;
}
.modal-content,
#wess_widgets_popup .popup{
    box-shadow: 0px 0px 100px #000;
}

.modal-body {
    position:relative;
    padding:0px !important;
}
.close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color: transparent !important;
    opacity:1;
}


/*NEW CARS SLIDER*/

.carousel-nav:not(#cars-inner-select) .gradient-btn.is-selected,
#cars-inner-select .is-forced-selected {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    transition: background-size .1s, background-color .10s;
}
.carousel-nav:not(#cars-inner-select) .gradient-btn.is-selected p,
.carousel-nav:not(#cars-inner-select) .gradient-btn.is-selected span,
#cars-inner-select .is-forced-selected p,
#cars-inner-select .is-forced-selected span {
    color: #fff !important;
}

#new-cars-inner .gradient-btn:hover p,
#new-cars-menu .gradient-btn:hover span,
#new-cars-menu .gradient-btn:hover p {
    color: #fff;
}

#new-cars-inner .gradient-btn {
    padding: 5px;
}

#new-cars-inner .is-selected:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #bd0808fa;
}

.gradient-btn {
    background-color:#fff;
    color:#000;
    font-size:15px;
    padding:10px;
    text-align:center;
    transition: background-color .5s;
    width:300px;
}

.gradient-btn:hover {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    transition:background-size .1s, background-color .10s;
}

.gradient-btn:active {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    transition:background-size 0;
}

#new-cars .flickity-page-dots .dot {
    background: #C90000 !important;
}

#new-cars .flickity-page-dots {
    position: relative !important;
    margin: 1.5rem 0;
    margin-top: 2rem;
}


/* external css: flickity.css */

section#new-cars-menu a {
    color: #000;
}

#new-cars-menu .flickity-viewport {
    overflow: unset !important;
    width: 100%;
}


.new-cars-carousel-cell {
    width: 100%;
    height: 650px;
    counter-increment: carousel-cell;
}


.carousel-nav .new-cars-carousel-cell {
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    /* transition: var(--global-transition); */
    font-size: 1rem;
    padding-top: 0;
}

#new-cars-menu .new-cars-carousel-cell img,
.single-car #cars-inner-select .new-cars-carousel-cell.is-selected img
{
    width: 100%;
    opacity: .5;
}

#new-cars-menu .new-cars-carousel-cell.is-selected img,
#cars-inner-select .is-forced-selected img {
    opacity: 1;
}

#cars-inner-select .is-forced-selected img{
    opacity: 1 !important;
}

#new-cars-menu .new-cars-carousel-cell:hover img {
    opacity: 1 !important;
}

.carousel-nav .new-cars-carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

#new-cars-menu span, #new-cars span, #contact-us span,
#popup-testdrive .wpforms-image-choices-modern span {
    color: #C90000;
    font-weight: 600;
}
#new-cars .car-title {
    color: #c90000;
}
#new-cars .car-title span {
    color: #231f20;
    font-weight: normal;
}

#new-cars .container-fluid:before {
    content: "";
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    position: absolute;
    width: 800px;
    right: -35%;
    height: 800px;
    transform: rotate(32deg);
    top: -130px;
    z-index: -2;
}

#new-cars .container-fluid:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 350px;
    right: -18%;
    height: 400px;
    transform: rotate(32deg);
    top: 55px;
    z-index: -1;
}

.carousel-nav:not(#cars-inner-select) .new-cars-carousel-cell.is-selected:after,
#cars-inner-select .is-forced-selected:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #af0509;
}


#new-cars-menu .new-cars-carousel-cell:hover:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #af0509;
}

#new-cars-menu .new-cars-carousel-cell:hover p {
    color: #fff;
}

#new-cars-menu .new-cars-carousel-cell:hover span,  {
    color: #fff !important;
}

#new-cars .container-fluid {
    overflow: hidden;
}

.shadow {
    box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.25);
}

/*OFFICIAL SERVICE*/

#official-service {
    height: 450px;
}

.working-hours {
    list-style: none;
    color: #fff;
    line-height: .75;
    padding-left: 1.5rem !important;

}

.working-hours li {
    margin-bottom: .75rem;
}


section#official-service p {
    margin-bottom: 3rem;
}

/*CONTACT US*/
.contact-page-title h1 {
    font-size: 3rem;
}

#honda-contacts-tabs > li,
#wess-find > li {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

/*div#myTabContent {
  padding-top: 1rem;
}*/

div#myTabContent a {
    color: #fff;
}

.contact-service {
    border-bottom: none !important;
}

.contact-service a {
    color: #fff !important;
    background-color: transparent !important;
    padding: .25rem .75rem;
    font-size: 14px;
}

ul#myTab span {
    color: #fff;
    text-align: left;
    font-size: .75rem;
    display: block;
}
@media (max-width: 1199px) {
    ul#myTab span {
        font-size: 10px;
    }
}
#find-us .contact-tab-maps a {
    padding: .25rem .75rem !important;
    min-height: 53px;
}

@media (min-width: 768px) {
    #find-us .contact-tab-maps a {
        min-height: 59px;
    }
}

#find-us .contact-tab-maps a p {
    font-size: 9px !important;
}
.terms-of-use label {
    font-size: .8rem;
    cursor: pointer;
    margin-bottom: .25rem;
}

.contact-service .nav-link.active {
    border-bottom: 2px solid #fff !important;
}

.contact-service .nav-link.active:hover {
    border-bottom: 2px solid #fff !important;
}

.form-control {
    line-height: 8px !important;
}

.cta-block img {
    width: 35px !important;
    display: inline-flex;
    vertical-align: middle;
}

section#honda-power:before {
    content: "";
    width: 800px;
    height: 800px;
    position: absolute;
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    right: 0;
    left: 65%;
    bottom: 45px;
    transform: rotate(65deg);
    z-index: -1;
}

section#honda-power:after {
    content: "";
    background-color: #fff;
    width: 600px;
    height: 600px;
    left: 71%;
    position: absolute;
    transform: rotate(65deg);
    bottom: 170px;
    z-index: -1;
}

a#nav-testdrive-tab.active:after {
    content: "";
    position: absolute !important;
    transform: translateX(-50%);
    left: 25% !important;
    top: 60px !important;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #C90000;
}

a#nav-service-tab.active:after {
    content: "";
    position: absolute !important;
    transform: translateX(-50%);
    left: 75% !important;
    top: 60px !important;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #C90000;
}

.working-hours span {
    color: #fff !important;
}

.contact-form-border .nav-tabs .active {
    background-color: #C90000 !important;
    font-weight: 700;
    color: #fff;
    border: none;
}

.cta-form-wrapper .nav-tabs {
    color: #1A1A1A;
    font-weight: 700;
    border-bottom: none;
    display: flex;
    justify-content: space-between;

}

.cta-form-wrapper .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: 50%;
}

.modal-dialog.popup-800{
    max-width: 800px !important;
}

.cta-form-wrapper .nav-tabs a {
    border-radius: 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1;
    position: relative;
}
.cta-form-wrapper .nav-tabs a:not(.active):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e0e0e0;
}

.form-control:focus {
    color: #1A1A1A !important;
    background-color: #fff;
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
    border-bottom: 1px solid #008950 !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: unset !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#contact-us .contact.new-cars-carousel-cell img {
    width: 200px;
}

.contact.new-cars-carousel-cell:before {
    content: "";
    background-color: #fff;
    opacity: .75;
    width: 100%;
    height: 100%;
    position: absolute;
}

.contact.new-cars-carousel-cell.is-selected:before {
    display: none;
}

.contact.new-cars-carousel-cell.is-selected img {
    border: 1px solid #C90000;
    border-radius: 0;
}

.flickity-prev-next-button.previous, .flickity-prev-next-button.next {
    position: absolute !important;
    background-color: transparent;
    border: none;
    cursor: pointer;
    fill: #C90000;
    width: 30px;
    height: 30px;
    z-index: 1;
    padding:  0;
}

.flickity-prev-next-button.previous {
    left: 0px !important;
    top: 50%;
    transform: translateY(-50%);
}

.flickity-prev-next-button.next {
    right: 0px !important;
    top: 50%;
    transform: translateY(-50%);
}

/* .required:after {
 content:" *";
 color: #C90000;
} */


a#nav-testdrive-tab.white-icon.active {
    background-image: url(../../assets/images/testdrive-white.png);
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
    color:  #fff;
}

a#nav-testdrive-tab.white-icon {
    background-image: url(../../assets/images/testdrive-black.png);
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
}

a#nav-service-tab.white-icon.active {
    background-image: url(../../assets/images/service-white.png);
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
}

a#nav-service-tab.white-icon {
    background-image: url(../../assets/images/service-black.png);
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
}

a#nav-testdrive-tab, a#nav-service-tab {
    font-size: 1rem !important;
}




.nav-tabs .nav-link:hover {
    border: none !important;
}

.nav-tabs .nav-link {
    border: none !important;
}

div#nav-home, div#nav-profile {
    padding: 1rem 2.5rem;
}



#contact-us .form-row label {
    color: #969696;
    font-size: .8rem;
}

#ctaform{
    position: relative;

}
#ctaform > .bg-white {
    border-radius: .25rem;
    box-shadow: 0px 0px 35px -13px #000;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

#contact-us {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
}

#contact-us .nav-tabs a{
    height: 50px;
}

#contact-us .contact-info span {
    font-weight: 700;
}

a#nav-testdrive-tab, a#nav-service-tab {
    padding: 1.25rem;
}

a#nav-testdrive-tab img, a#nav-service-tab img {
    width: 40px;
}

.contact-info p {
    margin-bottom: .75rem;
    padding-left: 0;
}

.contact-info img {
    width: 25px;
}
.new-car-img{
    width: auto !important;
}
#get_car_offer .new-car-img{
    max-width: 250px !important;
}

.test-drive-form img {
    width: auto;
}

.cta-icon {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 30px;
    margin-bottom: 0;
    padding-left: 2rem;
}

.contact-us-icon {
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center left;
    padding-left: 2rem;
    color: #fff !important;
}

.working-hours p {
    color: #fff !important;
}



/*CAR OFFER*/

#nav-new-cars, #nav-used-cars {
    width: 25%;
    display: flex;
    justify-content: center;
}



#car-offer .nav-item.nav-link {
    border-bottom: 5px solid #ddd !important;
    color: #ddd;
}


#car-offer .nav-item.nav-link.active {
    border-bottom: 5px solid #c90000 !important;
    color: #000;
}

#car-offer .tab-content span {
    color: #c90000;
    font-weight: bold;
}

#car-offer .tab-content .count {
    font-weight: normal;
    color: inherit;
}

#car-offer .tab-content p {
    font-weight: bold;
}

#car-offer .tab-content img {
    width: 100%;
}

a.see-more-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #c90000;
    color: #fff;
    padding: .5rem 3rem;
    border-radius: 3px;
    opacity: 0;
    z-index: 2;
    transition: .3s all linear;
}

a.see-more-btn.black {
    background-color: #000;
}


.hover-btn:hover a.see-more-btn {
    opacity: 1;
}

#nav-usedcars .hover-btn:hover .btn-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
    z-index: 1;
}

.all-cars {
    padding: 3.5rem 2rem;
    overflow: hidden;
}

.used-car-text {
    position: absolute;
    bottom: 20px;
    margin-left: 1rem;
    z-index: 1;
}


/*.hover-btn:hover .btn-overlay {
  transform: scale(1.08);
}*/

.hover-btn:hover img {
    opacity: .3;
    transition: .3s all linear;
}

.hover-btn .btn-overlay {
    transition: .3s all linear;
}

#car-offer .car-price, #car-offer .car-sale {
    font-weight: normal !important;
    margin-bottom: .25rem;
    z-index: 1;
    line-height: 1;
}

#car-offer p.car-sale {
    font-size: 12px;
    text-decoration: line-through;
}

#car-offer h4 {
    font-weight: 600 !important;
    margin-bottom: .25rem;
}

.right-decoration:before {
    content: "";
    position: absolute;
    width: 800px;
    height: 600px;
    left: 99%;
    transform: rotate(130deg);
    bottom: 0;
    z-index: -1;
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
}

.right-decoration:after {
    content: "";
    position: absolute;
    width: 800px;
    height: 600px;
    background: #fff;
    left: 155%;
    transform: rotate(130deg);
    bottom: 20px;
    z-index: -1;
}

/*HONDA SERVICE*/

#honda-service .nav-item.nav-link, .custom-tabs .nav-tabs .nav-item .nav-link{
    border-bottom: 3px solid #ddd !important;
    color: #ddd;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

#honda-service .nav-item.nav-link.active, .custom-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #c90000 !important;
    color: #000;
}

#honda-service .tab-content img {
    width: 100%;
    max-width: unset;
    height: 400px;
    object-fit: cover;
}

#our-specialists [class^="flaticon-"]:before, #our-team [class^="flaticon-"]:before {
    color: #c90000;
    margin-right: .5rem;
}

.arrow-decoration.akcija:before {
    display: none;
}

.arrow-decoration.akcija:after {
    left: 50% !important;
    transform: rotate(45deg) translateX(-50%) !important;
    bottom: 72px !important;
}

.name-position {
    color: #4d4d4d;
}

.specialists-contact {
    color: #000;
    line-height: 1.2;
}

.img-icon {
    width: 40px !important;
}

#honda-service-title.triangle-section {
    min-height: 255px;
}


/*FIND US*/

#wess-find-tabs a {
    color: #000;
}

div#map, #map-bergi {
    position: absolute;
    height: 350px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.map-tab{
    height: 100%;
    min-height: 300px;
}

#find-us [class^="flaticon-"]:before {
    font-size: 20px;
    color: #c90000;
    font-weight: 600;
    margin-left: 0;
}

#find-us .social-icons li {
    margin-right: 2rem;
}

#find-us .social-icons {
    margin-bottom: 2rem;
}
#find-us ul li:before {
    background: #c90000;
    left: 2px;
}
#find-us .fab {
    font-size: 2rem;
    color: #c90000;
}

#find-us .tab-content p {
    color: #000 !important;
}

#find-us .tab-content span {
    color: #000 !important;
    font-weight: 600;
}

#find-us .nav-item .nav-link {
    border-bottom: 3px solid #ddd !important;
}

#find-us .nav-item a {
    color: #ddd !important;
}

#find-us .nav-item .nav-link.active {
    border-bottom: 3px solid #C90000 !important;
    color:  #000 !important;
}

#find-us .nav-link p {
    font-size: 10px;
}

/*HONDA POWER*/
div#widget_aizdevums iframe#widget_aizdevums_iframe {
    border: none !important;
}
h1.woocommerce-products-header__title.h2 {
    font-size: 2rem !important;
}
label#idResult span {
    font-size: 16px;
}

#cta {
    background-position: right;
}

.img-full {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    height: auto;
}

.btn-link-left {
    text-align: left !important;
}

/*.triangle:after {
content: "";
width: 662px;
height: 330px;
background: #fff;
position: absolute;
left: 68%;
transform: rotate(70deg);
}

.triangle.right:after {
  width: 300px;
  height: 800px;
  transform: rotate(20deg);
  left: -115px;
  bottom: -25px;
}*/

.triangle-section {
    min-height: 550px;
    align-items: center;
    display: flex;
}

.triangle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-top: 550px solid #fff;
    border-left: 100px solid transparent;
}

.triangle.right:after {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 100px solid transparent;
}

.triangle {
    max-width: calc(50% + 50px);
}

.triangle.right {
    left: auto;
    right: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.text-area {
    z-index: 1;
}

.view-video {
    position: absolute;
    font-weight: 700;
    border-radius: 5px;
}

.view-video.black {
    left: 42%;
    color: #fff !important;
    background: #000;
    border: none;
    padding: 1rem 1rem 1rem 3.5rem !important;
    background-repeat: no-repeat;
    background-size: 35px;
    width: auto !important;
    background-position: 5% 50% !important;
}

.view-video:hover {
    background-color: #c90000 !important;
}

.view-video.red {
    left: 47%;
}

.play-img {
    background-image: url(../../assets/images/play.png) !important;
    display: inline-flex;
    width: 35px;
    margin-right: .7rem;
}


/*FIND US*/

section#find-us .contact-us-icon {
    padding-left: 0;
    display: flex;
    align-items: center;
}
section#find-us .contact-us-icon i {
    margin-right: 0.5rem;
}
section#find-us ul li:before {
    background: #c90000;
}
section#find-us ul:not(.social-icons) li {
    padding-left: 28px;
}

/*CTA ROW*/

section#cta-honda-official {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
}

img.cta-car-img {
    position: absolute;
    width: 380px;
    right: -90%;
    bottom: -135px;
    max-width: unset;
}

img.cta-akcijas-img {
    position: absolute;
    width: 275px;
    right: 25%;
    bottom: -135px;
    max-width: unset;
}

.arrow-decoration:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #fff;
    position: absolute;
    transform: rotate(45deg) translateX(-25%);
    left: 30%;
    top: 90px;
}

.arrow-decoration:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: #fff;
    left: 68%;
    transform: rotate(45deg) translateX(-75%);
    bottom: 65px;
}


/*FOOTER*/

#footer-menu{
    color: #58595b;
}

.payment-methods i{
    margin-right: 0.5rem;
}
.shipping-methods img {
    height: 24px;
    width: auto;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.toggle-footer-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: right;
}

.toggle-footer-menu.active i {
    transform: rotate(45deg);
    line-height: normal;
    transition: .3s all linear;
}

.toggle-footer-menu i {
    transition: .3s all linear;
}

.footer-info {
    display: flex;
    margin: 0;
    list-style: none;
    align-items: center;
    padding-left: 0;
    justify-content: center;
}

#footer span {
    color: #969696;
}

.footer-top a, .footer-profile a {
    margin-right: 1rem;
}

#footer-top-menu a, #footer-menu a {
    color: #000;
    display: flex;
    align-items: center;
    line-height: 2;
}

#footer-menu .line.left {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#footer-menu ul {
    margin-bottom: 1rem;
    list-style: none;
}



/*WIDGETS*/

#wess_widgets {
    position: fixed;
    bottom: 22px;
    right: 22px;
    z-index: 9999999999;
}
#wess_widgets .wess-widget {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: bottom 0.3s ease;
}
#wess_widgets .wess-widget:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../../assets/images/widget-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

#wess_widgets .wess-widget.widget-0:before {
    background-image: url(../../assets/images/widget-bg-active.png) !important;
}



#wess_widgets .wess-widget.hover:before,
#wess_widgets .wess-widget:hover:before{
    background-image: url(../../assets/images/widget-bg-active.png);
}


#wess_widgets .widget-0 {
    background-image: url(../../assets/images/testdrive-white.png);
    bottom: 120px;
}

#wess_widgets .widget-1 {
    background-image: url(../../assets/images/serviss.png);
    bottom: 60px;
}

#wess_widgets .widget-2 {
    background-image: url(../../assets/images/chats.png);
    bottom: 0px;
}

#wess_widgets .widget-3 {
    background-image: url(../../assets/images/zvans.png);
    bottom: 0;
}

#wess_widgets .wess-widget.active {
    background-image: url(https://www.wess-select.lv/wp-content/themes/wess-select/assets/images/icons/close.png);
    bottom: 0;
}
#wess_widgets .wess-widget.inactive {
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}
#wess_widgets .wess-widget>span {
    position: absolute;
    right: 22px;
    top: 1px;
    color: #fff;
    background: #009a5a;
    padding: 18px;
    height: 48px;
    line-height: 1;
    border-radius: .25rem;
    width: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: var(--global-transition);
    z-index: -2;
    overflow: hidden;
}
#wess_widgets .wess-widget>span>span{
    width: 200px;
    display: block;
}
/* #wess_widgets .wess-widget > span:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #008950;
} */
#wess_widgets .wess-widget:hover>span,
#wess_widgets .wess-widget.hover>span {
    opacity: 1;
    visibility: visible;
    right: 22px;
    padding: 18px;
    width: 200px;
}
.custom-wess-widget {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    right: 18px;
    bottom: 0;
    width: 318px;
    transition: var(--global-transition);
}
.custom-wess-widget.active {
    bottom: 96px;
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 9999;
}
.custom-wess-widget .shadow {
    box-shadow: 0 0 250px 250px rgba(0,0,0,.25);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.custom-wess-widget .widget {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.07);
    background: #fff;
}
.custom-wess-widget .widget-header {
    background: #008950;
}
.custom-wess-widget .small {
    margin-bottom: 0;
    font-size: .75rem;
    margin-bottom: .25rem;
}
#small_map {
    width: 100%;
    height: 150px;
}
#map-widget-tabs {
    display: flex;
    border-top: 1px solid #fff;
}
#map-widget-tabs a {
    padding: 0.75rem;
    max-width: 50%;
    flex: 0 0 50%;
    color: #333;
    line-height: 1.25;
}
#map-widget-tabs a.active {
    color: #fff;
    background: #008950;
    position: relative;
}
#map-widget-tabs a span {
    display: block;
    font-size: 0.6rem;
    margin: 0;
}
#crisp-chatbox>div>div {
    bottom: 96px!important;
}
#crisp-chatbox {
    display: block !important;
}


#wess_widgets .wess-widget.widget-mobile{
    display: none;
}
#wess_widgets .wess-widget.widget-mobile.this-active:before{
    background-image:  url(../../assets/images/widget-bg.png);
}
#wess_widgets .wess-widget.widget-mobile.this-active:after{
    display: none;
}
#wess_widgets .wess-widget.widget-mobile:after {
    content: "+";
    color: #fff;
    font-size: 2rem;
    text-align: center;
    display: block;
    line-height: 54px;
    font-weight: 300;
}
#wess_widgets .wess-widget.widget-mobile.this-active{
    background-image: url(https://www.wess-select.lv/wp-content/themes/wess-select/assets/images/icons/close.png);
}

.btn-green{
    background: #008950 !important;
    border-color: #008950 !important;
    color: #fff !important;
}
.btn-green:hover{
    background: #231f20 !important;
    border-color: #231f20 !important;
}
.btn-green:focus{
    box-shadow: 0 0 0 0.2rem rgba(0, 137, 80, 0.5);
}

/*FORMS*/

.g-recaptcha[data-size="invisible"] {
    display: none;
}

.wpforms-field-sublabel {
    display: none;
}


.service-type-form .wpforms-field-label-inline {
    padding-left: 3rem !important;
    padding: 1rem 0;
    margin-bottom: 0;
    margin-right: 0 !important;
    display: block;
    cursor: pointer;
}

.service-type-form li {
    width: 25%;
    border-bottom: 1px solid #333;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: -1px;
}

.service-type-form label:before,
.service-type-form label:after {
    display: none;
}


.service-type-form li.wpforms-selected {
    border-bottom: 4px solid #C90000;
}

.service-type-form li.choice-1 {
    background-image: url(/wp-content/uploads/sites/2/2018/10/grey-cog.png);
}
.service-type-form li.choice-2 {
    background-image: url(/wp-content/uploads/sites/2/2018/10/diagnostika-grey.png);
}
.service-type-form li.choice-3 {
    background-image: url(/wp-content/uploads/sites/2/2018/10/detailing-grey.png);
}
.service-type-form li.choice-4 {
    background-image: url(/wp-content/uploads/sites/2/2018/10/plane-grey.png);
}

.service-type-form li.choice-1.wpforms-selected {
    background-image: url(/wp-content/uploads/sites/2/2018/10/red-cog.png) !important;
}
.service-type-form li.choice-2.wpforms-selected {
    background-image: url(/wp-content/uploads/sites/2/2018/10/diagnostika-red.png) !important;
}
.service-type-form li.choice-3.wpforms-selected {
    background-image: url(/wp-content/uploads/sites/2/2018/10/detailing-red.png) !important;
}
.service-type-form li.choice-4.wpforms-selected {
    background-image: url(/wp-content/uploads/sites/2/2018/10/plane-red.png) !important;
}

.wpforms-field-date-time .wpforms-one-half:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
}

.wpforms-field-date-time .wpforms-one-half.wpforms-first:before {
    background-image: url(/wp-content/uploads/sites/2/2018/10/calendar-grey.png);
}

.wpforms-field-date-time .wpforms-one-half:before {
    background-image: url(/wp-content/uploads/sites/2/2018/10/time-grey.png);
}

.wpforms-field .wpforms-datepicker, .wpforms-field .wpforms-timepicker {
    padding-left: 2.5rem !important;
}

#cta-honda-official a.trigger-test-drive.btn {
    background: #231f20 !important;
    color: #fff !important !important;
    font-weight: bold !important;
}
#cta-honda-official a.trigger-test-drive.btn:hover {
    background: #c90000 !important;
    color: #fff !important;
}


/* WPFORMS */

.wpforms-field input:not([type=checkbox]):not([type=radio]),
.wpforms-field select:not([type=checkbox]):not([type=radio]) {
    height: 40px;
}

.label_animation .wpforms-field-label,
.multi-step-form .last .wpforms-field-label {
    position: absolute;
    top: 10px;
    left: 12px;
    transition: var(--global-transition);
    z-index: 2;
}
.label_animation .wpforms-field,
.multi-step-form .last .wpforms-field {
    position: relative;
}
.label_animation .focused label,
.multi-step-form .focused label {
    top: -8px !important;
    left: 8px !important;
    font-size: 10px;
    color: #333;
    opacity: 1;
    z-index: 2;
}
.form-car-carousel label {
    position: relative !important;
    top: 0 !important;
}
.airport_service .wpforms-field:first-child label {
    position: relative;
    top: 0 !important;
    font-size: small;
}
.form-car-carousel {
    margin: 2rem 0 !important;
}
.form-car-carousel li {
    height: 220px !important;
}
.new-cars-carousel-cell .car-img {
    max-width: 800px;
}
.show-popup {
    z-index: 9999;
}

.popup .wpforms-form{
    position: static;
}
.multi-step-form > .wpforms-form{
    position: relative;
}
.wpforms-pagebreak-left{
    display: flex;
    justify-content: space-between;
}
.wpforms-page-next,
.wpforms-page-prev,
.wpforms-submit   {
    margin-top: 1.5rem !important;
    display: inline-flex;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: .75rem;
    font-weight: bold;
    width: 250px;
    justify-content: center;
    margin-right: 1rem;
    cursor: pointer;
    line-height: 1rem;
    border: 2px solid #000;
    transition: var(--global-transition);
}
.wpforms-page-prev{
    color: #000;
    background-color: transparent;
    border-color: transparent;
    width: auto;
}
.wpforms-page-next,
.wpforms-submit{
    margin-right: 0;
}
.wpforms-container.multi-step-form .wpforms-submit-container {
    position: absolute;
    bottom: 0;
    right: 0;
}
.wpforms-page-next:hover,
.wpforms-submit:hover{
    background-color: #C90000;
    border-color: #C90000;
}

.clear-both {
    clear: both;
}

.wpforms-field > ul {
    list-style-type: none;
}

.wpforms-field > label,
.terms-of-use label {
    color: #969696;
    font-size: .8rem;
    cursor: pointer;
    margin-bottom: 0.5rem;
}
.wpforms-error{
    font-size: 0.65rem;
}

.wpforms-error-container {
    margin-top: 5rem;
    margin-bottom: -3rem;
}
.wpforms-error,
.wpforms-error-container{
    color: red !important;
}
.wpforms-required-label{
    color: #C90000;
}
.wpforms-label-hide{
    display: none !important;
}
.wpforms-field{
    display: block;
    margin-bottom: 1.5rem;
    clear: both
}
.wpforms-field > ul{
    list-style-type: none;
}
.wpforms-list-inline > ul > li{
    display: inline-block;
}
.wpforms-list-2-columns > ul > li{
    width: 50%;
    display: inline-block;
}
.wpforms-one-half{
    width: 48%;
    float: left;
    margin-left: 4%;
    clear: right;
}
.wpforms-one-half.wpforms-first{
    margin-left: 0;
    clear: none;
}
div.wpforms-container .wpforms-form .wpforms-field-row:after {
    clear: both;
    content: " ";
    display: table;
}
.wpforms-field input:not([type=checkbox]):not([type=radio]):focus,
.wpforms-field select:focus,
.wpforms-field textarea:focus {
    color: #1A1A1A !important;
    background-color: #e0e0e0;
    border-radius: 4px !important;
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
    border-bottom: none;
}

.wpforms-field input:not([type=checkbox]):not([type=radio]),
.wpforms-field select,
.wpforms-field textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e0e0e0;
    background-clip: padding-box;
    border: none !important;
    border-radius: 4px !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.wpforms-field-radio input,
.wpforms-field-checkbox input{
    display: none;
}
.wpforms-field-radio:not(.form-tabs):not(.form-car-carousel) ul li label,
.wpforms-field-checkbox ul li label.wpforms-field-label-inline{
    position: relative;
    padding-left: 1.5rem;
    line-height: 1rem;
    margin-right: 1.5rem;
}
.wpforms-field-radio:not(.form-tabs):not(.form-car-carousel) ul li label:before,
.wpforms-field-checkbox ul li label.wpforms-field-label-inline:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: 1px solid #333;
}
.wpforms-field-radio:not(.form-tabs):not(.form-car-carousel) ul li input:checked + label:after,
.wpforms-field-checkbox ul li input:checked + label:after{
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background: #C90000;
}


.form-tabs {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0;
}
.form-tabs ul input {
    display: none;
}
.form-tabs ul label {
    margin: 0;
    padding: 1.25rem;
    cursor: pointer;
    font-size: 1rem !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #333;
    color: #C90000 !important;
}
.form-tabs ul label:hover{

}
.form-tabs ul label{
    background-image: url(../../assets/images/testdrive-black.png);
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
}
.form-tabs ul .choice-2 label{
    background-image: url(../../assets/images/service-black.png);
}

.form-tabs .wpforms-selected > label {
    background-color: #C90000 !important;
    color: #fff !important;
    position: relative;
    background-image: url(../../assets/images/testdrive-white.png);
}
.form-tabs .wpforms-selected.choice-2 > label{
    background-image: url(../../assets/images/service-white.png);
}
.form-tabs .wpforms-selected > label:after,
#map-widget-tabs a.active:after{
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -19px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #C90000;
    z-index: 1;
}
#map-widget-tabs a.active:after{
    border-top: 20px solid #008950;
}
.form-car-carousel .flickity-viewport:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    z-index: 1;
}
.form-car-carousel .flickity-viewport:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    z-index: 1;
}
.form-car-carousel ul {

}
.form-car-carousel li {
    width: 200px;
    height: 135px;
    float: left;
    display: block;
    margin-right: 1rem;
    text-align: center;
    opacity: 0.5;
}
.form-car-carousel li.is-selected{
    opacity: 1;
}
.form-car-carousel li.is-selected img{
    border: 1px solid #C90000;
}
.form-car-carousel label{
    display: block;
    margin: 0;
}
.form-car-carousel label span span{
    font-weight: normal !important;
    color: #1A1A1A !important;
}
.form-car-carousel img {
    width: 100%;
    border: 1px solid #fff;
}
.form-car-carousel input{
    display: none;
}


/*POPUP*/
.closePopup {
    text-align: right;
    color: #fff;
    font-size: 24px;
}
.closePopup i {
    cursor: pointer;
}
#popup-car-wrapper, #popup-wrapper {
    z-index: 9999999999;
}

.popup h2 {
    font-size: 4rem;
    line-height: 1;
    font-weight: 600;
}

.popup p:not(.small) {
    font-size: 2rem;
}

.popup .popup-btn .btn {
    padding: 1.25rem 2.5rem!important;
    font-size: 1.5rem;
}

.show-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
}

.popup.show {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
}

#wess_widgets_popup .popup {
    border: none;
    height: auto;
    max-width: 800px;
    width: 90%;
    overflow: hidden;
    border-radius: 0.25rem;
    max-height: 96%;
}

.popup {
    opacity: 0;
    max-width: 1370px;
    width: 80%;
    max-height: 900px;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-position: center center;
    transform: translateX(-50%) translateY(-25%);
    transition: var(--global-transition);
    border: 2px solid #fff;
}

.popup:not(.bg-white):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(0,0,0,.25);
}

.popup .close {
    color: #fff;
    z-index: 3;
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.popup .close a {
    color: #fff;
}

.popup .popup-content {
    position: relative;
}

.popup .popup-logo {
    top: 0;
}

.popup .popup-logo, .popup .popup-text, .popup .popup-btn {
    position: absolute;
    width: 100%;
    left: 0;
}

.popup .popup-text {
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.5);
}

.popup .popup-logo img {
    height: 25px;
    width: auto;
}

.popup .popup-btn {
    bottom: 0;
}

.popup .popup-btn .btn {
    padding: 1.25rem 2.5rem!important;
    font-size: 1.5rem;
}

.popup .popup-btn .close-button {
    text-shadow: 1px 1px 0 #000;
    display: block;
    margin-top: 1rem;
    font-size: 1.25rem;
    font-style: italic;
    cursor: pointer;
}

/*POPUP "PIETEIKT LĪZINGU"*/

#popup-car-wrapper .popup {
    max-width: 1000px;
    height: auto;
}

.popup .car-form-popup p {
    font-size: 1rem;
}

#popup-car-wrapper .popup .close a {
    color: #58595b;
    font-size: 1.5rem;
}

#popup-car-wrapper .car-main-info:after {
    display: none;
}

#popup-car-wrapper .popup .car-form-popup .wess_service_form .wpforms-submit {
    position: relative;
    display: block !important;
    float: right;
    width: auto;
}


/*JAUNI AUTO PAGE*/


.test-drive .btn-secondary {
    width: auto !important;
}

i.flaticon-brochure {
    margin-right: .5rem;
}

.img-gallery {
    height: 700px;
    object-fit: cover;
}

.img-gallery-small {
    height: 200px;
    object-fit: cover;
}

.img-gallery-medium {
    height: 300px;
    object-fit: cover;
}

.img-gallery-half {
    height: 142px;
    object-fit: cover;
}

.bottom-img {
    height: 436px;
    object-fit: cover;
}

.top-img {
    height: 248px;
    object-fit: cover;
}

#about-us [class^="flaticon-"]:before {
    font-size: 50px;
    border: 2px solid #c90000;
    color: #c90000;
    border-radius: 50%;
    padding: 1rem;
    margin-left: 0;
}

#specifications .dwnld {
    color: #c90000;
    font-weight: bold;
    display: inline-block;
}

#specifications .tab-content a:not(.btn) {
    color: #c90000;
}

#specifications .nav-item .nav-link.active {
    border-bottom: 3px solid #C90000 !important;
    color: #000 !important;
}

#specifications .nav-item .nav-link {
    border-bottom: 3px solid #ddd !important;
}

#specifications .nav-tabs {
    border-bottom: none;
}

/* external css: flickity.css */

.carousel-cell-test-drive {
    width: 100%;
    height: 200px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell;
}

.carousel-cell-test-drive img {
    display: flex;
    align-items: center;
}

p.slider-car-title {
    position: absolute;
    top: 6%;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
}

/*.bottom-decoration:before {
  content: "";
  width: 800px;
  height: 800px;
  background: linear-gradient(to top right, #C90000, #74121D);
  position: absolute;
  top: 125%;
  right: 0;
  transform: rotate(15deg);
  border-radius: 25%;
}*/

.bottom-decoration label.form-check-label {
    color: #fff !important;
}


/*DIZAINS*/

img.design-img {
    position: relative;
    bottom: 300px;
}

#specifications .bg-imgs {
    background-size: cover;
    background-repeat: no-repeat;
    height: 260px;
    background-position: center;
}

#salons .bg-imgs {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-row {
    height: 250px;
}

.side-decoration:before {
    content: "";
    position: absolute;
    width: 800px;
    height: 1000px;
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    transform: rotate(130deg);
    z-index: -1;
    left: 25%;
    bottom: -75px;
}

.side-decoration:after {
    content: "";
    position: absolute;
    width: 600px;
    height: 700px;
    background: #fff;
    transform: rotate(130deg);
    z-index: -1;
    left: 70%;
    bottom: 105px;
}


.left-decoration:before {
    content: "";
    position: absolute;
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
    width: 1000px;
    height: 800px;
    transform: rotate(145deg);
    right: 25%;
    top: -35%;
}

.left-decoration:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 800px;
    height: 600px;
    transform: rotate(145deg);
    right: 80%;
    top: 0%;
}

/*#new-cars.jauni-auto .flickity-page-dots {
  position: absolute !important;
  margin: 1.5rem 0;
  left: 25%;
  top: 85%;
}*/


/* external css: flickity.css */

.test-drive .carousel-test-drive {
    background: #FAFAFA;
    margin-bottom: 40px;
}

.test-drive .carousel-cell-test-drive {
    width: 100%;
    height: 200px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell;
}

.test-drive .carousel-cell-car-name {
    width: 15%;
    height: 75px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell;
}


.test-drive img {
    width: 85%;
    display: block;
    margin: auto;
}

/*SINGLE CAR CATALOG*/

#single-car-gallery .gallery-cell,
.packagingCarousel .gallery-cell {
    height: 500px !important;
}
#single-car-gallery .gallery-cell img,
.packagingCarousel .gallery-cell img {
    height: 500px;
    object-fit: cover;
    width: 100%;
}
#single-car-gallery .flickity-button-icon,
.packagingCarousel .flickity-button-icon {
    fill: #c90000;
}
#single-car-gallery .flickity-prev-next-button.next {
    right:  -30px !important;
}
#single-car-gallery .flickity-prev-next-button.previous {
    left:  -30px !important;
}
.packagingCarousel .flickity-prev-next-button.next {
    right:  1rem !important;
}
.packagingCarousel .flickity-prev-next-button.previous {
    left:  1rem !important;
}

#car-gallery .thumbnail {
    position: relative;
    display: block;
}

.dotted-section, .dotted-headers h1, .dotted-headers h2, .dotted-headers h5 {
    border-bottom: 2px dotted #dee2e6;
    margin-bottom: 1rem;
    padding-bottom: 1rem !important;
}

#single-car .car-title {
    position: relative;
    font-size: 2.25rem
}

#single-car .price {
    font-size: 1.5rem;
}

.text-ccc{
    color: #696969;
}

.single-car #content .btn.trigger-test-drive {
    background-image: url(https://www.wess-select.lv/honda/wp-content/themes/wess-select-honda/assets/images/testdrive-white.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    padding-left: 50px;
}
.single-car #content .btn.trigger-car-offer {
    background-image: url(https://www.wess-select.lv/honda/wp-content/themes/wess-select-honda/assets/images/contract.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    padding-left: 50px;
}

/*#single-car .styled-input.number {
  min-width: 120px;
}*/



.car-main-info li {
    padding: 0.25rem 0;
    border-top: 1px solid #dee2e6;
    display: inline-block;
    width: 100%;
}

.car-main-info li {
    position: relative;
}

#single-car .styled-input input {
    text-align: center;
    padding-left: 1.75rem;
}

.car-main-info li span {
    float: right;
}

#single-car .meta {
    color: #969696;
}

#single-car p.meta {
    font-size: 0.65rem;
}

#single-car p.meta a {
    display: block;
}

.scale-decoration:before {
    position: absolute;
    content: "";
    background-image: url(https://www.wess-select.lv/honda/wp-content/uploads/sites/2/2018/10/scale-autoDNA.png);
    background-repeat: no-repeat;
    background-size: 80%;
    width: 200px;
    height: 200px;
    right: 0;
    bottom: 0;
    background-position: bottom;
}

#car-gallery-thumbs {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

#single-car .thumbnail.car-lightbox img {
    width: 100%;
}

.flickity-slider > div:not(.tab-pane):not(.car-thumb) {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

#car-gallery-thumbs .flickity-viewport {
    width: 100%;
}

.bg-icon-left {
    background-repeat: no-repeat;
    background-position: left 4% center;
}

.leising-text-icon {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/honda-info.png);
    background-position: left center !important;
    background-size: 30px;
}

#single-car a.dwnld {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/honda-pdf.png);
    background-size: 15px;
    padding-left: 2rem;
}

a#get_test {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/testdrive-white.png);
    background-size: 22px;
}

#single-car .leising-btn {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/pieteikt-lizingu.png);
}

#leisingFinance.active {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/lizings-w.png);
}

#leisingFinance {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/lizings-g.png);
}

#leisingOperative.active {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/operativais-white.png);
}

#leisingOperative {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/operativais-g.png);
}

#car-leising label{
    margin: 0;
}


.car-main-info:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #969696;
    left: 50%;
    top: 50px;
    bottom: 0;
}

#single-car .ul-3-columns {
    -moz-column-count: 3;
    column-count: 3;
}

#single-car .tab-content li:nth-child(2n+1) {
    background: #efefef;
}

#single-car .tab-content li {
    color: inherit;
    list-style-type: none;
    padding: 0.25rem;
    padding-left: 1rem;
    margin: 0;
    display: inline-block;
    width: 100%;
}

#single-car ul li:before {
    display: none;
}

.card {
    border: none;
}

.monthly-costs span {
    color: #c90000;
}

ul#leisingTab .nav-item {
    width: 50%;
}

ul#leisingTab .nav-link.active {
    background-color: #c90000;
    color: #fff;
}

ul#leisingTab .nav-link {
    padding: 1rem 1rem 1rem 3.5rem;
    border-radius: 0;
    color: #969696;
}

#finance label, #operative label {
    font-size: .785rem;
}


#leisingFinance.nav-link.active:after,
#leisingOperative.nav-link.active:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #C90000;
}


/*CAR CATALOG*/

#sidebar .widget-content-toggle select {
    border: none;
    padding: .5rem 0;
    border-bottom: 1px solid #ddd;
}

#sidebar h5 {
    font-weight: 600 !important;
}

#catalogue .deal-container:after {
    display: none;
}

#catalogue .deal-container:hover .btn {
    background-color: #000;
    border-color: #000;
}

#catalogue .btn-primary {
    border-radius: 4px;
    width: auto !important;
    min-width: unset;
    font-weight: normal;
    font-size: 16px;
}

#catalogue .description h4 {
    font-weight: 600;
}

#catalogue .meta.red {
    color: #C90000;
}

#catalogue h5.monthly-costs {
    color: #C90000;
}

#catalogue .line-section {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    padding-bottom: 1rem !important;
}

.vat-check {
    padding-left: 2rem;
}

#sidebar .vat-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#sidebar .checkmark {
    position: absolute;
    top: 0;
    left: 15px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    cursor: pointer;
}

/* Create the checkmark/indicator (hidden when not checked) */
#sidebar .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#sidebar .vat-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#sidebar .vat-check .checkmark:after {
    left: 10px;
    top: 5px;
    width: 7px;
    height: 13px;
    border: solid #C90000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*HONDA SERVISS*/

#our-specialists img, #our-team img {
    border-radius: 50%;
    margin-bottom: 1.5rem;
    width: 200px;
}

#cta-honda-official .akcijas-img {
    position: absolute;
    width: 300px;
    right: 35%;
    bottom: -115px;
}


#honda-serviss .img-decoration:before {
    content: "";
    background: #fff;
    width: 500px;
    height: 500px;
    position: absolute;
    transform: rotate(114deg);
    right: 85%;
    bottom: 20px;
}

#honda-serviss .text-block {
    z-index: 1;
}

.overflow-hidden {
    overflow: hidden;
}

.honda-serviss .nav-link {
    font-size: .85rem;
}

.honda-serviss .btn-info {
    color: #000;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #C90000;
    border-radius: 0;
    text-align: left;
    padding-left: 0 !important;
    box-shadow: none !important;
}

.honda-serviss .btn-info:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: transparent;
    border-color: none;
}

.honda-serviss .dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.honda-serviss.contact-form-border .nav-tabs .active {
    background-color: transparent !important;
    color: #c90000 !important;
    border-bottom: 3px solid #c90000 !important;
}

.honda-serviss label.form-check-label {
    font-size: .85rem;
}

/*HONDA SERVISS INNER FORM*/

#car-rent-pricing .meta {
    color: #000;
    font-weight: normal !important;
}

#car-rent-pricing span.small {
    font-weight: normal !important;
    color: #000 !important;
    font-size: .75rem;
}

#car-rent-pricing span.small.red {
    color: #C90000 !important;
    font-size: 1rem;
}

#car-rent-pricing h5 {
    text-decoration: line-through;
}

#car-rent-pricing h3 {
    color: #C90000;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.hide-arrows .flickity-prev-next-button.previous, .hide-arrows .flickity-prev-next-button.next {
    display: none;
}

#car-rent-pricing h3 span {
    color: #C90000 !important;
}

#car-rent-pricing p.small.red {
    color: #c90000 !important;
    font-size: .75rem !important;
}

/*HONDA POWER*/

#honda-engine {
    margin-top: 10rem;
}

#honda-engine .img-full {
    height: 450px;
}

#honda-engine .img-full {
    background: #c90000;
    background: -moz-linear-gradient(45deg, #c90000 0%, #74121d 100%);
    background: -webkit-linear-gradient(45deg, #c90000 0%,#74121d 100%);
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#74121d',GradientType=1 );
}

#honda-engine img.engine-img {
    width: 550px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.honda-power .carousel-cell {
    background-image: url(../../assets/images/honda-power-banner.jpg);
    width: 100%;
    height: 600px;
    counter-increment: gallery-cell;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.honda-power .carousel-cell > .container {
    position: relative;
    z-index: 2;
}

.honda-power .carousel-cell .overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
    z-index: 1;
}

#page_banner h2 {
    font-size: 4.5rem;
}

/*CONTACT US*/

.tab-contact-info {
    position: relative;
    top: 500px;
}

/*#contact-us-page {
  height: 600px;
}*/

#contact-us-page .tab-content .contact-tab-content a {
    color: #1a1a1a;
}

#contact-us-page .map-tab {
    height: 450px;
}

#contact-us-page .tab-content .contact-tab-content p {
    color: #000 !important;
}

#contact-us-page .tab-content .contact-tab-content span {
    color: #000 !important;
    font-weight: 600;
}

#contact-us-page .nav-item .nav-link {
    border-bottom: 3px solid #ddd !important;
}

#contact-us-page .nav-item a {
    color: #ddd !important;
}

#contact-us-page .nav-item .nav-link.active {
    border-bottom: 3px solid #C90000 !important;
    color:  #000 !important;
}

section#contact-us-info p {
    margin-bottom: .5rem;
}

section#contact-us-info span {
    font-weight: bold;
}

section#contact-us-info ul {
    padding-left: 2.5rem !important;
}

#contact-us-info [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 25px;
    margin-left: 0;
    color: #c90000;
    font-weight: bold;
    margin-right: .5rem;
}

.address-contact-us a {
    color: #1a1a1a;
}


.rekviziti i {
    border: solid #c90000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-bottom: 2px;
}

.rekviziti .arrow-right {

}

.rekviziti a {
    color: #c90000 !important;
}

/*PAR MUMS*/

.par-mums-img {
    height: 355px;
}

#par-mums span, #product-range span {
    color: #C90000;
}

/*PAR HONDA*/

#par-honda .img-full {
    left: unset !important;
    right: 0;
    z-index: -1;
}

#par-honda span {
    font-weight: bold;
}

#par-honda p {
    margin-bottom: 0.5rem;
}

/*E-SHOP PRODUCT INNER*/

.products-slider .pricing span {
    color: #c90000;
}

.carousel-cell.product.mini-product .image img {
    max-width: 100%;
    width: auto !important;
    max-height: 220px;
}

.product .ghost-link:hover {
    border-bottom: 7px solid #008950;
}

#wess_product_categories a:hover {
    color: #008950;
}

#wess_product_categories .sub-category:hover .sub-cat-title {
    display: none;
}

#wess_product_categories .sub-categories .sub-cat-title {
    font-weight: normal;
    font-size: 1.25rem;
}

#honda-wrapper.shop .flickity-prev-next-button.previous, #honda-wrapper.shop .flickity-prev-next-button.next {
    fill: #008950;
}

#wess_wc_cart .widget-title {
    font-weight: normal !important;
}

#wess_wc_cart .wc-forward {
    background-color: #000;
    width: auto;
}

#wess_wc_cart .wc-forward:hover {
    background-color: #008950;
}


#wess_wc_cart .widget_shopping_cart_content .mini_cart_item a {
    display: block;
    color: #000;
    font-size: inherit;
    height: auto;
    margin: 0;
    padding: 0;
}

#wess_wc_cart a.button {
    display: inline;
    color: #fff;
}

#wess_wc_cart .remove {
    display: block;
    font-size: 1.5em !important;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

#honda-wrapper.shop .price_slider_amount button {
    width: auto;
    background-color: #000;
}

#honda-wrapper.shop .product .image img {
    max-width: 100%;
    max-height: 230px;
    width: auto;
}

#honda-wrapper.shop .price_label span {
    font-size: .75rem;
    color: #008950;
}
.price_slider_amount .clear {
    display: none;
}

/*#honda-wrapper.shop a {
  color: #008950;
}*/

.woocommerce.single-product .summary .price {
    color: #C90000 !important;
}
.woocommerce div.product form.cart .button {
    width: auto;
    background-color: #000;
}

.woocommerce-info {
    border-top-color: #008950 !important;
}

.woocommerce-info:before {
    color: #008950 !important;
}

#shipping_dates .icon  {
    background-image: url(../../assets/images/office.png);
}

#shipping_dates .icon.box {
    background-image: url(../../assets/images/box.png);
}

#shipping_dates .icon.address {
    background-image: url(../../assets/images/address.png);
}

body.woocommerce .text-primary {
    color: #008950 !important;
}

body.woocommerce .styled-input.number .plus-minus {
    color: #008950;
}


/*SHOP*/

.mini-product .product-title {
}

.mini-product .product-title .line-below.dark {
    padding-bottom: .5rem;
}

#honda-wrapper.shop .header-profile [class^="flaticon-"]:before {
    color: #008950;
}

.dgwt-wcas-search-wrapp {
    min-width: 200px !important;
}

ul.profile-menu li:last-child > a {
    margin-right: 0;
    padding-right: 0;
    border: 0;
}

#toggle_cart .fa-shopping-cart:before {
    content: "\f07a";
    font-size: 18px;
    color: #008950;
}

.shop-banner .carousel-cell {
    min-height: unset;
    height: 500px;
    background-image: url('/honda/wp-content/uploads/sites/2/2018/10/shop-banner.jpg');
}

#shop-sale .flickity-viewport {
    width: 100% !important;
}

.label:before {
    content: "JAUNUMS";
    position: absolute;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    padding: .5rem 2.5rem;
    top: 15px;
    left: 30px;
}

ul#menu-shop-menu > li {
    margin-right: 1.25rem;
}

a#shopping-cart.dropdown-toggle:after {
    display: none;
}

a#language {
    border-right: none !important;
}

ul.profile-menu {
    list-style: none;
}

li.akcijas span {
    background: #fff;
    color: #008950;
    padding: .25rem 1.25rem;
    border-radius: 5px;
}

#shop-nav .dropdown-toggle {
    color: #fff;
}

nav#shop-nav .navbar-toggler-icon {
    background: #fff !important;
}

#shop-nav .navbar-collapse.show {
    border-top: 2px solid #008950;
    top: 31px;
}

img.wess-shop-logo {
    width: 100px !important;
}

.shop-header-top .profile-menu li a {
    border-right: 1px solid #fff;
    padding-right: 1rem;
    margin-right: 1rem;
    height: 30px;
}

.shop-header-top [class^="flaticon-"]:before {
    color: #008950 !important;
}

.bg-green {
    background-color: #008950;
}

.wess-white-logo img {
    width: 250px !important;
}

.white-logo {
    width: 150px !important;
    margin: auto;
}

#shop-nav < a {
                color: #fff;
                font-weight: 600;
            }

#shop-nav .dropdown-item, .shop-header-top .dropdown-item {
    color: #000 !important;
}

#shop-nav .dropdown-item.active {
    background-color: #008950;
}

#shop-nav input.form-control::placeholder {
    color: #fff;
}

#shop-nav .btn-primary {
    background-color: #fff !important;
    border-radius: 5px;
    color: #008950 !important;
    border: 2px solid #fff !important;
}

#shop-nav .form-control {
    background-color: transparent;
    border: 2px solid #fff !important;
    border-radius: 5px !important;
}

#discount-products .btn-primary.green,
.page-banner .btn-primary.green,
.shopping-cart .btn-primary.green,
.shop-banner .btn-primary.green {
    background-color: #008950 !important;
    border-color: #008950 !important;
}

#discount-products .btn-primary.green:hover,
.page-banner .btn-primary.green:hover,
.shopping-cart .btn-primary.green:hover,
.shop-banner .btn-primary.green:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #008950 !important;
}

#header-top-menu .shopping-cart .btn-primary.green {
    padding: 1.25rem !important;
}

#header-top-menu .dropdown-menu.show a {
    color: #000;
}

/*#discount-products .decoration:before{
    content: "";
    position: absolute;
    width: 300px;
    height: 250px;
    background: #008148;
    transform: rotate(45deg);
    left: 45%;
    bottom: 60%;
    border-bottom-left-radius: 10px;
    z-index: 1;
}*/

#discount-products a.btn.btn-primary.green {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
}

#discount-products img.decoration {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75%;
}

/*#discount-products .decoration:after {
  content: "";
   position: absolute;
   width: 85px;
   height: 85px;
   background: #059a5c;
   bottom: 205px;
   right: 0;
}*/

#discount-products .discount-text-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    z-index: 3;
    text-align: right;
    margin: 1rem;
    width: 60%;
}

#discount-products img {
    max-width: unset;
    width: 100%;
}

#discount-products .overlay:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .15;
}

p.discount-desc {
    font-size: 1rem;
}

.discount-text-wrap span {
    font-size: 3rem;
    font-weight: 600;
}

h3.discount-title {
    font-size: 2rem;
}

p.discount-news-desc {
    margin-top: 1rem;
    font-size: 1.25rem;
    line-height: 1;
}

#discount-products .title.decoration {
    overflow: hidden;
}

#discount-products .shop-discounts {
    position: relative;
    bottom: 45px;
}

#popular-products span.available, #shop-half span.available, #inner-product span.available, #related-products span.available {
    font-size: .75rem;
    color: #ddd;
}

#related-products h4.product-name, #popular-products h4.product-name {
    font-size: 1.25rem;
    font-weight: 600;
}

#inner-product h4.product-name {
    font-size: 1.25rem;
    font-weight: 600;
}

.category-small-container:before {
    content: "";
    position: absolute;
    top: .25rem;
    right: .25rem;
    bottom: .25rem;
    left: .25rem;
    background: #000;
    opacity: .3;
}

#popular-products h4.price {
    color: #008950;
    font-weight: 600;
    font-size: 1.5rem;
}

#related-products h4.price {
    color: #008950;
    font-weight: 600;
    font-size: 1.25rem;
}

#shop-half h4.price {
    color: #008950;
    font-weight: 600;
    font-size: 1.25rem;
}

#popular-products .price span,
#related-products .price span {
    font-size: 1rem;
    font-weight: normal;
}

#popular-products a.lizings,
#related-products a.lizings {
    color: #008950;
}

#shop-half a.lizings {
    float: right;
    color: #008950;
    font-size: .75rem;
}

#popular-products p.full-price, #shop-half p.full-price, #related-products p.full-price {
    font-size: 1.25rem;
}

#popular-products p.discount-price,
#shop-half p.discount-price,
#related-products p.discount-price {
    text-decoration: line-through;
}

#popular-products a.btn.label.btn-secondary,
#related-products a.btn.label.btn-secondary {
    width: 150px;
    border-radius: 0;
    padding: .5rem 1rem !important;
    position: absolute;
}

#product-category li.nav-item {
    width: 25%;
    text-align: center;
}

#product-category .nav-link.active {
    border-bottom: 3px solid #008950 !important;
    width: 100%;
    color: #000;
}

#product-category .nav-link {
    border-bottom: 3px solid #ddd !important;
    color: #ddd;
}



#product-category .main-category h3.category-title,
#product-category .sub-category h3.category-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 2rem;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
}

#product-category .main-category {
    width: 100%;
    background-size: cover;
    background-position: center;

}

#product-category .main-category:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
}

.footer-shop-menu .footer-top [class^="flaticon-"]:before, .footer-shop-menu .footer-profile [class^="flaticon-"]:before {
    color: #008950 !important;
    margin-left: 0;
}

/*ALL PRODUCTS PAGE*/

.sidebar {
    border: 1px solid #dee2e6;
    margin-top: 25px;
    border-radius: 0;
    padding: 0;
}

.sidebar a {
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.sidebar .dropdown-toggle:after {
    display: inline-flex;
    float: right;
    position: absolute;
    right: 10px;
}

.sidebar .dropdown-menu.show {
    position: relative !important;
    transform: none !important;
    transition: .3s all linear;
    top: 0px;
    left: 0px;
    border: none;
    margin: 0;
    border-top: 1px solid #dee2e6;
}

.sidebar span.category-title {
    font-size: 1.25rem;
    padding-left: 1.25rem;
    font-weight: 600;
}

.sidebar .category-wrap a {
    font-size: 1rem;
    font-weight: normal;
    color: #000;
    padding-left: 1.25rem;
}

#shop-half h4 {
    font-size: 1.25rem;
    font-weight: 600;
}

#shop-half .label.btn {
    padding: 0.475rem 1.25rem !important;
    width: 125px;
    border-radius: 0;
    position: absolute;
}

a.see-more-products {
    font-weight: 600;
    color: #008950;
}

.shop-banner h1 {
    font-size: 4rem !important;
    font-weight: 600;
}

.shop-banner h3 {
    font-size: 2.5rem !important;
    font-weight: normal;
}


/*INNER PRODUCT PAGE*/

#inner-product .product-img {
    width: 100%;
}

#inner-product button.flickity-prev-next-button.previous {
    display: none;
}

#inner-product .flickity-prev-next-button.next {
    right: -25px !important;
    top: 55% !important;
    transform: translateY(-50%);
    fill: #ddd;
}

.ul-2-columns {
    column-count: 2;
    -moz-column-count: 2;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #ddd;
}

#inner-product p.full-price {
    font-size: 1.25rem;
    font-weight: 600;
}

#product-description .full-price span {
    font-size: .65rem;
    font-weight: normal;
}

#product-description .buy-now {
    float: right;
    width: 120px;
    padding: 0.475rem !important;
}

#product-description .border {
    border-radius: 5px;
}

#description table {
    margin-bottom: 2rem;
    border: 1px solid #dee2e6;
}

#description table td {
    padding: 0.25rem 0.5rem;
}

.accent-border-top {
    border-top: 4px solid #008950 !important;
    border-radius: 5px !important;
}

#loanCalculator img {
    width: 125px;
}


#product-description .dropdownk {
    border-right: 1px solid #000 !important;
    margin-right: .6rem;
}

#loanCalculator .price {
    color: #008950 !important;
    font-weight: 600 !important;
    font-size: 2rem !important;
}

.monthly-costs p {
    font-size: .75rem;
}

.delivery-time span {
    color: #008950;
    font-weight: 600;
}

.delivery-wrap p, .delivery-time span {
    font-size: .85rem;
    margin-bottom: 0;
}

#additional-information span {
    float: right;
    color: #c1c1c1;
    font-size: .95rem;
}

#additional-information li {
    padding: .5rem .25rem;
    border-bottom: 1px solid;
}

#additional-information .divider-border:after {
    content: "";
    position: absolute;
    height: 230px;
    width: 1px;
    background: #000;
    top: 85px;
    left: 50%;
}

.row.row-narrow {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.row.row-narrow div[class*=col] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/*SHOPPING CART*/

/*.shopping-cart.show {
  width: 500px;
  padding: 1rem;
}

.cart-subtitle span {
  font-size: .75rem;
  color: #ddd;
}

.cart-price, .cart-total {
  font-weight: 600;
}

.cart-total {
  color: #008950;
}*/

/*#header-top-menu a.link-product, #header-top-menu a.remove {
  color: #000 !important;
  font-size: 1rem !important;
}*/

/*#header-top-menu a.remove {
  position: absolute;
  right: 0;
  font-size: 2rem !important;
}*/

/*BLOG PAGE*/
.contact-page-title h1 {
    font-size: 3rem !important;
}
.simple-page-content .h2 {
    font-size: 3rem !important;
    font-weight: 700;
}
.blog .articles-wrapper h1 {
    font-size: 3rem !important;
    padding: 2.5rem 0;
}
.post-type-archive-deal .articles-wrapper > h1 {
    font-size: 3rem !important;
    padding: 2.5rem 0;
}

.blog-title-large, .blog-title-small {
    position: absolute;
    bottom: 0px;
    margin: 1.5rem;
    padding: 0;
}

.blog-small img, .blog-large img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.blog-title-large h3, .blog-title-small h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.blog-title-large p, .blog-title-small p {
    margin-bottom: 0;
    font-size: .75rem;
}

/*.blog-sidebar {
  position: relative;
  right: 15px;
}*/

.blog-sidebar h4 {
    font-size: 1.25rem;
    font-weight: 600;
}

.blog-sidebar a {
    font-size: .9rem;
    color: #808080 !important;
}

.blog-sidebar p {
    font-size: .7rem;
    margin-bottom: .5rem;
    color: #cacaca;
}

#blog-half .nav-item {
    width: 50%;
}

#blog-half .nav-link,
.nav-justified .nav-link {
    border-bottom: 3px solid #ddd !important;
    color: #ddd !important;
    padding-top: 0;
}

#blog-half .nav-link.active,
.nav-justified .nav-link.active,
.nav-justified .nav-link:hover {
    border-bottom: 3px solid #C90000 !important;
    color: #4d4d4d !important;
}


#blog-half .tab-content {
    padding: 0;
    padding-top: 1.5rem;
}

.blog-large {
    max-width: 65%;
    flex: 0 0 65%;
}

.blog-small {
    max-width: 35%;
    flex: 0 0 35%;
}

.blog-post {
    margin-bottom: 2rem;
}

/* BLOG */
.articles-wrapper .post-featured-image{
    margin-bottom: 0;
}
.post-featured-image{
    position: relative;
    margin-bottom: 2rem;
}
.post-featured-image img{
    width: 100%;
    height: auto;

}
.post-featured-image .post-title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem;
}
.post-featured-image .post-title h1{
    text-shadow: 1px 1px 0px #000;
    color: #fff;
}
.meta .post-categories {
    list-style-type: none;
    display: inline-block;
}
.meta .post-categories li{
    display: inline-block;
}
.meta .post-categories a {
    color: #fff;
}
.meta span:not(:last-child){
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #fff;
}
.meta span i{
    margin-right: .5rem;
}
.deal-container .deal-elements .meta a {
    color: #fff;
}

/* SIDEBARS */

.widget{
    width: 100%;
}
.widget:not(:last-of-type) {
    margin-bottom: 2rem;
}
#sidebar .widget ul {
    list-style: none;
    font-size: 1rem;
}
#sidebar .widget-title{
    font-weight: bold;
}
#sidebar .widget ul li {
    position: relative;
}
#sidebar .widget.widget_recent_entries ul li{
    margin-bottom: .5rem;
    padding-bottom: .5rem;
}
#sidebar .widget.widget_recent_entries .post-date{
    font-size: 0.75rem;
    color: #ccc;
}
#sidebar .widget ul li a {
    color: #404040;
    display: block;
    font-size: 0.875rem;
}
#sidebar .widget ul li .count {
    position: absolute;
    right: 0;
    top: 0.5rem;
    font-size: 0.75rem;
}
#sidebar .woocommerce ul.cart_list li a,
#sidebar .woocommerce ul.product_list_widget li a{
    font-weight: normal;
}
#sidebar .widget > ul:not(.product-categories) > li:not(:last-child){
    border-bottom: 1px solid #dee2e6;
}
#sidebar .widget.widget_categories li{
    padding: 0.25rem 0;
}
#sidebar .widget .product-categories a{
    padding: 0.25rem 0;
    border-bottom: 1px solid #dee2e6;
}
#sidebar .widget > .product-categories > li:last-child > a{
    border-bottom: 0;
}
#sidebar:not(.car-filters) .widget_price_filter form{
    margin-top: 1rem;
}
#sidebar .widget ul ul{
    padding-left: 1rem;
}
#sidebar .widget .current-cat > a {
    font-weight: bold;
}

/*CAR SHOP/ USED CARS*/

#car-offer a#nav-used-cars:hover {
    border-bottom: 5px solid #c90000 !important;
    color: black !important;
}

.car-filters select {
    width: 100%;
}

#sidebar-catalog .widget-title {
    font-size: 1rem !important;
}

#sidebar-catalog select {
    background: transparent;
    height: 40px;
    border: none;
    border-bottom: 1px solid #b7b8ba;
    border-radius: 0;
    padding: .5rem;
}

#sidebar-catalog select:focus {
    outline: none;
}

#honda-wrapper.shop .widget_price_filter .ui-slider .ui-slider-range, #honda-wrapper.shop .widget_price_filter .ui-slider .ui-slider-handle {
    background: #008950 !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #c90000;
    border: none !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    width: 1rem;
    height: 1rem;
    top: -4px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    transform: translate(50%, 50%);
}

.woocommerce .widget_price_filter .price_slider_amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce .widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
    font-size: .8751em;
}

.styled-input.number {
    min-width: 80px;
}

.styled-input {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.styled-input.number .plus-minus {
    cursor: pointer;
    color: #C90000;
    user-select: none;
}

.max:focus {
    outline: none;
}

.styled-input.number span span {
    display: block;
    height: 19px;
    line-height: 19px;
}

.styled-input span {
    top: 0;
    right: 0;
    min-width: 20px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.styled-input input {
    border: none!important;
    background: transparent;
    width: 100%;
    position: absolute;
    height: 38px !important;
    padding: 8px;
}

.styled-input input {
    -moz-appearance: textfield;
    text-align: right;
    height: 38px!important;
}

.styled-input span {
    top: 0;
    right: 0;
    min-width: 20px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.woocommerce .widget_price_filter .price_label {
    font-size: .75rem;
}

.woocommerce .widget_price_filter .filteramount {
    float: right;
}

.woocommerce .filteramount span {
    font-size: .75rem;
    font-weight: 600;
}

.car-meta span {
    display: inline-block;
    line-height: 1;
}

.car-meta span:not(:first-child) {
    padding-left: .5rem;
    margin-left: .5rem;
    position: relative;
}

.car-meta span {
    font-size: .75rem;
}

.car-meta span:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #dee2e6;
}

.meta {
    color: #000;
    font-size: .75rem;
}

.price, .mini-car .price, #sidebar .amount, .price_label span {
    font-size: 1.25rem;
}

.mini-car .car-tax-type {
    color: initial;
}

.car-tax-type {
    font-weight: 400;
    font-size: 50%;
    opacity: .75;
}

.car-badges {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0rem;
    z-index: 2;
    width: 100%;
}

.car-badge {
    position: relative;
    background: #009a5a;
    color: #fff;
    width: auto;
    display: inline-block;
    clear: both;
    font-size: .95rem;
    padding: .5rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: .25rem;
}
.car-badge.gift {
    background: #c90000;
}

.car-badge.sold {
    background: #414042;
}

.gift-card ul{
    list-style-type: none;
}
.gift-card ul li{
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5rem;
}
.gift-card ul li:before{
    content: "";
    display: block !important;
    width: 7px;
    height: 7px;
    background: #15935f;
    position: absolute;
    left: 0;
    top: 0.5rem;
    transform: rotate(45deg);
}
#show-cars .mini-car .thumbnail {
    overflow: hidden;
}

#show-cars .mini-car .thumbnail img {
    width: 100%;
}

#show-cars.grid {
    justify-content: space-between;
}
#show-cars.grid .mini-car {
    max-width: 49%;
}
#show-cars.grid .mini-car .thumbnail, #show-cars.grid .mini-car .description {
    min-width: 100%;
}
#show-cars.grid .mini-car .description{
    padding-bottom: 1rem;
}
.ghost-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    transition: var(--global-transition);
}

.car-badges-wrapper {
    position: relative;
    padding: .75rem;
}

#catalogue .thumbnail:after, #car-gallery .thumbnail:after, .single-car .ilightbox-holder .ilightbox-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#80000000',GradientType=0);
}

p.card-text {
    font-size: .75rem;
}

.accent-border-top.red {
    border-top: 4px solid #C90000 !important;
}

.price.monthly-payment {
    border-left: 1px solid #ddd;
    padding-left: 1rem;
    margin-left: 1rem !important;
    color: #c90000 !important;
}

.price.monthly-payment .car-tax-type {
    color: #c90000 !important;
}

.autodna-btn {
    background-image: url(../../assets/images/autodna.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 112px;
    display: inline-block;
    position: relative;
    z-index: 3;
}

button#sortBy-new, button#sortBy-used {
    background-color: transparent;
    color: #C90000;
    font-size: 1rem;
    font-weight: normal !important;
    border: none;
    padding: 0;
    width: auto;
}

button#sortBy-new:focus, button#sortBy-used:focus {
    outline: none;
    box-shadow: none;
}

.pagination-sm .page-link {
    border: none;
    padding: 0 .25rem;
}

.pagination-sm span {
    color: #c90000;
}

.page-item.active .page-link {
    color: #C90000;
    background-color: transparent;
    font-weight: bold;
}

a.page-link:focus {
    outline: none;
    box-shadow: none;
}


/*HONDA LIZINGS*/

.overall-amount span {
    font-size: .75rem;
    color: #b9b9b9;
}

.accent-border-top.blue {
    border-top: 4px solid #013366 !important;
}

a.btn.btn-autodna {
    background-color: #013366;
}

a.btn.btn-autodna:focus {
    box-shadow: none;
}

.additional-info li {
    padding: .5rem .25rem;
    border-bottom: 1px solid;
}


.additional-info span {
    float: right;
    color: #c1c1c1;
    font-size: .95rem;
}

.additional-info .divider-border:after {
    content: "";
    position: absolute;
    height: 230px;
    width: 1px;
    background: #000;
    top: 85px;
    left: 50%;
}

img.cta-banner-img {
    position: absolute;
    width: 720px;
    max-width: unset;
    bottom: -100px;
    left: -100px;
}

/*SERVICE INNER*/

img.service-img {
    height: 100%;
    object-fit: cover;
}

.service-single-pricing > .pricing-heading {
    background-color: #ededee;
}

.pricing-heading {
    font-weight: bold;
}

.service-single-pricing h3 {
    font-size: 1.5rem;
}

.service-single-pricing .price.text-primary {
    color: #C90000 !important;
}

.service-single-pricing > .row:nth-child(2n+1) {
    background: #ededee;
}

.flickity-enabled.is-draggable .flickity-viewport{
    width: 100%;
}

/* WOOCOMMERCE */

.woocommerce-product-details__short-description.shorten.full {
    height: 100%;
}
.woocommerce-product-details__short-description.shorten {
    height: 120px;
    overflow: hidden;
    position: relative;
    transition: var(--global-transition-x2);
}
.woocommerce-product-details__short-description.shorten .woocommerce-read-more{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
}
.woocommerce-product-details__short-description.shorten .woocommerce-read-more:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.woocommerce-product-details__short-description.shorten .woocommerce-read-more span{
    position: relative;
    color: #008950;
    cursor: pointer;
    z-index: 1;
    display: block;
}
.woocommerce-product-details__short-description.shorten .woocommerce-read-more span:after{
    content: '\f347';
    display: inline-block;
    font-family: dashicons;
    position: relative;
    top: 3px;
}
.woocommerce-product-details__short-description.shorten.full .woocommerce-read-more span:after{
    transform: rotate(180deg);
}
.single_add_to_cart_button:before {
    content: "\f07a";
    font-family: Font Awesome\ 5 Free;
    margin-right: 1rem;
    font-weight: bold;
}
.archive.woocommerce .row.products > .row.products,
.archive.woocommerce .row.products > .row.products{
    margin: 0;
    width: 100%;
}
.woocommerce table.my_account_orders .button{
    width: auto;
}
.woocommerce table.my_account_orders .button:last-child{
    margin-left: 0.5rem;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    padding: 1em 2em 1em 3.5em !important;
}
.shop_table ul li:before,
#payment ul li:before{
    display: none !important;
}
.shop_table ul li,
#payment ul li{
    padding-left: 0;
}

body #honda-wrapper .woocommerce-form__label-for-checkbox,
body #honda-wrapper .wc_payment_method > label,
#shipping_method label{
    padding: 0 0.5rem 0 1.75rem;
    line-height: 20px;
    display: inline-block;
    position: relative;
}
body #honda-wrapper .woocommerce-form__label-for-checkbox:before,
body #honda-wrapper .wc_payment_method > label:before,
#shipping_method label:before, .styled-checkbox label:before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 1px;
    top: 1px;
    border: 1px solid #b0b2b3;
    border-radius: 100%;
}
body #honda-wrapper .woocommerce-form__label-for-checkbox:after{
    content: "\f00c" !important;
    font-family: Font Awesome\ 5 Free !important;
    font-weight: 900;
    color: #fff;
    font-size: 0.5rem;
    line-height: 0.75rem;
    text-align: center;
}
body #honda-wrapper .woocommerce-form__label-for-checkbox:after,
body #honda-wrapper .wc_payment_method > label:after,
#shipping_method label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    transform: scale(0.01);
    background: #008950;
    border-radius: 100%;
    width: 0.75rem;
    height: 0.75rem;
    transition: var(--global-transition);
}
body #honda-wrapper .woocommerce-form__label-for-checkbox.checked:after,
body #honda-wrapper .wc_payment_method > input:checked + label:after,
#shipping_method input:checked + label:after {
    transform: scale(1);
}
body #honda-wrapper .woocommerce-form__label-for-checkbox input,
body #honda-wrapper .wc_payment_method > input,
#shipping_method input{
    display: none;
}


.shortcode-products .product-cats,
.shortcode-products .dotted-section {
    display: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    width: 16.66%;
    margin-right: 1rem;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin-top: 1rem;
}
.woocommerce div.product div.images .flex-control-thumbs .flickity-prev-next-button > svg{
    fill: #008950;
}

.payment_box.payment_method_custom_4807a353127e4db fieldset {
    margin: 0 -5px;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row {
    width: 33.33%;
    clear: none;
    float: left;
    padding: 0 15px;
    margin-bottom: 0 !important;
    padding-top: 0.5rem;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row:last-child {
    width: 100%;
    float: none;
    padding-top: 1rem;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row input:not([type=checkbox]), .payment_box.payment_method_custom_4807a353127e4db p.form-row select {
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff !important;
}
.payment_box.payment_method_custom_4807a353127e4db .woocommerce-info {
    clear: both;
    position: relative;
    top: 1rem;
    margin-left: 15px;
    margin-right: 15px;
}
.carousel-cell.product.mini-product .image img {
    max-width: 100%;
    width: auto;
    max-height: 220px;
}
.woocommerce nav.woocommerce-pagination{
    width: 100%;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img{
    height: 21px;
}
.woocommerce div.product p.stock{
    font-size: 0.75rem;
}
#wess-container .woocommerce table.cart td.actions .coupon,
#wess-container .woocommerce-page table.cart td.actions .coupon{
    max-width: 100%;
    min-width: 300px;
    position: relative;
}
#wess-container .woocommerce table.cart td.actions .coupon .input-text,
#wess-container .woocommerce-page table.cart td.actions .coupon .input-text{
    width: 100%;
    min-width: 100%;
}
#wess-container .woocommerce table.cart td.actions .coupon .button,
#wess-container .woocommerce-page table.cart td.actions .coupon input.button{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.woocommerce-privacy-policy-text{
    margin-bottom: 0.5rem;
}
#bottom_header p {
    margin-bottom: 0;
    font-size: 0.875rem;
}
#bottom_header p strong {
    color: #1d69d1;
}
#bottom_header form {
    position: relative;
    width: 100%;
}
#bottom_header input[type=search] {
    height: 30px !important;
    width: 100%;
    padding-left: 2rem !important;
}
#bottom_header button {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    font-size: 0px;
    width: 30px;
    background: #fff;
    border: none;
}
#bottom_header .dgwt-wcas-close{

}
#bottom_header .dgwt-wcas-sf-wrapp{
    background: #fff;
}
#bottom_header .dgwt-wcas-no-submit .dgwt-wcas-ico-loupe{
    display: none !important;
}
#bottom_header .dgwt-wcas-sp{
    font-weight: bold;
    color: #1d69d1;

}
#bottom_header .dgwt-wcas-sf-wrapp:after {
    content: "\f002";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: .875rem;
    color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    text-align: center;
    display: block;
    line-height: 30px;
}
#wess-wrapper .select2-container--default .select2-selection--single,
#wess-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
    border-radius: 0;
    height: 40px;
}
#wess-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}
.woocommerce-form-login .button{
    margin-bottom: 0.5rem !important;
}
#order_review_heading{
    margin-top: 1.5rem;
}
div.blockOverlay {
    background-color: #fff !important;
}
.woocommerce .woocommerce-ordering select{
    padding: 0.5rem;
}
#wc-sorting form,
#wc-sorting p{
    margin: 0;
    float: none;
}
#wc-sorting .dotted-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px !important;
}
.products .product-category .deal-container > a {

}
/*.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background: #1d69d1;
}*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background: #dee2e6;
}
.woocommerce div.product .product_title{
    font-size: 2.25rem !important;
    margin-bottom: 0;
}
.yith-wcwl-add-button a.add_to_wishlist,
.yith-wcwl-wishlistexistsbrowse a {
    position: relative;
    display: block;
    text-decoration: none;
}
.yith-wcwl-add-button a.add_to_wishlist:before,
.yith-wcwl-wishlistexistsbrowse a:before {
    content: "\f005";
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
    margin-right: 0.25rem;
}
.yith-wcwl-add-to-wishlist .ajax-loading{
    display: none !important;
}
.woocommerce .wishlist_table td.product-add-to-cart a{
    max-width: 180px;
}
.single_add_to_cart_button:before {
    content: "\f07a";
    font-family: Font Awesome\ 5 Free;
    margin-right: 1rem;
    font-weight: bold;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
    font-size: 1rem;
    line-height: 1;
    font-weight: normal !important;
    padding: 0.75rem 20px !important;
    border-radius: 0;
    background-color: #C90000;
    border-radius: 4px;
    color: #fff;
    width: 100%;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.checkout{
    background-color: #C90000;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.checkout:hover{
    background-color: #000;
}
#honda-wrapper.shop #respond input#submit,
#honda-wrapper.shop a.button,
#honda-wrapper.shop button.button,
#honda-wrapper.shop input.button{
    background-color: #008950;
    border-radius: 4px;
    color: #fff;
    width: auto;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background-color: #000;
    border-radius: 4px;
    color: #fff;
}
.woocommerce .quantity .qty{
    height: 40px;
    width: 4rem;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text{
    height: 40px;
    min-width: 200px;
}
.woocommerce table.shop_table{
    border-radius: 0;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    width: 100%;
}
.woocommerce-input-wrapper{
    width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    height: 40px;
    border-radius: 4px;
    border: none;
    padding: .5rem;
    background-color: #e0e0e0;
}
.woocommerce form .form-row textarea{
    min-height: 80px;
}
.woocommerce-terms-and-conditions-wrapper{
    width: 100%;
}
.woocommerce.single-product .summary .price {
    font-size: 2rem;
    color: #1c69d1;
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1;
}
.woocommerce-product-details__short-description{
    margin-bottom: 1rem;
}
.product_meta{

}

.product .ghost-link,
.mini-car .ghost-link{
    border-bottom: 7px solid transparent;
}
.product .image{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.product .border{
    position: relative;
}
.wc-carousel .flickity-viewport{

}
.product-labels {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    float: none;
    font-weight: bold;
}
.product-labels > div{
    clear: both;
    float: none;
    margin: 0 !important;
}
.product-labels .product-label {
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.5rem;
    padding: .5rem 1rem;
    width: 6rem;
    font-weight: normal;
}
.product-title h4{
    font-size: 1rem;
    font-weight: normal;
}
.product-cats .product-category{
    margin-bottom: 30px;
}
.dotted-section.shop{
    padding-bottom: 0 !important;
    margin-bottom: 30px !important;
}

.row-no-padding > [class*="col"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.shop-category-hover{
    opacity: 0;
    transition: var(--global-transition);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    padding: 3rem;
    z-index: -1;
    display: flex;
}
.shop-category-hover:after {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
}
.shop-category-hover ul{
    list-style-type: none;
    font-size: 1rem;
}
.shop-category-hover > div{
    position: relative;
    z-index: 2;
}
.shop-category-hover a{
    color: #fff;
}
.deal-container:hover .shop-category-hover,
.sub-category:hover .shop-category-hover{
    opacity: 1;
    z-index: 2;
}
.sub-category {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center bottom 40%;
    transition: var(--global-transition);
}
.sub-category:hover{
    background-size: 105%;
}

.sub-category:hover img{

}
.sub-categories{
    text-align: center;
}
.sub-categories .sub-cat-title{
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    text-align: center;
    margin: 0;
}
.sub-categories .catgories-5 h4{

}
.sub-category img {
    width: auto;
    max-height: 400px;
    max-width: 100%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    max-width: 100%;
}
.products .mini-product{
    margin-bottom: 30px !important;
}
.price,
.mini-car .price,
#sidebar .amount,
.price_label span{
    font-weight: bold;
    color: #1a1a1a;
}
.price ins,
#sidebar ins .amount,
#sidebar ins{
    text-decoration: none;
}

.price del,
#sidebar del .amount{
    font-size: 75%;
    font-weight: normal;
    opacity: 0.75;
}
.price.h4 del{
    font-size: 100%;
}

#shipping_dates{
    font-size: 0.875rem;
}
#shipping_dates .content{
    position: relative;
}
#shipping_dates .date .meta{
    font-weight: normal;
    display: block;
}
#shipping_dates .icon{
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: inherit;
}
.row.row-narrow{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.row.row-narrow div[class*=col]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.woocommerce div.product form.cart{
    margin-bottom: 0;
}
.woocommerce div.product div.summary,
.woocommerce div.product div.images{
    margin-bottom: 0;
}
.accent-border-top{
    position: relative;
}
/*.accent-border-top:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 7px;
    background: #1c69d1;
}*/
.woocommerce a.remove{
    color: #414042 !important;
}
.woocommerce a.remove:hover{
    color: #dc3545 !important;
    background: none !important;
}
.woocommerce a.added_to_cart {
    padding-top: 0.5rem;
    display: inline-block;
    margin-left: 1rem;
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after{
    transform-origin: top !important;
    top: 50% !important;
}

.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading{
    padding-right: 40px !important;
}

.woocommerce table.cart td.actions button:disabled[disabled]{
    color: #fff !important;
}

#wess_wc_cart{
    position: absolute;
    background: #ededee;
    color: inherit !important;
    right: 0;
    top: calc(100% + 20px);
    padding: 1rem;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: var(--global-transition);
    min-width: 370px;
}
#wess_wc_cart.active{
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px);
}
#wess_wc_cart:before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ededee;
    position: absolute;
    top: -10px;
    right: 20px;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .total{
    text-align: right;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .cart_list li {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    padding-left: 2rem;
    background: #fff;
    position: relative;
}
#close-wess_wc_cart{
    position: absolute;
    right: 1rem;
    font-size: 1.5rem;
    top: 1rem;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
}
#wess_wc_cart .remove{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
}
#wess_wc_cart .woocommerce ul.product_list_widget li img{
    width: 50px;
}
#wess_wc_cart .woocommerce.widget_shopping_cart ul.product_list_widget li a{
    font-weight: normal;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .buttons{
    text-align: right;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .buttons a{
    margin: 0;
    display: inline-block;
    height: auto;
    font-size: 1rem;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .buttons a:not(.checkout){
    opacity: 0.5;
}
#wess_wc_cart .woocommerce.widget_shopping_cart .buttons a.checkout{
    margin-left: 0.5rem;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border-radius: 0;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    padding: 2rem;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    border-radius: 100%;
    border: 1px solid #1d69d1;
    margin: 0 0.25rem;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: #1d69d1;
    color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul{
    border: none;
}


/* MY ACCOUNT */
.woocommerce-account .woocommerce-MyAccount-navigation {
    border: 1px solid #e5e5e5;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul {
    list-style-type: none;
}
.woocommerce-MyAccount-navigation li a {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding: 1rem;
}
.woocommerce-MyAccount-navigation li.is-active a {
    font-weight: bold;
}
#customer_login .woocommerce-privacy-policy-text{
    margin-bottom: 0.5rem;
}
#customer_login .woocommerce-form__label-for-checkbox {
    margin-top: 0.5rem;
}
.woocommerce table.wishlist_table thead th,
.woocommerce table.wishlist_table tfoot td{
    border: none;
    font-size: 0.875rem;
}
.woocommerce table.wishlist_table tbody td{
    text-align: left;
    font-size: 0.875rem;
}
.woocommerce table.wishlist_table tbody td.product-price{
    color:  #1d69d1;
    font-weight: bold;
}
.woocommerce table.wishlist_table tbody td.product-price del{
    opacity: 0.5;
    font-size: 75%;
    font-weight: normal;
}
.woocommerce table.wishlist_table tbody td.product-price ins{
    text-decoration: none;
}
.woocommerce table.wishlist_table tbody td.product-add-to-cart {
    width: 220px;
}
.woocommerce table.wishlist_table tbody td.product-add-to-cart a{
    border-radius: 0;
}
.woocommerce .woocommerce-customer-details address{
    border-radius: 0;
}
#yith-wcwl-popup-message{
    display: none !important;
}

/*NEW CTA FORM*/

.single-car-option li {
    width: 380px !important;
    height: 250px !important;
    display: block;
    margin: auto;
    border: none !important;
}

.single-car-option li img {
    border: none !important;
}

.form-tab-icon {
    background-size: 35px;
    background-position: 20px;
    background-repeat: no-repeat;
}
.cta-form-wrapper ul:not(.styled-list) li{
    padding-left: 0 !important;
}
.cta-form-wrapper ul:not(.styled-list) li:before {
    display: none;
}

.cta-form-wrapper .testdrive-bg.active {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/testdrive-white.png);
}

.cta-form-wrapper .testdrive-bg {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/testdrive-black.png);
}

.cta-form-wrapper .service-bg.active {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/service-white.png);
}

.cta-form-wrapper .service-bg {
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/images/service-black.png);
}
.cta-form-wrapper a.active:before {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #C90000;
    z-index: 1;
}

.cta-form-wrapper li a {

}


/*CUSTOM TAB FORM*/

.custom-tabs .nav-tabs .price {
    color: #c90000;
}

.custom-tabs .nav-tabs {
    border-bottom: none;
    width: 100%;
}

.custom-tabs .nav-tabs li {
    flex: 1;
    text-align: left;
    padding-right: 1rem;
    display: flex;
    align-items: flex-end;
}

/*PAYMENT FIELDS*/

.payment_box.payment_method_custom_4807a353127e4db fieldset {
    margin: 0 -5px;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row {
    width: 33.33%;
    clear: none;
    float: left;
    padding: 0 15px;
    margin-bottom: 0 !important;
    padding-top: 0.5rem;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row:last-child {
    width: 100%;
    float: none;
    padding-top: 1rem;
}
.payment_box.payment_method_custom_4807a353127e4db p.form-row input:not([type=checkbox]), .payment_box.payment_method_custom_4807a353127e4db p.form-row select {
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff !important;
}
.payment_box.payment_method_custom_4807a353127e4db .woocommerce-info {
    clear: both;
    position: relative;
    top: 1rem;
    margin-left: 15px;
    margin-right: 15px;
}

.payment_box.payment_method_custom_4807a353127e4db select {
    height: 40px;
}
.payment_box.payment_method_custom_4807a353127e4db label {
    font-size: .75rem;
}

.section-spacing {
    position: relative;
    z-index: 1;
    margin-top: -2rem;
}

@media (max-width: 1440px) {

    body{
        font-size: 0.875rem;
    }

    p.discount-desc, p.discount-news-desc {
        font-size: .8rem;
    }

    .container {
        max-width: 90%;
    }

    .contact-form-border {
        width: 45% !important;
    }
    .popup .contact-form-border{
        width: 100% !important;
    }

    section#honda-power:after {
        left: 72%;
        bottom: 151px;
    }

    /*  .triangle:after {
    left: 67%;
  }
*/
    .new-cars-carousel-cell .car-img {
        width: 100%;
    }
}
@supports (-ms-ime-align: auto) {
    .scrollable-list label::after {
        left: calc(30% + 12px) !important;
    }
    .scrollable-list label::before {
        left: calc(30% + 10px) !important;
    }
    .configurator-wrapper .col-250 {
        width:30% !important;
    }
    .product-wrapper .col {
        display: inline-block;
        flex-basis: unset;
        width: 70%;
    }
    .configurator-wrapper .product-desc {
        font-weight: 100;
    }
    .flickity-slider .col-250 {
        width: 100% !important;
    }
    .flickity-slider label::after {
        left: 12px !important;
    }
    .flickity-slider label::before {
        left: 10px !important;
    }
}


@media (max-width: 1400px) {

    .triangle:after {
        display: none;
    }

    .img-full {
        width: 50% !important;
    }

    .img-full.triangle.right {
        margin-left: 50%;
    }

    .view-video.red.black,
    .view-video.black {
        position: absolute;
        top: 50%;
        left: 75%;
        transform: translateX(-50%) translateY(-50%);
    }
    .view-video.black{
        left: 25%;
    }

}
@media (min-width: 1200px) {
    #honda_carousel .flickity-viewport,
    #honda_carousel .carousel-cell {
        max-height: calc(100vh - 237px) !important;
    }
}

@media (max-width: 1199px) {

    section#new-cars-menu.sticky {
        top: 6px;
    }

    #honda_banner .flickity-prev-next-button {
        width: 30px;
    }
    .mega-cta-button {
        margin-left: 0 !important;
    }

    .new-cars-carousel-cell .button-slider .btn {
        width: 100%;
    }

    .cta-button.mega-current-menu-item > a {
        z-index: 1 !important;
        position: relative !important;
        color: #000 !important;
    }

    .mega-menu > li.cta-button > a:before{
        display: block !important;
    }

    .cta-button:after {
        top: 0;
    }

    .wess-logo img, .honda-logo img {
        max-width: 100%;
        height: auto;
        max-height: 25px;
        display: inline-block !important;
        margin: 1rem 0;
    }

    #header-menu #mega-menu-wrap-primary_menu .mega-menu-toggle {
        position: absolute;
        right: 15px;
        top: 24px;
    }

    li.mega-new-cars-mega-menu ul li img {
        display: block;
        margin: auto;
    }

    #discount-products .discount-text-wrap {
        margin: 1rem;
    }

    .dgwt-wcas-search-wrapp {
        min-width: 175px !important;
    }

    .deal-container .deal-elements{
        padding: 1rem;
    }
    .carousel-nav .new-cars-carousel-cell{
        font-size: 0.875rem;
        max-width: 200px;
    }
    #discount-products .title.decoration {
        max-width: 390px;
        flex: unset;
    }

    .arrow-decoration:after, .arrow-decoration:before {
        display: none;
    }

    #honda_banner h1, .h1-carousel {
        font-size: 3rem !important;
    }

    #new-cars .container-fluid:before {
        right: -45%;
    }

    #new-cars .container-fluid:after {
        top: 55px;
        right: -20%;
    }

    .contact-form-border {
        width: 100% !important;
        right: 0%;
    }

    a.nav-link {
        font-size: ;
    }

    #footer-top-menu a {
        font-size: .9rem;
    }


    .cta-car-img,
    .cta-akcijas-img {
        display: none;
    }

    #cta-honda-official h3 {
        font-size: 2.5rem;
    }

    #wess_widgets_popup .popup{
        overflow-y: scroll;
    }

}

@media (max-width: 1199px) and (min-width: 992px){
    #header a.nav-link{
        font-size: 0.75rem;
    }
}

@media (max-width: 1024px) {

    #new-cars .container-fluid:before {
        right: -55%;
    }

    #new-cars .container-fluid:after {
        right: -30%;
    }


    section#honda-power:after {
        left: 75%;
        bottom: 165px;
    }

    a#nav-testdrive-tab.white-icon {
        background-image: none !important;
    }

    a#nav-service-tab.white-icon {
        background-image: none !important;
    }
    #wess_widgets .wess-widget.active>span{
        display: none !important;
    }
}
@media (min-width: 992px) {
    #main_menu_wrapper {
        position: static !important;
    }

    .section-spacing {
        margin-top: 7rem;

    }
}

@media (max-width: 991px) {
    .service-single-pricing .price.text-primary {
        font-size: 1.25rem !important;
    }
    #honda_carousel .youtube-video iframe {
        width: 110%;
        height: 150%;
    }
    section#new-cars-menu.sticky {
        top: 34px;
    }

    .payment_box.payment_method_custom_4807a353127e4db .form-row {
        width: 100% !important;
    }
    #discount-products .shop-discounts{
        bottom: 0;
        margin-top: 0.5rem;
    }

    .car-specs{
        font-size: 0.875rem;
    }
    #header-menu #mega-menu-wrap-primary_menu .mega-menu-toggle {
        position: absolute;
        right: 15px;
        top: -34px;
    }

    .page-banner-simple .carousel-cell {
        height: 400px;
        min-height: 400px;
        max-height: 400px;
    }

    #wess_product_categories .sub-categories {
        display: none !important;
    }

    #wess_product_categories .view-category {
        font-size: 1rem;
    }

    .fixed-header #header-search {
        display: none;
    }

    #header-search {
        position: absolute;
        bottom: -60px;
    }

    div#header-search:before {
        content: "";
        width: 1000px;
        height: 48px;
        background: #fff;
        position: absolute;
        left: -50px;
        top: -4px;
    }

    .dgwt-wcas-search-wrapp {
        max-width: 100% !important;
    }


    .discount-text-wrap span {
        font-size: 3rem;
    }

    #discount-products .discount-text-wrap {
        margin: 1rem;
    }


    #discount-products .shop-discounts {
        max-width: 100%;
    }

    #discount-products .carousel {
        width: unset;
    }

    #wess_widgets .wess-widget.active > span{
        display: none !important;
    }
    .scale-decoration:before {
        display: none;
    }

    #header-top-menu .header-mobile {
        display: none;
    }

    #header-top-menu li {
        display: flex;
        justify-content: center;
    }

    #header-top-menu [class^="flaticon-"]:before {
        font-size: 20px;
    }

    .post-title .title {
        font-size: 1.5rem;
    }
    #honda-service .tab-content img {
        height: 300px;
    }

    .header-top {
        justify-content: center;
    }

    .service-type-form li {
        width: 100%;
    }

    .wpforms-page-next, .wpforms-page-prev, .wpforms-submit {
        width: 100px;
    }

    #below_banner {
        height: auto;
        top: 0;
    }
    #below_banner_text {
        top: 0;
    }
    #below_banner #form.deal-form {
        position: static;
    }


    .cta-menu{
        margin-top: 1rem;
    }
    #ctaform > .bg-white{
        position: relative;
        transform: none;
        margin-bottom: 2rem;
        top: 0;
    }
    #header a.nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    #contact-us .container {
        width: 80%;
    }

    #par-honda .img-full,
    #par-mums .img-full {
        width: 100% !important;
    }

    #par-honda .triangle,
    #par-mums .triangle {
        max-width: unset !important;
    }

    .page-banner .carousel-cell {
        height: 400px;
    }

    .new-cars-carousel-cell {
        height: auto;
    }

    /*  .carousel-cell {
    height: auto;
  }*/

    #wess_widgets .wess-widget.inactive {
        bottom: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #wess_widgets .wess-widget.active{
        bottom: 0 !important;
    }
    #wess_widgets .wess-widget.hover:not(.mobile-active)>span{
        display: none;
    }
    #wess_widgets .wess-widget.widget-mobile{
        display: block;
    }
    #wess_widgets .wess-widget:not(.widget-mobile) {
        bottom: 0;
        z-index: -1;
    }
    #wess_widgets .widget-0.mobile-active {
        bottom: 180px;
    }

    #wess_widgets .widget-1.mobile-active {
        bottom: 120px;
    }

    #wess_widgets .widget-2.mobile-active {
        bottom: 60px;
    }

    #wess_widgets .widget-3.mobile-active {
        bottom: 60px;
    }
    #wess_widgets .wess-widget.mobile-active {
        opacity: 1;
        visibility: visible;
        z-index: unset;
    }
    #wess_widgets .wess-widget:not(.widget-mobile).active{
        z-index: unset;
    }
    /*  .popup {
      top: 1rem;
      left: 1rem;
      bottom: 96px;
      right: 1rem;
      width: auto;
      max-height: 90%;
      transform: none !important;
      overflow: scroll !important;
  }*/

    .popup h2 {
        font-size: 4rem;
    }

    .popup p {
        font-size: 2rem;
    }

    #productCategoryName {
        display: none !important;
    }

    #productCategoryTab .carousel-small {
        width: 100%;
        border: none;
        margin: 0 7.5px;
        display: block !important;
    }

    #shop-nav .dropdown-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* .main-category {
    height: 400px;
  }*/

    .top-banner.triangle {
        max-width: 100%;
    }

    #new-cars-inner .gradient-btn {
        width: 180px;
        max-width: unset;
    }

    .img-gallery {
        height: auto;
        object-fit: cover;
    }

    #specifications .nav-item {
        width: 20%;
    }

    #specifications .nav-link {
        display: flex;
        justify-content: center;
        font-size: .75rem;
    }

    .gallery-small {
        display: none;
    }

    #honda-service .nav.nav-tabs {
        display: none;
    }

    .line.left {
        margin-left: auto !important;
    }

    #nav-tabContent .line.left, #footer-menu .line.left, #honda-serviss .line.left {
        margin-left: unset !important;
    }

    #new-cars .container-fluid:before {
        right: unset;
        left: 85%;
    }

    #new-cars .container-fluid:after {
        left: 97%;
        right: unset;
        top: 70px;
    }


    /*  #header img{
    display: inline-block;
  }*/
    .carousel-nav .new-cars-carousel-cell{
        width: 180px;
    }
    #official-service{
        height: auto;
    }
    h1{
        font-size: 3rem;
    }

    .new-cars-carousel-cell .car-img {
        width: 85%;
        display: block;
        margin: auto;
    }

    section#honda-power:after {
        left: 75%;
    }

    .img-full {
        position: relative !important;
        height: 350px;
        background-position: center;
        background-size: cover;
        box-shadow: 0px 1px 49px -10px #000;
    }

    .img-full.triangle.right {
        margin-left: 0;
    }

    .view-video.black, .view-video.black.red {
        position: absolute;
        top: 320px;
        left: 50%;
        transform: translateX(-50%);
        right: unset !important;
        z-index: 2;
    }

    #contact-us {
        height: auto !important;
    }

    section#honda-power:before {
        display: none;
    }

    section#honda-power:after {
        display: none;
    }

    div#navbarNavDropdown {
        position: absolute;
        background-color: #fff;
        border-top: 2px solid #c90000;
        top: 29px;
        z-index: 1;
        width: 100%;
        left: 0;
        right: 0;
        padding: 1rem;
    }
    div#navbarNavDropdown > ul > li{
        text-align: center;
    }


    /*  .wess-logo img, .honda-logo img {
    max-width: 100%;
    height: auto;
    max-height: 25px;
    display: inline-block !important;
    margin: 1rem 0;
  }*/

    .triangle {
        max-width: unset;
    }
}

@media (max-width: 767px) {
    .contact-page-title h1 {
        font-size: 2rem !important;
    }
    .simple-page-content .h2 {
        font-size: 2rem !important;
        font-weight: 700;
    }
    .blog .articles-wrapper h1 {
        font-size: 2rem !important;
        padding: 2.5rem 0;
    }
    .post-type-archive-deal .articles-wrapper > h1 {
        font-size: 2rem !important;
        padding: 2.5rem 0;
    }
    .simple-content h1 {
        font-size: 2rem !important;
    }
    #honda_carousel .youtube-video iframe {
        width: 100%;
        height: 131%;
    }
    #honda_carousel .flickity-viewport, #honda_carousel .carousel-cell {
        height: calc(100vh - 445px) !important;
        min-height: unset;
    }

    #specifications .nav-item {
        width: 100%;
    }

    #wess_product_categories .deal-elements.shop h2 {
        font-size: 1.5rem;
    }

    .discount-text-wrap span {
        font-size: 2.25rem;
    }

    .service-single-pricing {
        overflow-y: scroll;
        position: relative;
    }
    /*.service-single-pricing:before {
    background-image: url(https://www.hondawess.lv/wp-content/uploads/sites/2/arrow-right-arrow-left-solid.png);
    background-size: 26px;
    height: 33px;
    width: 28px;
    content: '';
    position: absolute;
    top: 11px;
    background-repeat: no-repeat;
    z-index: 1;
    right: 1rem;
    opacity: .5;
  }*/
    .service-single-pricing > div {
        min-width: 800px;
    }

    #single-car .ul-3-columns {
        -moz-column-count: 1;
        column-count: 1;
    }

    .post-title .title {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .dropdown-item{
        text-align: center
    }
    .blog-large, .blog-small {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #header a.nav-link {
        text-align: center;
    }


    #new-cars .container-fluid:before,
    #new-cars .container-fluid:after {
        display: none;
    }

    h2.car-title {
        font-size: 3rem !important;
    }

    .popup .popup-logo {
        text-align: left;
        padding-left: 1rem;
    }

    .popup .popup-logo img {
        height: 20px;
        width: auto;
    }

    .popup .popup-btn .close-button {
        font-size: .875rem;
    }

    .popup h2 {
        font-size: 2rem;
    }

    .popup p, .popup .popup-btn .btn {
        font-size: 1rem;
    }

    #cta-honda-official h3 {
        font-size: 1.5rem;
    }

    #nav-new-cars, #nav-used-cars {
        width: 50%;
        display: flex;
        justify-content: center;
    }

    #map {
        height: 350px;
        position: relative !important;
    }

    .btn {
        width: auto;
    }

    .line.left.center {
        margin-left: 50% !important;
        transform: translateX(-50%);
    }

    .contact-form-border {
        position: relative !important;
        left: 0;
        right: 0;
    }
}

@media (max-width: 575px) {
    .woocommerce-page #footer-top-menu [class^="flaticon-"]:before {
        right: unset;
        margin-right: 1rem;
    }
    .woocommerce-page #footer-top-menu .header-profile [class^="flaticon-"]:before {
        font-size: 24px !important;
        margin-right: 4px;
    }
    #single-car-gallery .gallery-cell {
        height: 300px !important;
        width:  100%;
    }
    .packagingCarousel .gallery-cell,
    .packagingCarousel .gallery-cell img {
        height: 350px !important;
        width:  100%;
    }
    #single-car-gallery .gallery-cell img {
        height: 300px;
    }
    #single-car-gallery button.flickity-button,
    .packagingCarousel button.flickity-button  {
        display: none;
    }
    #honda_carousel .youtube-video iframe {
        width: 101%;
        height: 156%;
    }

    #honda_carousel .flickity-viewport,
    #honda_carousel .carousel-cell {
        min-height: 210px;
        height: 210px !important;
    }

    section#new-cars-menu.sticky {
        top: 52px;
    }

    div#honda_carousel .carousel-cell .h4 {
        font-size: 18px;
    }

    .cta-form-wrapper .nav-tabs a  {
        font-size: .785rem !important;
        background-image: none !important;
    }

    #used_cars .deal-container .deal-elements .deal-title {
        font-size: 1rem;
        padding-bottom: .5rem;
    }

    .page-banner-simple .carousel-cell {
        height: 300px;
        min-height: 300px;
        max-height: 300px;
    }

    #used_cars .deal-container .deal-elements .price {
        font-size: 1rem;
    }


    #catalogue .btn-primary {
        font-size: .758rem;
        padding: .25rem .85rem;
    }

    .mini-car .price {
        font-size: 1rem;
    }

    #show-cars {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #wess_product_categories .main-category {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .leising-text-icon {
        background-image: none !important;
        font-size: 1.25rem;
        padding-bottom: 1rem;
    }

    a#leisingFinance,
    a#leisingOperative {
        font-size: 0.65rem;
        background-image: none !important;
        padding: 1rem !important;
        text-align: center;
    }

    #single-car .ul-2-columns {
        column-count: 1;
        -moz-column-count: 1;
    }

    #single-car .car-main-info:after {
        display: none;
    }

    #header-top-menu a{
        font-size: 12px;
    }
    .form-car-carousel ul .flickity-prev-next-button.previous{
        left: -1rem !important;
    }
    .form-car-carousel ul .flickity-prev-next-button.next{
        right: -1rem !important;
    }
    .mobile-menu-blocks a.mega-menu-link {
        font-size: 10px !important;
    }

    .p-0-sm {
        padding: 0;
    }

    .container {
        max-width: 100%;
    }

    .cta-menu .cta-btn{
        font-size: 0.75rem;
        padding: 0.25rem;
    }
    .carousel-small {
        width: 85%;
    }

    section#specifications .nav-item a {
        font-size: 1rem;
    }

    #contact-us .container {
        width: 95%;
    }

    .page-banner .flickity-page-dots {
        bottom: 10px !important;
    }

    .toggle-footer-menu {
        display: block;
    }

    #footer-menu .widget > div {
        display: none;
        margin-bottom: 1rem;
        border-bottom: 1px solid #000;
        padding-left: 1rem;
    }

    #sidebar .widget-content-toggle {
        display: none;
    }

    #footer-menu .line-below:after {
        width: 100%;
    }

    #ctaform > .bg-white {
        margin-top: 2.5%;
    }
    #new-cars-menu .new-cars-carousel-cell.is-selected:after{
        bottom: -19px;
    }
    .form-car-carousel .flickity-viewport:before,
    .form-car-carousel .flickity-viewport:after{
        opacity: 0.85;
    }
    .carousel-nav .new-cars-carousel-cell{
        width: 140px;
    }
    .carousel-nav .new-cars-carousel-cell p {
        font-size: 0.75rem;
    }
    #honda_banner .flickity-prev-next-button.previous{
        left: 0 !important;
    }
    #honda_banner .flickity-prev-next-button.next{
        right: 0 !important;
    }
    .wpforms-list-2-columns:not(.form-tabs) > ul > li{
        width: 100%;
    }
    .page-banner .carousel-cell{
        height: 350px;
        min-height: auto;
    }
    /*  #contact-us .nav-tabs a{
    font-size: 0.875rem !important;
  }*/

    #contact-us .nav-item {
        width: 33.33%;
    }

    h1, .h1 {
        font-size: 2rem;
    }

    #official-service {
        height: auto;
    }
    .form-tabs ul label{
        background-image: none !important;
        font-size: 0.65rem !important;
        padding: 1rem;
    }
    .terms-of-use {
        font-size: 0.75rem;
    }
    .wpforms-one-half {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    label{
        font-size: 0.875rem;
    }
    h5{
        font-size: 1rem;
    }
    .custom-wess-widget{
        max-width: calc(100% - 36px);
    }

    .footer-profile [class^="flaticon-"]:before, .footer-profile [class^="flaticon-"]:before {
        font-size: 20px;
    }


    #honda_banner h1, .h1-carousel {
        font-size: 2rem !important;
    }

    #honda_banner h3 {
        font-size: 1rem !important;
    }

    #contact-us .nav-tabs a{
        font-size: 0.785rem !important;
    }

    #new-cars .container-fluid:before {
        display: none;
    }

    #new-cars .container-fluid:after {
        display: none;
    }


    #official-service {
        height: auto;
    }

    #new-cars-inner .gradient-btn {
        max-width: unset;
        width: 140px;
    }

    #new-cars-inner .gradient-btn p {
        font-size: .75rem;
    }
}




/*
HONDA CONFIGURATOR CSS
*/

/*OVARLAYS*/

.cnfg-layer-wrapper .cnfg-layer {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.config-slider.summary-slider .cnfg-layer {
    left: 35%;
    transform: translate(-50%);
}
.config-slider {
    position: absolute;
    left: 0;
    bottom: 15%;
    width: 60%;
    z-index: 1;
}
.config-slider.summary-slider {
    width: 100%;
}
.config-slider img {
    width: 750px;
}
.config-slider .flickity-viewport {
    height: 450px !important;
}
.exterior-accessories-wrapper .exaccessories-layer,
.grade-type-wrapper .car-lights-layer {
    z-index: 1 !important;
}

/* SCROLL BAR */
.configurator-wrapper ::-webkit-scrollbar {
    width: 7px;
}
/* Track */
.configurator-wrapper ::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 10px;
    background: transparent;
}
/* Handle */
.configurator-wrapper ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: #008950;
    -webkit-box-shadow: inset 0 0 6px #008950;
}

.configurator-wrapper .flickity-page-dots {
    position: absolute;
    display: block !important;
    width: auto;
    top: 0;
    left: 10px;
}
.configurator-wrapper .flickity-page-dots .dot {
    display: block;
    margin-left: 0;
    width: 60px !important;
    height: 60px !important;
    border-radius: 0;
    transition: .15s all ease-in-out;
    position: relative;
    opacity: 1;
    margin-bottom: 10px;
    border-radius: 5px;
}

.configurator-wrapper li.dot:first-child.is-selected:after,
.configurator-wrapper li.dot:first-child:after {
    content: "\f0eb";
    font-family: fontAwesome;
    font-size: 2rem;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#car-config-page li.dot span{
    padding: 5px;
    position: absolute;
    color: #fff;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: 0.3s all linear;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
#car-config-page li.dot:hover span{
    opacity: 1;
    max-width: 100%;
}
#car-config-page li.dot.lights-selector.lights-off:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center center;
}
#car-config-page li.dot.lights-selector.lights-off:hover:before{
    right: 13px;
}
.configurator-wrapper li.dot:first-child.is-selected:hover:after,
.configurator-wrapper li.dot:first-child:hover:after {
    left: unset;
    right: 15px;
}
.configurator-wrapper li.dot:nth-child(2).is-selected:after,
.configurator-wrapper li.dot:nth-child(2):after {
    content: "";
    font-family: fontAwesome;
    font-size: 1.5rem;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-image: url(/wp-content/uploads/sites/2/2019/02/FRONT.png);
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.configurator-wrapper li.dot:nth-child(2).is-selected:hover:after,
.configurator-wrapper li.dot:nth-child(2):hover:after {
    left: unset;
    right: 3px;
}
.configurator-wrapper li.dot:nth-child(3).is-selected:after,
.configurator-wrapper li.dot:nth-child(3):after  {
    content: "";
    font-family: fontAwesome;
    font-size: 1.5rem;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-image: url(/wp-content/uploads/sites/2/2019/02/BACK.png);
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.configurator-wrapper li.dot:nth-child(3).is-selected:hover:after,
.configurator-wrapper li.dot:nth-child(3):hover:after {
    left: unset;
    right: 3px;
}
.configurator-wrapper .flickity-page-dots .dot:hover {
    width: 180px !important;
}
.configurator-wrapper .config-slider li.dot.is-selected,
.configurator-wrapper .overall-banner-carousel li.dot.is-selected {
    background-color: #008950 !important;
}
.configurator-wrapper .flickity-page-dots .dot {
    background: #c90000 !important;
}

.configurator-wrapper ::-webkit-scrollbar-thumb:window-inactive {
    background: #008950;
}
.configurator-wrapper {
    overflow-x: hidden !important;
}
.configurator-wrapper .car-img-switcher .btn {
    display: block;
    margin-bottom: .5rem;
    position: relative;
    font-weight: normal;
    text-align: left;
    transition: .3s all linear;
}
.car-img-switcher i {
    position: absolute;
    right: 10px;
}
.car-img-switcher .btn:hover {
    left: 0 !important;
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.configurator-wrapper .car-img-switcher {
    position: absolute;
    z-index: 1;
    padding-left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}
.configurator-wrapper .car-img-switcher a {
    position: absolute;
    left: -165px;
}

.configurator-wrapper .cnfg-leising {
    background: #fff;
}
.configurator-wrapper .cnfg-leising li {
    padding-left: 0 !important;
}
.configurator-wrapper .cnfg-leising li:before {
    display: none;
}
.configurator-wrapper .leising-btn,
.configurator-wrapper .leising-btn:active {
    background-image: url(/honda/wp-content/uploads/sites/2/2018/10/pieteikt-lizingu.png) !important;
}

/*FOOTER*/


.configurator-wrapper #wess_widgets {
    display: none;
}

div#MenuTabContent {
    position: relative;
}
img.car-type-logo {
    max-width: unset;
    width: 169px;
}
#cnfg-footer .line-decoration:before {
    position: absolute;
    content: "";
    width: 1px;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
}
#cnfg-footer .line-decoration:after {
    position: absolute;
    content: "";
    width: 1px;
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
}
#full-specification .refresh-to-start i {
    margin: 0 10px;
}
#full-specification .refresh-to-start {
    border: 2px solid #fff;
    color: #fff !important;
}
#full-specification .refresh-to-start:hover {
    border: 2px solid #c90000;
    color: #fff !important;
}
a.next-btn {
    background: #008950;
    border-color: #008950;
}
.prev-next-btns {
    text-align: right;
}
a.prev-btn {
    background: #fff;
    color: #000 !important;
    border: 2px solid #fff;
}
a.prev-btn:hover {
    color: #fff !important;
}
.cnfg-car-price p {
    font-size: 1.5rem;
    margin-bottom:  0;
}
.cnfg-car-monthly-price p {
    font-size: 1.5rem;
    margin-bottom:  0;
}
a.next-btn:hover {
    background: #c90000;
    border-color: #c90000;
}
.prev-next-btns i {
    margin: 0 .5rem;
}
.prev-next-btns .next-btn i:before {
    right: 10px !important;
    left: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.prev-next-btns i:before {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.refresh-to-start {
    background: transparent;
    border: 2px solid #fff;
}
.refresh-to-start:hover {
    background: #c90000;
    border: 2px solid #c90000;
    color: #fff !important;
}
.prev-next-btns a {
    /*  margin: 0rem .5rem;*/
    width: auto;
    position: relative;
}
#configurator-header {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: #fff;
}

/*CNFG FOOTER*/

#cnfg-footer {
    position: fixed;
    bottom: 0;
    height: 75px;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #fff;
}
.cnfg-car-monthly-price span {
    font-weight: bold;
    font-size: 2rem;
}

/*GRADE PAGE*/

#gradeOptionTab.configFooterTab .nav-link:before,
#engineOptionTab.configFooterTab .nav-link:before  {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #b0b2b3;
    border-radius: 5px;
}
#gradeOptionTab.configFooterTab .nav-link:after,
#engineOptionTab.configFooterTab .nav-link:after  {
    content: "";
    position: absolute;
    left: 21px;
    width: 21px;
    height: 16px;
    background-size: 21px;
    background-image: url(/honda/wp-content/themes/wess-select-honda/assets/css/images/check-mark.png);
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%) scale(0);
    opacity: 0;
    transition: .3s all ease-in-out;
}
#gradeOptionTab.configFooterTab .added .nav-link:after,
#engineOptionTab.configFooterTab .added .nav-link:after  {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.cnfg-option-title {
    padding: 2rem;
}
.cnfg-option-title h4 {
    text-transform: uppercase;
}
.grade-item.added h2 {
    font-weight: 600;
}
#grade .configFooterTab .nav-link p,
#engine .configFooterTab .nav-link p {
    font-size: 1.25rem;
    font-weight: 600;
}
#grade .main-tab-content,
#engine .main-tab-content {
    max-height: calc(100vh - 360px) !important;
}
/*#grade .fixed-bottom, #engine .fixed-bottom {
  height: 700px;
}*/

#grade ul.configFooterTab h2 {
    margin-bottom: 0;
}
#engine ul.configFooterTab h2 {
    font-weight: 500;
    margin-bottom: 0;
}
#engine .active_engine.added h2 {
    font-weight: 600;
}


#top-header {
    background-color: #000;
}
#top-header .breadcrumbs {
    display: inline-flex;
}
#top-header .breadcrumbs.active {
    margin-left: 1rem;
}
#top-header .breadcrumbs a {
    color: #8d8d8d;
}
#top-header .breadcrumbs.active a {
    color: #fff;
}
#top-header .breadcrumbs.active a h1 {
    font-size: 1rem !important;
    display: inline;
    font-weight: normal;
}
#top-header .breadcrumbs i {
    margin-right: 1rem;
}
#top-header img.honda-logo {
    width: 200px;
}

#tab-menu .car-type-logo {
    width: 100px;
}
.config-menu-tabs li.nav-item:first-child {
    border-left: 1px solid #8d8d8d;
}
/*.config-menu-tabs {
  pointer-events: none;
}*/

.configurator-wrapper .grade-item.added,
.configurator-wrapper .active_engine.added {
    pointer-events: none;
}

.config-car-slider img,
.overall-banner-carousel img {
    z-index: 0 !important;
}



#tab-menu .cnfg-car-price p {
    margin-bottom: 0;
}
#tab-menu .nav-tabs {
    border-bottom: none;
}
.configFooterTab {
    border-bottom: 1px solid #ccc;
}

#tab-menu .nav-link.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    bottom: 0;
}
#tab-menu .nav-link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--global-transition);
    display: block;
    background: transparent;
}
#tab-menu .nav-link:hover:before {
    width: 100%;
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
}
#tab-menu .nav-tabs .nav-link.active {
    border: none;
    color: #000;
    font-weight: normal;
    border-radius: 0;
}
#tab-menu .nav-tabs .nav-link {
    padding: .75rem;
    color: #8d8d8d;
    font-weight: normal;
    border-radius: 0;
    width: 100%;
}
#tab-menu .nav-tabs .nav-link:hover,
.configFooterTab .nav-link:hover:not(.disabled) {
    border: none;
}
#tab-menu .nav-item {
    width: 20%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
#tab-menu .cnfg-car-price span {
    color: #008950;
    font-weight: bold;
}
#tab-menu .nav-item {
    border-right: 1px solid #8d8d8d !important;
}
/*.configFooterTab li {
  border-right: 1px solid #8d8d8d !important;
}*/







#grade, #engine, #exterior, #interior  {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/bg-min.jpg);
    height: calc(100vh - 113px);
    background-size: 100%;
}



#bg-img {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/bg-min.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

#config-menu-content .card-list {
    padding: 1.25rem;
}
.grade-options {
    list-style: none;
    padding-left: 0;
}
.grade-options li strong {
    color: #000;
    position: relative;
    font-weight: normal;
}
.grade-options del {
    color: #bbb;
    text-decoration: none;
}
ul.grade-options del {
    text-decoration: none;
}
/*.grade-options li.active {
  color: #000;
  position: relative;
}*/
.main-tab-content .card-title {
    font-weight: bold;
}
.grade-options li strong:before {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/check-mark.png) !important;
    background-repeat: no-repeat !important;
    content: "";
    position: absolute;
    background-size: 21px !important;
    width: 21px !important;
    height: 16px !important;
    transform: none !important;
    background: none;
    top: 0;
    display: block !important;
    left: -1.25rem;
}
.main-tab-content .card .card-list.grade-options ul {
    list-style: none;
}
.main-tab-content .card .card-list.grade-options ul li:before {
    display: none !important;
}

#gradeOptionTab, #engineOptionTab {
    display: block !important;
}

.configurator-wrapper .fixed-bottom {
    position: fixed;
    width: 40%;
    left: unset !important;
    right: 30px;
    top: 155px;
    bottom: auto;
    border-radius: 5px;
    overflow: hidden;
}

.configFooterTab li:before {
    display: none;
}
ul.configFooterTab .nav-item {
    padding-left: 0 !important;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #cccccc69;
}
.configFooterTab .nav-item .nav-link:hover,
.configFooterTab.multiple-tabs .nav-item .nav-link.active {
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
}
.configFooterTab .nav-item .nav-link:hover .tab-text-wrap,
.configFooterTab.multiple-tabs .nav-item .nav-link.active .tab-text-wrap {
    color: #fff;
}
.configFooterTab .nav-item .nav-link.disabled:hover .tab-text-wrap {
    color: #000;
}
.configFooterTab .nav-item .nav-link.disabled:hover {
    background: #ddd;
    border-right: 1px solid #8d8d8d !important;
}
.configFooterTab .nav-item .nav-link.disabled .tab-text-wrap {
    text-decoration: line-through;
    color: #000;
    cursor: not-allowed;
}
ul.configFooterTab h2 {
    font-size: 1.25rem;
    font-weight: 500;
}
#exterior ul.configFooterTab h2,
#interior ul.configFooterTab h2 {
    font-size: 1rem;
    margin-bottom: 0;
}

.configFooterTab .added .nav-link {
    background: linear-gradient(45deg, #c90000 0%,#74121d 100%);
    color: #fff;
    border-right: none !important;
    height: 100%;
}
.configFooterTab .nav-link {
    color: #000;
    border-radius: 0 !important;
    padding: 1.5rem;
    border-right: 1px solid #000;
    font-weight: normal;
    height: 100%;
}
.configFooterTab .nav-link p {
    margin-bottom: 0;
    font-size: 1.5rem;
}

.configurator-wrapper .product-wrapper .form-check-inline {
    position: absolute;
    bottom: 0;
    left: 55px;
}



.configurator-wrapper .config-slider .flickity-slider {
    transform: none !important;
    position: relative;
}
.config-slider .carousel-cell {
    opacity: 0;
    z-index: -1;
    left: 0 !important;
    transition: none;
}
.config-slider .carousel-cell.is-selected,
.overall-banner-carousel .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0;
}
.config-slider .flickity-page-dots,
.overall-banner-carousel .flickity-page-dots {
    display: flex;
    justify-content: center;
    bottom: -20px !important;
}
.config-slider .flickity-page-dots .dot,
.overall-banner-carousel .flickity-page-dots .dot {
    width: 20px;
    height: 20px;
}
.overall-banner-carousel .flickity-page-dots {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
#overall-banner-bg h2 {
    font-size: 3.5rem;
}
/*.config-slider .flickity-page-dots .dot:first-child,
.overall-banner-carousel .flickity-page-dots .dot:first-child {
  background-image: url(images/gaismas.png) !important;
  background-size: 20px !important;
/*  width: 20px !important;*/
height: 20px;
background-repeat: no-repeat !important;
border-radius: 0;
background-color: transparent !important;
}*/
.config-slider .flickity-page-dots .dot.is-selected:first-child,
.overall-banner-carousel .flickity-page-dots .dot.is-selected:first-child {
    background-color: transparent !important;
}
/*ENGINE TAB*/
#engine li.disabled {
    background: #ddd;
    pointer-events: none;
    opacity: .5;
    text-decoration: line-through;
    display: none;
}
.inactive_engine, .inactive_color, .inactive_chairs, .inactive_tires, .inactive_chairs {
    display: none !important;
}
#engine .fixed-footer-icons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}
#engine .tab-text-wrap span {
    display: block;
}
#engine .tab-text-wrap h2 {
    font-weight: normal;
}
#engine .nav-link.disabled span.info-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.5rem;
    color: #c90000;
    z-index: 999;
}
.configurator-wrapper .info-icon i {
    background-color: #fff;
    border-radius: 100%;
}
.configFooterTab .nav-link.disabled {
    background-color: #ddd;
}
#engine .gear {
    width: 42px;
}
#engine .nav-link.active .gear.black,
#engine .nav-link .gear.white,
#engine .nav-link:hover .gear.black,
#engine .nav-link.disabled:hover .gear.white {
    display: none;
}


#engine .nav-link:hover .gear.white,
#engine .nav-link.disabled:hover .gear.black,
#engine .nav-link.active .gear.white {
    display: block;
    margin: auto;
    margin-bottom: .5rem;
}

.cnfg-layer-wrapper .d-none.cnfg-layer {
    opacity: 0;

    display: block !important;
}
.cnfg-layer-wrapper .d-block.cnfg-layer {
    opacity: 1;
    transition: .3s all ease-in-out;
}

/*EXTERIOR*/

#exterior .exterior-icon {
    width: 35px;
    margin-bottom: .5rem;
}

.nav-link.active .exterior-icon.black,
.nav-link .exterior-icon.white,
.nav-link:hover .exterior-icon.black {
    display: none;
}

.car-lights-layer.d-block {
    z-index: 1 !important;
}

.nav-link:hover .exterior-icon.white,
.nav-link.active .exterior-icon.white {
    display: block;
    margin: auto;
    margin-bottom: .5rem;
}

.exterior-color-picker li:before {
    display: none;
}
.exterior-color-picker li {
    display: inline-block;
    padding-left: 0 !important;
}
.exterior-color-picker .color-box.btn:active {
    transform: scale(1.05);
}
.exterior-color-picker .color-box.btn {
    transition: .3s all linear;
}

#exterior .color-box {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    min-width: unset;
    padding: 0;
    z-index: 1;
    position: relative;
    border-width: 2px !important;
}
.exterior-color-picker li {
    margin-right: .5rem;
}

.exterior-color-picker li.active:after {
    position: absolute;
    content: "";
    background: #008950;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    z-index: 0;
    border-radius: 5px;
}

#exterior .color-box.option1 {
    background-color: #7e828b;
}
#exterior .color-box.option2 {
    background-color: #025a9f;
}
#exterior .color-box.option3 {
    background-color: #0c0c0c;
}
#exterior .color-box.option4 {
    background-color: #454545;
}
#exterior .color-box.option5 {
    background-color: #12130d;
}
#exterior .color-box.option6 {
    background-color: #e1e1e1;
}
#exterior .color-box.option7 {
    background-color: #b71a22;
}
#exterior .color-box.option8 {
    background-color: #1b476b;
}
#exterior .product-title {
    margin-bottom: 0;
}
.configurator-wrapper .scrollable-list {
    padding: 0 1.25rem;
}
.configurator-wrapper .scrollable-list li:first-child {
    border-top: 1px solid transparent !important;
}
.configurator-wrapper .scrollable-list li {
    padding-left: 0 !important;
}
.configurator-wrapper .scrollable-list li:before {
    display: none;
}

.configurator-wrapper .btn-sm.btn-primary.green {
    background: #008950;
    border-color: #008950;
    padding: .5rem 1.5rem;
    min-width: 150px;
    border-radius: 4px;
    max-height: 35px;
}

.configurator-wrapper .btn-sm.btn-primary.green.active {
    background: #000;
    border-color: #000;
}

#exterior .form-check-inline,
#interior .form-check-inline {
    margin-right: 0;
}
.configurator-wrapper .product-title {
    margin-bottom: 0;
}
.configurator-wrapper .product-desc {
    margin-top: 1rem;
    font-size: .75rem;
    line-height: 1.2;
    padding-bottom: 2.5rem;
}


/*INTERIOR*/

#interior .card, #exterior .card {
    border-radius: 0;
}

.cnfg-tab-wrapper {
    position: relative;
    height: 120px;
}
.cnfg-tab-wrapper ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}
.main-tab-content {
    position: static;
    max-height: calc(100vh - 390px) !important;
    overflow-y: scroll;
}

#interior .exterior-icon {
    width: 35px;
    margin-bottom: .5rem;
}

/*#interior {
  background-image: url(/honda/wp-content/uploads/sites/2/2019/01/bg1-min.jpg);
  background-position: center;
  padding-bottom: 130px;
  background-size: 100%;
  transition: .3s all ease-in-out;
}*/

#interior .front-panel-bg,
#interior .seats-bg,
#interior .trunk-bg {
    position: absolute;
    height: calc(100vh - 118px);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: .3s all ease-in-out;
    object-fit: cover;
}

#interior.chairs {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/Civic2017-Comfort-BK-seats.jpg);
    transition: .3s all ease-in-out;
}
#interior.trunk {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/Civic2017-Comfort-NH-731P-boot.jpg);
    transition: .3s all ease-in-out;
}

/*OVERALL SET*/


.configurator-wrapper .flickity-prev-next-button.next {
    right: 35% !important;
    top: 100%;
}
.configurator-wrapper .flickity-prev-next-button.previous {
    left: 35% !important;
    top: 100%;
}
.configurator-wrapper .flickity-page-dots {
    bottom: auto !important;
    top: 50%;
    transform: translateY(-50%);
}
.configurator-wrapper .flickity-prev-next-button.previous,
.configurator-wrapper .flickity-prev-next-button.next {
    fill: #fff;
}


.configurator-wrapper .flickity-page-dots .dot.is-selected:before {
    display: none;
}

.order-car-now {
    width: 200px;
    background: #008950;
    border-color: #008950;
}

#overall-set .ui-slider-horizontal {
    height: .5em;
}
#overall-set .ui-widget-content {
    border-radius: 1em;
    border: 0;
}
#overall-set .ui-slider {
    position: relative;
    text-align: left;
    margin-left: .5em;
    margin-right: .5em;
}
#overall-set .ui-slider .ui-slider-range,
#overall-set .ui-slider .ui-slider-handle {
    background: #c90000;
    border: none!important;
}
#overall-set .ui-slider-handle {
    width: 1rem !important;
    height: 1rem !important;
    top: -4px !important;
}
#overall-set .ui-slider .ui-slider-handle:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    transform: translate(50%, 50%);
}
#overall-set .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
#overall-set .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
#overall-set .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 1em;
    background-color: #C90000;
}
#overall-set .ui-widget-content {
    border: 1px solid #dddddd;
    color: #444444;
}
#overall-set .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    background-color: #C90000;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    top: -.3em;
    margin-left: -.5em;
}


#overall-set .icon-link img {
    width: 100px;
    transition: .3s all ease-in-out;
    margin-bottom: 1rem;
}

.configurator-wrapper .card-title {
    font-weight: 600;
}
.configurator-wrapper .icon-link p {
    color: #008950;
}

.configurator-wrapper .icon-link:hover img {
    transform: scale(1.05);
}

.configurator-wrapper .overall-car-price h2 {
    color: #008950;
    font-weight: bold;
}



#your-setup .simpleCart_items table {
    width: 100%;
}
#your-setup .itemRow img {
    width: 125px;
}


#your-setup button.btn.btn-link {
    font-weight: 600 !important;
    color: #000 !important;
}

#your-setup .btn.btn-link span {
    font-weight: normal;
    color: #000;
}

#your-setup button.btn.btn-link.collapsed:before {
    content: "\f107";
    position: absolute;
    left: 0;
    font-family: Font Awesome\ 5 Free;
}
#your-setup button.btn.btn-link.collapsed:after {
    display: none;
}
#your-setup button.btn.btn-link:after {
    content: "\f107";
    position: absolute;
    left: 0;
    font-family: Font Awesome\ 5 Free;
    transform: rotate(180deg);
}

#full-specification .panel-title a {
    color: #000;
}
#full-specification .panel-title {
    padding: 1.5rem !important;
    font-weight: 600;
}
#car-leising .leising-text-icon {
    font-weight: 600 !important;
}

#full-specification td {
    width: 50%;
}
#full-specification .prev-btn {
    color: #000;
    position: relative;
    right: unset;
}
#full-specification .prev-btn:hover {
    color: #c90000;
}

#tech-specifications ul {
    padding: 1.5rem;
    column-count: 3;
    column-gap: 2rem;
    list-style: none;
}
#tech-specifications h4 {
    padding: .5rem 1.5rem;
}

.configurator-wrapper .main-function-list li:before {
    display: none;
}

.configurator-wrapper .main-function-list li {
    padding: 1.5rem !important;
}

.configurator-wrapper .main-function-list .read-more-dropdown {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #008950 !important;
    cursor: pointer;
}

.configurator-wrapper .main-function-inner-list td.color-red {
    color: #c90000 !important;
}
.icon-open-close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#full-spec-accordion .collapsed .open-close-icon:before {
    position: absolute;
    right: 30px;
    content: "";
    background: #c90000;
    width: 3px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
}

#full-spec-accordion .collapsed .open-close-icon:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 3px;
    background: #c90000;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#full-spec-accordion .open-close-icon:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 3px;
    background: #c90000;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}


a.read-more-dropdown.collapsed .hide,
a.read-more-dropdown .drop {
    display: none;
}
a.read-more-dropdown.collapsed .drop,
a.read-more-dropdown .hide {
    display: block;
}
#overall-banner-bg {
    background-image: url(/honda/wp-content/uploads/sites/2/2019/01/bg-min.jpg);
    background-size: 100%;
    height: calc(100vh - 115px);
    background-repeat: no-repeat;
}
/*.configurator-wrapper .arrow-wrapper:after {
  content: "";
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background: #fff;
  width: 125px;
  height: 125px;
}*/

.read-more-scroll {
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    height: 60px;
    width: 30px;
    text-align: center;
}
.arrow-wrapper {
    height: 60px;
}
.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.read-more-scroll-text {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

/*.single-car .page-banner-simple a {
    display: none;
}*/





.configurator-wrapper .arrow-down {
    position: absolute;
    left: 50%;
    width: 45px;
    height: 45px;
    bottom: 0;
    z-index: 3;
    transform: translate(-50%);
    background-image: url('/honda/wp-content/uploads/sites/2/2019/01/arrows.png');
    background-size: 45px;
    background-repeat: no-repeat;
    margin-left: -22.5px;
}

.arrow-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
/*.configurator-wrapper img.arrow-down:hover {
  position: absolute;
  bottom: 7px;
  left: 50%;
  width: 45px;
  height: 45px;
  z-index: 3;
  transform: translateX(-50%);
}*/

.warranty-btn {
    position: absolute;
    right: 0;
    bottom: 2px;
    padding-right: 0;
}

#warranty-service .scrollable-list label:before {
    z-index: 1;
    right: 165px;
    left: unset;
    bottom: 2px;
}
#warranty-service .scrollable-list label:after {
    bottom: 4px;
    right: 166px;
    left: unset;;
}
.warranty-service-price {
    font-weight: 600;
    color: #000;
    font-size: 1.25rem;
}

.scrollable-list label {
    display: inline-block;
    position: relative;
}
.scrollable-list label:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    left: 225px;
    bottom: 8px;
    border: 1px solid #b0b2b3;
    border-radius: 5px;
}
.scrollable-list .form-check-input:after{
    content: "\f00c" !important;
    font-family: Font Awesome\ 5 Free !important;
    font-weight: 900;
    color: #fff;
    font-size: 0.5rem;
    line-height: 0.75rem;
    text-align: center;
}
.scrollable-list label:after {
    position: absolute;
    content: "";
    background-image: url(images/check-mark.png);
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    left: 228px;
    bottom: 10px;
    transform: scale(0.01);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    transition: var(--global-transition);
}

.scrollable-list.right label:before {
    right: 283px;
    bottom: 20px;
    left: unset;
}
.scrollable-list.right label:after {
    right: 284px;
    bottom: 21px;
    left: unset;
}


.scrollable-list input:checked + label:after {
    transform: scale(1);
}
.scrollable-list input{
    display: none;
}


#exterior-tires .standart-set,
#chairs .standart-set {
    pointer-events: none;
}
#exterior-tires .standart-set label:before,
#exterior-tires .standart-set label:after,
#chairs .standart-set label:before,
#chairs .standart-set label:after {
    display: none;
}
#exterior-tires-tab {
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
}


a#leisingOperative.cnfg {
    background-image: url(images/operativais-g.png);
}
a#leisingFinance.cnfg {
    background-image: url(images/lizings-g.png);
}
a#leisingFinance.cnfg.active {
    background-image: url(images/lizings-w.png);
}
a#leisingOperative.cnfg.active {
    background-image: url(images/operativais-white.png);
}
.cnfg.leising-btn, .cnfg.leising-btn:active {
    background-image: url(images/pieteikt-lizingu.png) !important;
}
.configurator-leising li:before {
    display: none;
}
.leising-text-icon.cnfg {
    background-image: url(images/honda-info.png);
}
.overall-banner-carousel .carousel-cell img {
    width: 65%;
    max-width: unset;
}

.configurator-wrapper .decoration-left:before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: linear-gradient(to right top, rgb(201, 0, 0), rgb(116, 18, 29));
    z-index: -2;
    transform: rotate(55deg);
    left: -440px;
    top: 150px;
}
.configurator-wrapper .decoration-left:after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: #fff;
    top: 300px;
    left: -275px;
    transform: rotate(55deg);
    z-index: -1;
}

.configurator-wrapper .decoration-right:before {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    right: -640px;
    top: -215px;
    left: unset;
    background: linear-gradient(to right top, rgb(201, 0, 0), rgb(116, 18, 29));
    transform: rotate(45deg);
    z-index: -2;
}

.configurator-wrapper .decoration-right:after {
    position: absolute;
    content: "";
    width: 400px;
    height: 400px;
    right: -585px;
    top: -115px;
    left: unset;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
}

.configurator-wrapper .popover-body {

}
.configurator-wrapper .popover-header {
    background: #fff;
    text-align: center;
    border-bottom: 3px solid #c90000;
}

/*CONFIGURATOR POPUP*/

.configurator-wrapper .popup .cart-each-product {
    padding: 0 !important;
}
.configurator-wrapper .popup .car-main-info h6.price {
    color: #008950;
}
#equipment .cart-each-product .name {
    font-weight: bold;
}

.configurator-wrapper .popup .cart-products-form-list {
    display: none;
}

.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}
.loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #008950;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.progress-wrap{
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 9999999;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: hidden;
    opacity: 1;
    transition: .3s all ease-in-out;
    border: 1rem solid #008950;
    transition-delay: 0.75s;
}

.fully-loaded .progress-wrap{
    opacity: 0;
}
.progress-wrap .logo {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -95px;
    transition: var(--transition);
    background-size: 200px;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
}
.progress-wrap .progress {
    position: absolute;
    height: 4px;
    display: block;
    max-width: 90%;
    width: 400px;
    background-color: #c9000073;
    margin: .5rem 0 1rem;
    overflow: hidden;
    border-radius: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
.progress-wrap .progress .indeterminate {
    background-color: #c90000;
}
.configurator-wrapper .quantity-am {
    text-align: right;
}
.configurator-wrapper .col-250 {
    width: 225px;
}
.configurator-wrapper .popover {
    top: -50px !important;
}

#order-now-car .cnfg-leising .nav-link {
    padding: 1rem 1rem 1rem 4.5rem;
    cursor: pointer;
    font-weight: bold;
}
.cnfg-leising .monthly-costs span {
    color: #008950;
    font-size: 2rem;
    font-weight: bold;
}
#footer-btns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    padding: 1rem !important;
    z-index: 2;
}
.configurator-wrapper .summary-btns .btn {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff !important;
}

.configurator-wrapper .summary-btns .btn.ghost-btn:hover,
.configurator-wrapper .summary-btns .btn.ghost-btn:active {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
.row.summary-btns i {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.configurator-wrapper .panel {
    cursor: pointer;
}



/* CONFIGURATOR RESPONSIVNESS */

@media (max-width: 1440px) {
    .configurator-wrapper .container {
        max-width: 100% !important;
    }
    img.car-type-logo {
        width: 100px;
    }
    .cnfg-car-monthly-price p {
        font-size: 1.25rem;
        text-align: center;
    }
    .cnfg-car-price p {
        font-size: 1rem;
        text-align: center;
    }
    #interior .main-tab-content, #exterior .main-tab-content {
        /*    height: 440px !important;*/
    }
    #overall-banner-bg {
        background-size: cover;
    }
    .config-slider.summary-slider .cnfg-layer {
        left: 50%;
        transform: translate(-50%);
    }
}



@media (max-width: 1199px) {

    #grade, #engine, #exterior, #interior {
        background-repeat: no-repeat;
        background-size: cover;
    }
    #exterior .color-box {
        width: 30px;
        height: 30px;
    }
    .cnfg-option-title {
        padding: 1.5rem;
    }
    #grade .configFooterTab .nav-link p,
    #engine .configFooterTab .nav-link p {
        font-size: 1rem;
    }
    .configFooterTab .nav-link {
        padding: 1rem;
    }
    ul.configFooterTab h2 {
        font-size: 1rem;
    }
    #gradeOptionTab.configFooterTab .nav-link:before,
    #engineOptionTab.configFooterTab .nav-link:before {
        width: 25px;
        height: 25px;
    }
    #gradeOptionTab.configFooterTab .nav-link:after,
    #engineOptionTab.configFooterTab .nav-link:after {
        left: 19px;
        width: 17px;
        height: 17px;
    }
    .prev-next-btns a {
        min-width: 100%;
        padding: .5rem 1rem;
        font-size: 12px;
    }

}

@media (max-width: 1199px) and (min-width: 992px){
    .configurator-wrapper .col-250{
        width: 150px;
    }
    .scrollable-list label:before{
        left: 152px;
    }
}


@media (max-width: 991px) {

    .warranty-btn {
        bottom: 8px;
    }

    .read-more-scroll {
        display: none;
    }

    .configurator-wrapper li.dot:nth-child(2).is-selected:hover:after,
    .configurator-wrapper li.dot:nth-child(2):hover:after,
    .configurator-wrapper li.dot:first-child.is-selected:hover:after,
    .configurator-wrapper li.dot:first-child:hover:after,
    .configurator-wrapper li.dot:nth-child(3).is-selected:hover:after,
    .configurator-wrapper li.dot:nth-child(3):hover:after {
        left: unset;
        right:unset;
    }
    .configurator-wrapper li.dot:nth-child(2).is-selected:hover:before,
    .configurator-wrapper li.dot:nth-child(2):hover:before,
    .configurator-wrapper li.dot:nth-child(3).is-selected:hover:before,
    .configurator-wrapper li.dot:nth-child(3):hover:before,
    .configurator-wrapper li.dot:first-child.is-selected:hover:before,
    .configurator-wrapper li.dot:first-child:hover:before,
    #car-config-page li.dot span{
        display: none;
    }
    .configurator-wrapper .popover,
    .popover-body, .popover-header,
    .popover .arrow {
        display: none !important;
    }
    #car-config-page li.dot.lights-selector.lights-off:before{
        right: 3px !important
    }

    .config-slider.summary-slider {
        top: 50%;
        transform: translateY(-50%);
        height: 150px;
    }
    #cnfg-footer {
        height: 100px !important;
        border-bottom: none;
    }
    .configurator-wrapper .flickity-page-dots .dot {
        width: 45px !important;
        height: 45px !important;
    }
    ul#CnfgMenuTabs {
        display: none;
    }
    .product-title {
        font-size: 1rem;
    }
    .item-price {
        font-size: 12px;
    }
    #summary .line.left {
        margin-left: unset !important;
    }
    #warranty-service .scrollable-list label:before {
        z-index: 1;
        right: 160px;
        top: unset;
        bottom: 8px;
    }
    #warranty-service .scrollable-list label:after {
        right: 161px;
        top: unset;
        bottom: 10px;
    }

    .config-slider {
        width: 100%;
        top: 12%;
        bottom: auto;
    }
    .configurator-wrapper .fixed-bottom {
        width: 100% !important;
        right: 0 !important;
        height: auto !important;
        position: absolute !important;
        bottom: 0 !important;
        top: unset !important;
        border-radius: 0;
    }
    .configurator-wrapper .flickity-page-dots {
        left: unset;
        right: 0;
    }
    .config-slider img {
        width: 60%;
    }
    #gradeOptionTab li,
    #engineOptionTab li,
    .configurator-wrapper .scrollable-list li {
        width: 150px;
        height: 150px;
        transition: none;
        box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.25);
        margin: .5rem;
        border-radius: 5px;
    }
    #exterior-color li{
        width: 150px;
    }
    #engineOptionTab li,
    .configurator-wrapper .scrollable-list li{
        width: 300px;
    }
    #exterior .color-box{
        width: 100%;
        height: 100%;
        border: 20px solid #fff !important;
    }
    #gradeOptionTab.configFooterTab .nav-link:after,
    #engineOptionTab.configFooterTab .nav-link:after {
        left: unset;
        width: 17px;
        height: 17px;
        right: 14px;
        top: 20px;
    }
    #gradeOptionTab.configFooterTab .nav-link:before,
    #engineOptionTab.configFooterTab .nav-link:before {
        position: absolute;
        top: 20px;
        right: 10px !important;
        left: unset;
    }
    .configFooterTab .nav-link {
        padding: 0.5rem;
    }
    .cnfg-tab-wrapper{
        height: 90px !important;
    }
    /*  .cnfg-option-title {
    border-bottom: none !important;
  }*/

    .main-tab-content li,
    div#exterior-tires li{
        border: 2px solid transparent !important;
    }
    .configFooterTab li.added {
        border: 2px solid #008950 !important;
    }
    .scrollable-list li{
        border: 2px solid transparent !important;
    }
    .scrollable-list li.added {
        border: 2px solid #008950 !important;
    }
    div#exterior-tires li.added,
    div#exterior-tires li.standart-set {
        border: 2px solid #008950 !important;
    }
    .configurator-wrapper .scrollable-list li:first-child {
        border-top: 2px solid transparent !important;
    }
    .configurator-wrapper .scrollable-list li.added:first-child {
        border-top: 2px solid #008950 !important;
    }
    .configFooterTab .added .nav-link,
    .configFooterTab:not(.multiple-tabs) .nav-item .nav-link:hover {
        background: none !important;
        color: #333 !important;
    }
    .configFooterTab .nav-item .nav-link:hover .tab-text-wrap {
        color: #333;
    }
    #interior .main-tab-content, #exterior .main-tab-content{
        height: auto !important;
        position: relative;
    }
    #interior .cnfg-product-wrapper,
    #exterior .cnfg-product-wrapper{
        padding: 0;
    }
    .configurator-wrapper .flickity-page-dots .dot:hover{
        width: 45px !important;
    }
    .configurator-wrapper .product-wrapper .form-check-inline {
        display: none !important;
    }
    .configurator-wrapper .col-250 {
        width: 100%;
        padding-left: 0;
    }
    .product-wrapper .col-250 img {
        width: 35%;
        display: block;
        margin: auto;
        margin-bottom: .5rem;
    }
    .product-wrapper .col {
        text-align: center;
    }
    #tech-specifications ul {
        padding: 1.5rem;
        column-count: 2;
        column-gap: 2rem;
        list-style: none;
    }
    .scrollable-list label:before {
        right: 10px;
        left: unset;
        top: 10px;
    }
    .scrollable-list label:after {
        left: unset;
        right: 11px;
        top: 12px;
    }
    #interior .front-panel-bg, #interior .seats-bg, #interior .trunk-bg {
        height: auto;
        bottom: 0;
    }
    .configurator-wrapper .product-desc{
        display: none;
    }
    .grade-engine-item{
        padding: 2rem .5rem 0 .5rem;
    }
    #grade, #engine, #exterior, #interior {
        height: calc(100vh - 158px);
    }
    #cnfg-footer .line-decoration:after {
        display: none;
    }
    .configurator-wrapper li.dot.is-selected:hover:after,
    .configurator-wrapper li.dot:hover:after{
        left: 50% !important;
    }
    .main-tab-content{
        height: auto !important;
        overflow: hidden;
    }
    #top-header .line-decoration:before {
        content: "";
        position: absolute;
        left: 0;
        width: 1px;
        height: 100%;
        background: #fff;
    }
}

@media (max-width: 767px) {

    .warranty-btn {
        bottom: 18px;
    }

    .config-slider .flickity-viewport {
        height: 300px !important;
    }

    .configurator-wrapper .summary-btns .btn.ghost-btn {
        padding: .75rem 1.5rem !important;
        color: #000 !important;
        background-image: none !important;
    }
    .configurator-wrapper .summary-btns .btn.ghost-btn:hover,
    .configurator-wrapper .summary-btns .btn.ghost-btn:active {
        background-color: #000 !important;
        color: #fff !important;
        border-color: #000 !important;
    }

    #footer-btns {
        position: relative !important;
        background-color: transparent !important;
        padding: .75rem 1.5rem !important;
    }
    .configurator-wrapper .ghost-btn {
        border: 2px solid #000 !important;
        color: #000 !important;
    }
    #full-specification .refresh-to-start {
        color: #000 !important;
    }
    .config-slider.summary-slider {
        top: 35%;
    }
    .config-slider {
        top: 20%;
    }
    #overall-banner-bg {
        height: calc(100vh - 350px);
    }
    .configurator-wrapper .arrow-wrapper:after {
        width: 110px;
        height: 110px;
    }
    .configurator-wrapper .arrow-down {
        background-size: 30px;
        margin-left: -15px;
        bottom: -10px;
    }
    #overall-banner-bg h2 {
        font-size: 2.5rem;
    }
    #warranty-service .scrollable-list label:before {
        bottom: 18px;
    }
    #warranty-service .scrollable-list label:after {
        bottom: 20px;
    }
    .cnfg-car-monthly-price span {
        font-size: 1.5rem;
    }
    .cnfg-car-monthly-price p {
        font-size: 1rem;
    }
    img.car-type-logo {
        width: 70px;
    }
    .configurator-wrapper .flickity-page-dots {
        top: 0;
    }
}

@media (max-width: 575px) {
    .h1-carousel {
        font-size: 1.5rem !important;
    }

    .warranty-btn {
        position: relative;
        bottom: 0;
        padding-right: 15px;
    }

    #car-leising .nav-link {
        background-image: none !important;
        padding: .5rem !important;
        text-align: center;
        height: 100%;
    }
    #full-specification .panel-title {
        padding: 1rem !important;
    }
    #full-specification .panel-title span {
        font-size: .875rem;
    }
    .cnfg-car-monthly-price p {
        font-size: 1rem;
    }
    .cnfg-car-monthly-price span {
        font-size: 1.25rem;
    }
    #grade .configFooterTab .nav-link p,
    #engine .configFooterTab .nav-link p {
        font-size: 12px;
    }
    .configurator-wrapper .flickity-page-dots {
        top: 0;
    }
    .config-slider {
        top: 28%;
    }
    #grade, #engine, #exterior, #interior {
        background-position: center -150px;
    }
    .config-slider img {
        width: 80%;
    }
    .config-slider .flickity-viewport {
        height: 180px !important;
    }
    #interior .front-panel-bg, #interior .seats-bg, #interior .trunk-bg {
        height: 100%;
    }
    #overall-banner-bg h2 {
        font-size: 1rem;
    }
    #warranty-service .scrollable-list label:before {
        bottom: 0;
        width: 35px;
        height: 35px;
    }
    #warranty-service .scrollable-list label:after {
        bottom: 2px;
        width: 30px;
        height: 30px;
    }
    #top-header .line-decoration:before {
        display: none;
    }
    #top-header img.honda-logo {
        width: 70px;
    }
    .cnfg-option-title {
        padding: 1rem;
    }
    .cnfg-option-title h4 {
        font-size: 1rem;
    }
    ul.configFooterTab h2 {
        margin-bottom: .5rem !important;
    }
    .grade-engine-item {
        padding: 0;
        line-height: 1.25;
    }
    #cnfg-footer {
        height: 60px !important;
    }
    #gradeOptionTab li, #engineOptionTab li,
    .configurator-wrapper .scrollable-list li {
        width: 225px !important;
        height: 85px;
        background: #fff;
    }
    div#exterior-color li {
        width: 85px !important;
    }
    #grade, #engine, #exterior, #interior {
        bottom: 60px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: unset;
    }
    #tech-specifications ul {
        column-count: 1;
    }
    .config-slider.summary-slider {
        top: 40%;
        transform: translateY(-50%);
    }
    .refresh-to-start {
        min-width: 25px !important;
        padding: .5rem !important;
    }
    #exterior ul.configFooterTab h2, #interior ul.configFooterTab h2 {
        font-size: 12px;
        margin-bottom: 0 !important;
        margin-left: .25rem;
    }
    .scrollable-list label {
        height: 100%;
        align-items: center;
        display: flex;
    }
    .configurator-wrapper .col-250 {
        width: 100%;
        height: 100%;
    }
    .product-wrapper .col-250 img {
        width: 20%;
        padding-top: .5rem;
        margin-bottom: .25rem;
    }
    .product-title {
        font-size: 12px;
        line-height: 1;
    }
    .item-price {
        font-size: 10px;
    }
    .product-wrapper .col {
        text-align: center;
        padding-bottom: 0 !important;
    }
    .scrollable-list label:before {
        width: 25px;
        height: 25px;
    }
    .scrollable-list label:after {
        width: 22px;
        height: 22px;
    }
    .configurator-wrapper .flickity-page-dots .dot {
        width: 35px !important;
        height: 35px !important;
        margin-bottom: .5rem;
    }
    ol.flickity-page-dots li:after {
        font-size: 1rem !important;
        width: 16px !important;
        height: 16px !important;
        background-size: 16px !important;
    }
    .configurator-wrapper .flickity-page-dots .dot:hover {
        width: auto !important;
    }
    #full-specification .refresh-to-start {
        padding: 0.75rem 1.5rem !important;
        width: 200px !important;
        height: unset;
    }
    #full-specification .panel-title a {
        font-size: 14px;
    }
    #overall-banner-bg {
        height: calc(100vh - 300px);
    }
    .fixed-footer-icons, .tab-text-wrap {
        display: inline-block !important;
    }
    .nav-link:hover .exterior-icon.white,
    .nav-link.active .exterior-icon.white {
        display: inline-block;
    }
    .cnfg-tab-wrapper {
        height: 52px !important;
    }
    #engine .tab-text-wrap span {
        font-size: 12px;
    }
    #exterior .exterior-icon,
    #interior .exterior-icon {
        width: 25px;
        margin-bottom: 0;
    }
    #exterior a, #interior a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quantity-am span {
        font-size: 10px;
        font-weight: 600;
    }
    .refresh-to-start i:before {
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .refresh-to-start {
        width: 35px !important;
        height: 35px;
    }
    .prev-next-btns a {
        width: 100%;
        min-width: unset;
        font-size: 7px;
        height: 35px;
    }
    .configurator-wrapper .arrow-down {
        background-size: 15px;
        margin-left: -8px;
        bottom: -30px;
    }
    .configurator-wrapper .arrow-wrapper:after {
        width: 85px;
        height: 85px;
        bottom: -70px;
    }
    #car-config-page li.dot.lights-selector.lights-off:before {
        right: 3px !important;
        width: 30px;
    }
}

@media (max-width: 375px) {
    section#new-cars-menu.sticky {
        top: 46px;
    }
    #honda_carousel .youtube-video iframe {
        width: 101%;
        height: 150%;
    }

}


/* CONFIGURATOR PRINT */

@media print {

    @page {
        margin: 1.5rem 0;
    }
    .pdf_page {
        position: relative;
    }
    .print-show-date {
        display: block !important;
    }
    #myLeisingTab {
        position: relative;
        padding: 2.5rem !important;
    }
    div#leising-pricing > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .print-width-small {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 45%;
        flex: 0 0 45%;
    }

    #car-leising {
        display: block !important;
    }
    a#leisingOperative.active,
    a#leisingOperative,
    a#leisingFinance.active,
    a#leisingFinance {
        background-image: none !important;
        text-align: center;
        color: #000 !important;
    }
    #leisingFinance.nav-link.active:after,
    #leisingOperative.nav-link.active:after,
    .price_slider_wrapper {
        display: none !important;
    }
    #tab-menu,
    #warranty-service,
    .summary-btns,
    .arrow-wrapper,
    .order-car-now,
    .cnfg-breadcrumbs,
    .print-car-front,
    .cnfg-footer-price,
    .cnfg-footer-logo {
        display: none !important;
    }
    .config-slider .print-car-front {
        display: block !important;
        opacity: 1;
    }
    .config-slider.summary-slider {
        width: 100%;
        bottom: unset;
        top: 18%;
        left: 0;
    }
    .honda-logo-print {
        display: none;
    }
    .print-tech-specifications,
    .print-full-width .card,
    #car-leising {
        border: 1px solid #dee2e6;
    }
    #leisingTab .nav-link {
        border-bottom: 1px solid #dee2e6 !important;
    }
    #order-now-car .cnfg-leising .nav-link {
        padding: 1rem !important;
    }
    div#car-leising .nav-link.active {
        font-weight: bold !important;
        text-decoration: underline !important;
        color: #000 !important;
        text-align: center;
        display: block !important;
    }
    ul#leisingTab .nav-item {
        width: 100%;
    }
    div#car-leising .nav-link {
        display: none;
    }
    span.open-close-icon {
        display: none;
    }

    .config-slider.summary-slider .cnfg-layer {
        left: 25%;
    }
    .config-slider img {
        width: 80%;
    }
    .print-contact-us {
        display: block !important;
    }
    .print-contact-us a {
        color: #000 !important;
        text-decoration: none;
    }
    .print-contact-us i {
        margin-right: 10px;
    }
    #full-specification .panel-title a {
        text-decoration: none;
    }
    .flickity-page-dots {
        opacity: 0;
    }
    .print-full-width {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .config-slider {
        position: absolute;
        top: 10%;
        bottom: 30%;
        width: 100%;
        z-index: 1;
    }
    .config-slider .print-car-front {
        width: 75% !important;
        left: 15% !important;
        top: 20%;
        opacity: 1;
    }
    .config-slider .print-car-front-lights {
        width: 60% !important;
        left: 10% !important;
        top: 25%;
        opacity: 1;
    }
    .config-slider .print-car-back {
        opacity: 1;
        z-index: 1;
        left: 60% !important;
        top: 10%;
        width: 50% !important;
    }

    #configurator-header {
        padding-bottom: 1.5rem;
    }
    #overall-banner-bg {
        background-image: none;
        height: 550px !important;
    }
    #full-specification li {
        list-style: disc;
        padding-left: 0 !important;
        padding-right: 1rem;
    }
    .print-page-break-before {
        page-break-before: always;
    }
    #full-specification {
        page-break-before: always;
    }
    .print-equipment {
        display: none;
    }
    #tech-specifications.collapse {
        display: block;
    }
    #full-specification .card-title,
    #full-specification .line {
        display: none;
    }
    .print-equipment,
    .print-tech-specifications {
        page-break-before: always;
    }
    .print-equipment li:before,
    .print-tech-specifications li:before {
        display: none;
    }

    #equipment li {
        list-style: none;
        padding-left: 1.5rem !important;
    }
    #overall-banner-bg h2 {
        color: #000;
    }
}

.embed-responsive .rll-youtube-player{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div#atpirkuma_banner_2 {
    position: relative;
}

div#atpirkuma_banner_2 span {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    cursor: pointer;
}

div#atpirkuma_banner_3 {
    position: relative;
}

div#atpirkuma_banner_3 span {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    cursor: pointer;
}

@media screen and (max-height: 900px) {
    #popup-form-wrapper {
        max-height: 500px;
        overflow: auto;
    }
}