/******************************************* Fonts ********************************************/ @font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ExtraBold.eot');src:url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),url('../fonts/Montserrat-ExtraBold.woff') format('woff'),url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-BoldItalic.eot');src:url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),url('../fonts/Montserrat-BoldItalic.woff') format('woff'),url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Bold.eot');src:url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Bold.woff2') format('woff2'),url('../fonts/Montserrat-Bold.woff') format('woff'),url('../fonts/Montserrat-Bold.ttf') format('truetype'),url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-BlackItalic.eot');src:url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),url('../fonts/Montserrat-BlackItalic.woff') format('woff'),url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'),url('../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Black.eot');src:url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Black.woff2') format('woff2'),url('../fonts/Montserrat-Black.woff') format('woff'),url('../fonts/Montserrat-Black.ttf') format('truetype'),url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Italic.eot');src:url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Italic.woff2') format('woff2'),url('../fonts/Montserrat-Italic.woff') format('woff'),url('../fonts/Montserrat-Italic.ttf') format('truetype'),url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ExtraLight.eot');src:url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),url('../fonts/Montserrat-ExtraLight.woff') format('woff'),url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ExtraBoldItalic.eot');src:url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ExtraLightItalic.eot');src:url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),url('../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-LightItalic.eot');src:url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),url('../fonts/Montserrat-LightItalic.woff') format('woff'),url('../fonts/Montserrat-LightItalic.ttf') format('truetype'),url('../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Light.eot');src:url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Light.woff2') format('woff2'),url('../fonts/Montserrat-Light.woff') format('woff'),url('../fonts/Montserrat-Light.ttf') format('truetype'),url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Medium.eot');src:url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Medium.woff2') format('woff2'),url('../fonts/Montserrat-Medium.woff') format('woff'),url('../fonts/Montserrat-Medium.ttf') format('truetype'),url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-MediumItalic.eot');src:url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),url('../fonts/Montserrat-MediumItalic.woff') format('woff'),url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'),url('../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Regular.eot');src:url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Regular.woff2') format('woff2'),url('../fonts/Montserrat-Regular.woff') format('woff'),url('../fonts/Montserrat-Regular.ttf') format('truetype'),url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-SemiBold.eot');src:url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),url('../fonts/Montserrat-SemiBold.woff') format('woff'),url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-SemiBoldItalic.eot');src:url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Thin.eot');src:url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Thin.woff2') format('woff2'),url('../fonts/Montserrat-Thin.woff') format('woff'),url('../fonts/Montserrat-Thin.ttf') format('truetype'),url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ThinItalic.eot');src:url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),url('../fonts/Montserrat-ThinItalic.woff') format('woff'),url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'),url('../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Hemi Head Rg';src:url('../fonts/HemiHeadRg-BoldItalic.eot');src:url('../fonts/HemiHeadRg-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HemiHeadRg-BoldItalic.woff2') format('woff2'),url('../fonts/HemiHeadRg-BoldItalic.woff') format('woff'),url('../fonts/HemiHeadRg-BoldItalic.ttf') format('truetype'),url('../fonts/HemiHeadRg-BoldItalic.svg#HemiHeadRg-BoldItalic') format('svg');font-weight:700;font-style:italic;font-display:swap} /******************************************* Header *********************************************/ *, p { font-family: 'Montserrat'; font-size: 16px; color: #000; line-height: 26px; } #header .header-nav { height: auto; margin-bottom: 0; border: none; } #header .logo { max-height: 48px; } #header .header-nav .cart-preview.active { background: transparent; } div#_desktop_logo h1 { margin-bottom: 0; } .container-auto { max-width: 1620px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 1720px) { .container { max-width: 1690px; width: 100%!important; } } @media (max-width: 1720px) and (min-width: 1400px) { .container { padding-left: 100px; padding-right: 100px; width: 100%!important; } } @media (max-width: 1400px) { .container { max-width: 100%; width: 100%!important; } } #header .header-top .top-element-header { display: flex; justify-content: space-between; padding-top: 0; align-items: flex-start; } #header .header-top { padding: 20px 0; } #_desktop_logo { margin: 2px 0 0; } #header a { color: #090909; font-family: 'Montserrat',sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; } #header .header-top a[data-depth="0"] { color: #373084; font-size: 14px; line-height: 19px; } #header .top-menu a[data-depth="0"]:hover { color: #E31C2A; } #header .header-top .menu { margin-bottom: 0; display: table; margin: 0 auto; } #header .header-top .menu #top-menu { margin-bottom: 0; border-top: 2px solid #373084; border-bottom: 2px solid #373084; } .top-menu a[data-depth="0"] { padding: 16px 12px 15px; } #header .header-top .top-menu li a { position: relative; } #header .header-top .top-menu li:not(:last-child) a:after { content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); margin-top: 0; width: 6px; height: 6px; border-radius: 50%; background: #373083; } #header #_mobile_top_menu li:not(:last-child) a:after { display: none!important; } #header .header-top .top-menu .sub-menu li a:after { display: none!important; } .top-menu .sub-menu ul[data-depth="1"]>li { margin: 0; } .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] { padding: 0.5rem 0.75rem; font-size: 14px!important; } .top-menu[data-depth="1"] { margin: 0; } .top-menu .popover { padding: 0.5rem; } .top-menu .sub-menu { margin-top: 2px; box-shadow: 0 2px 6px rgb(55 48 132 / 30%); } /***** hover submenu ****/ @media (min-width: 1200px) { #header .header-top .top-menu a[data-depth="1"] { position: relative; display: inline; } #header .header-top .top-menu a[data-depth="1"]:before { content: ""; position: absolute; z-index: 1; transform-origin: left center; background-color: #000; top: auto; bottom: 1px; height: 1px; width: 100%; opacity: 0; left: 0; right: auto; transform: scaleX(0); transition: all 0.4s, opacity 0.3s 0.1s; } #header .header-top .top-menu a[data-depth="1"]:hover:before { transform: scaleX(1); opacity: 1; background-color: #E31C2A; transition: all 0.4s, opacity 0.3s; } #header .header-nav .hidden-sm-down div#search_widget { display: none; } } /***** mobile_top_menu_wrapper ****/ #mobile_top_menu_wrapper .top-menu .sub-menu { background: transparent; } #header a:hover { color: #E31C2A; } /*** sub_sub_category ****/ .top-menu[data-depth="3"], .top-menu[data-depth="2"] { display: none; } /*** cart_shopping ***/ #_desktop_cart { margin: 18px 10px 0; } .shopping_cart_block { position: relative; margin-top: 2px; } .cart_shopping { position: relative; } .count-product-in-cart { position: absolute; right: -10px; top: -17px; width: 18px; height: 18px; z-index: 0; } .count-product-in-cart:after { position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 18px; height: 18px; content: ""; background: #fa0f0f; z-index: 0; transform: skew(-5deg, -5deg); border-radius: 4px; } span.cart-products-count { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #fff; display: block; position: relative; text-align: center; border-radius: 4px; line-height: 18px; z-index: 1; } /**** user ***/ #_desktop_user_info { margin: 18px 10px 0; } .user-info { position: relative; } .user-info ul.submenu { position: absolute; right: 0; top: 180%; width: 200px; text-align: left; background-color: #fff; box-shadow: 0 2px 6px rgb(55 48 132 / 30%); z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .user-info ul.submenu li:first-child { border-top: none; } .user-info ul.submenu li { border-top: 1px solid #dcdaf1; } .user-info ul li ul li { margin-left: 0; } .user-info ul.submenu li a { display: block; color: #373084!important; text-decoration: none; padding: 7px 20px; font-size: 12px!important; line-height: 20px!important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 600!important; text-transform: uppercase; } .user-info ul.submenu li a { color: #E31C2A!important; } .user-info ul li:hover ul.submenu { top: 150%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /***search ***/ .header-bottom { position: absolute; left: 50%; transform: translateX(-50%); padding: 5px 0; z-index: 2; background: #373084; } .header-bottom:before { content: ""; position: absolute; right: -14px; top: 0; width: 34px; height: 49px; background: #e31c2a; transform: skewX(-30deg); z-index: -1; } .header-bottom:after { content: ""; position: absolute; left: -15px; top: 0px; width: 34px; height: 49px; background: #373084; transform: skewX(30deg); z-index: -1; } /*** slider ***/ #wrapper { padding-top: 0!important; background: #fff; box-shadow: none!important; } .carousel { box-shadow: none; max-width: 100%!important; overflow: hidden; margin-bottom: 0; } .carousel .carousel-inner { height: 450px; margin: 0!important; } .carousel .carousel-item img { height: 450px; object-fit: cover; } .carousel .carousel-inner figure { margin: 0; } .carousel .carousel-item .caption { max-width: 755px; } .carousel .carousel-item .caption h1 { font-family: 'Hemi Head Rg'; font-size: 52px; line-height: 75px; } .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i { color: #fff!important; } @media (min-width: 768px) { .carousel .carousel-item .caption { bottom: inherit; left: 81px; top: 50%; transform: translateY(-50%); } } /*********** custom-text ************/ #custom-text { background: #fff; border-radius: 0; margin-bottom: 0; padding: 75px 0 115px; text-align: center; max-width: 1256px; margin: 0 auto; } #custom-text h2, h2 { text-transform: uppercase; color: #E31C2A; font-size: 28px; font-weight: 700; font-family: 'Hemi Head Rg'; line-height: 32px; margin-bottom: 30px; text-align: center; } #custom-text p { color: #000000; font-weight: 500; font-size: 16px; line-height: 32px; font-family: 'Montserrat',sans-serif; margin: 0; font-style: italic; } /***************** block-reassurance **************/ #block-reassurance { margin-top: 0; padding: 55px 0 35px; } #index #block-reassurance { padding: 30px 0; } .block-reassurance-item { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; } #block-reassurance .col-lg-3:last-child .block-reassurance-item { justify-content: flex-end; } #block-reassurance .col-lg-3:nth-child(2) .block-reassurance-item, #block-reassurance .col-lg-3:nth-child(3) .block-reassurance-item { justify-content: center; } @media (max-width: 768px) { #index #block-reassurance { display: flex; flex-direction: column; justify-content: center; } } .img-reassurance { margin-right: 22px; } #block-reassurance img { width: auto; margin-right: auto; max-height: 54px; } .text-reassurance h6 { font-family: 'Montserrat'; font-size: 16px; line-height: 37px; font-weight: 600; color: #383083; margin: 0; } .text-reassurance .desc { font-family: 'Montserrat'; font-weight: 400; font-style: italic; font-size: 14px; color: #383083; line-height: 18px; } /**** slider home *****/ .slideruploadimages .container { padding: 0!important; } .slideruploadimages .manufacturers-list { padding: 0; } .slideruploadimages .owl-carousel .owl-nav button.owl-prev, .slideruploadimages .owl-carousel .owl-nav button.owl-next { background: transparent!important; } .slideruploadimages .owl-carousel .owl-nav button.owl-prev:hover, .slideruploadimages .owl-carousel .owl-nav button.owl-next:hover { background: #383083!important; } .slideruploadimages .headline-section { display: none; } .slideruploadimages { padding: 50px 0; } /***************** newsletter ******************/ .block_newsletter { font-size: 16px; margin-bottom: 0; padding: 65px 0 50px; line-height: 32px; color: #000; font-weight: 700; font-style: italic; } div#block-newsletter-label h4 { font-family: 'Hemi Head'; font-size: 28px; line-height: 51px; color: #E31C2A; margin-bottom: 0; } .newsletter-form { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .block_newsletter form input[type=submit] { background-color: transparent; font-size: 0; width: 90px; background-image: url(/img/send.svg); background-repeat: no-repeat; background-position: center; background-size: 42px; padding: 0; margin: 0; } .block_newsletter .col-form input.btn.btn-primary:hover, .block_newsletter .col-form input.btn.btn-primary.active, .block_newsletter .col-form input.btn.btn-primary:active { background-color: #383083; margin: -1px 0; height: 64px; background-image: url(/img/send-white.svg); } .block_newsletter form input[type=email] { padding: 11px 11px 11px 34px; width: 100%; border: none; font-size: 16px; font-weight: 500; font-family: 'Montserrat'; color: #383083!important; font-style: normal; line-height: 32px; } .block_newsletter form input[type=email]::placeholder { color: #383083!important; } .block_newsletter form input { height: 62px; } .block_newsletter .col-form { position: relative; border: 2px solid #383083; max-width: 645px; margin-left: auto; } .block_newsletter form input[type=email]:focus { border: none!important; outline: 0!important; } /************ manufacturers-home **********/ .manufacturers-home { padding: 44px 0 65px; background: #fff; } .manufacturers-home .headline-section { margin-bottom: 44px; } .manufacturer-items img { max-width: 144px; height: auto; margin: 0 auto; } /****** owl-carousel *****/ .owl-carousel .owl-nav.disabled { display: block!important; } button.owl-next { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } button.owl-prev { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 38px; height: 38px; background: #383083!important; color: #fff; outline: 0!important; } .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background: #E31C2A!important; } .owl-carousel .owl-nav button.owl-prev span { font-size: 0; background: url(/img/prev-slick.svg); height: 38px; width: 38px; background-repeat: no-repeat; background-position: center center; display: block; } .owl-carousel .owl-nav button.owl-next span { font-size: 0; background: url(/img/next-slick.svg); height: 38px; width: 38px; background-repeat: no-repeat; background-position: center center; display: block; } .manufacturers-list { height: 81px; padding: 0 100px; width: 100%!important; } /*********** footer ************/ #footer { padding-top: 0; } .footer-container { margin-top: 0; position: relative; } .footer-container:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 71%; height: 100%; background: #383083; } .logo-footer { margin: 0 0 19px; } .logo-footer img { max-height: 58px; height: auto; width: auto; } .block-contact { border-left: none; color: #000000; background: #fff; padding: 25px 39px; } .address_footer, .phone_footer, .email_footer, .timing_footer, .address_footer a, .phone_footer a span, .email_footer a, .timing_footer a { font-size: 14px; font-family: 'Montserrat'; font-weight: 500; line-height: 30px; text-decoration: none; color: #000; } .address_footer { background-image: url(/img/maps-and-flags.svg); background-repeat: no-repeat; background-position: left; padding-left: 21px; } .phone_footer { background-image: url(/img/call.svg); background-repeat: no-repeat; background-position: left; padding-left: 21px; } .email_footer { background-image: url(/img/email.svg); background-repeat: no-repeat; background-position: left; padding-left: 21px; } .timing_footer { background-image: url(/img/clock.svg); background-repeat: no-repeat; background-position: left; padding-left: 21px; } .links .h3, .links .h3 a { font-family: 'Montserrat'; color: #fff!important; font-size: 16px; font-weight: 600; line-height: 37px; margin: 0 0 20px; } .footer-container li a { color: #FFFFFF; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 36px; font-family: 'Montserrat'; } .footer-container li a:hover { color: #E31C2A!important; } .footer-container { padding-top: 32px; padding-bottom:30px; overflow: visible; box-shadow: none; } .footer-container .row-flex { display: flex; justify-content: space-between; } .footer-copyright { padding: 13px 0 19px; } .footer-copyright a, .footer-copyright span { color: #868686!important; font-size: 14px; line-height: 36px; font-family: 'Montserrat'; font-weight: 500; } .footer-copyright span.design a { color: #E31C2A!important; font-weight: 600; } .footer-copyright p { margin-bottom: 0!important; } .backto_top_btn.up { display: block!important; position: fixed; right: 25px; bottom: 25px; overflow: hidden; z-index: 1; } .backto_top_btn .btn_top { background: #fff; color: #383083; width: 40px; height: 40px; line-height: 36px; display: block; text-align: center; text-decoration: none; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; border-radius: 0; box-shadow: 0 0 6px rgb(56 48 131 / 50%); margin: 10px; cursor: pointer; } .backto_top_btn .btn_top i { color: #383083; } .backto_top_btn .btn_top:hover { background: #383083; color: #fff; } .backto_top_btn .btn_top i:hover { color: #fff; } /***** product new *********/ /******* section-new-products *********/ section.featured-products.section-new-products { padding: 65px 0 50px; } .products article .wishlist-button-add { top: 14px; right: 14px; opacity: 0; transform: scale(0); transition: opacity 0.2s ease, transform 0.4s ease; } .wishlist-button-add .material-icons { font-weight: 300; font-size: 24px; line-height: 24px; } .wishlist-button-add i { color: #fff!important; } .wishlist-button-add { height: 32px!important; width: 30px!important; min-width: 30px!important; padding-top: 3px!important; background-color: #383083!important; box-shadow: none!important; border-radius: 0!important; } .btn-viewproduct { position: absolute; top: 55px; right: 14px; z-index: 10; opacity: 0; transform: scale(0); transition: opacity 0.2s ease, transform 0.4s ease; } .product-miniature:hover .btn-viewproduct { opacity: 1; transform: scale(1); } .product-miniature:hover .wishlist-button-add { opacity: 1; transform: scale(1); } .btn-viewproduct .quick-view { display: flex; align-items: center; justify-content: center; height: 32px; width: 30px; min-width: 30px; padding-top: 2px; background-color: #383083; box-shadow: none; border-radius: 0; cursor: pointer; transition: 0.2s ease-out; border: none; color: transparent!important; } .quick-view i { color: #fff; } .highlighted-informations.no-variants.hidden-sm-down { display: none; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { margin-bottom: 24px; box-shadow: none; border: 1px solid #e9e9e9; } #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { width: 100%; } .add_product_button { position: absolute; right: 15px; bottom: 15px; width: 32px; height: 32px; background: #E31C2A; padding: 3px 5px; } .btn-add-to-cart i { font-size: 22px; } .product-flags { position: absolute; top: 0; width: 100%; display: none; } .featured-products .product-description, .product-miniature .product-description, body.tax-display-enabled .featured-products .product-description { padding: 14px!important; height: 98px!important; } .featured-products .product-title, .product-miniature .product-title, .featured-products .product-title, .product-miniature .product-title a { margin-top: 0!important; text-align: left!important; font-size: 14px!important; font-weight: 500!important; line-height: 22px!important; color: #000!important; font-family: 'Montserrat'; margin-bottom: 5px!important; } .product-miniature .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-miniature .product-price-and-shipping span, .featured-products .product-price-and-shipping span { text-align: left!important; font-size: 16px; line-height: 24px; color: #E31C2A!important; } #products .thumbnail-container:focus .product-description:after, #products .thumbnail-container:hover .product-description:after, .featured-products .thumbnail-container:focus .product-description:after, .featured-products .thumbnail-container:hover .product-description:after, .product-accessories .thumbnail-container:focus .product-description:after, .product-accessories .thumbnail-container:hover .product-description:after, .product-miniature .thumbnail-container:focus .product-description:after, .product-miniature .thumbnail-container:hover .product-description:after { border-top: none; } section.featured-products h2.products-section-title, h2 { font-family: 'Hemi Head Rg'; font-size: 28px; line-height: 32px; color: #E31C2A; } h2.products-section-title { text-align: left!important; margin-bottom: 39px!important; } #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { margin: 0 0.5rem; } .product-thumbnail img { width: 100%; margin-left: 0; padding: 0 4px; } @media (max-width: 992px) { .products article .wishlist-button-add, .btn-viewproduct { opacity: 1!important; transform: scale(1)!important; } } /****************** new product home *******************/ .product-new-left article:not(:first-child) { display: none!important; } .product-new-left article:first-child { display: block!important; } .product-new-right article:first-child { display: none!important; } .products.product-new-right { max-height: 764px; overflow: hidden; justify-content: center; } .section-new-products a.all-product-link { display: none; } /************* card-product ******************/ .card-product { position: relative; } .card-thumb { border: 2px solid #383083; min-height: 570px; display: flex; justify-content: center; align-items: center; } .card-thumb img { width: 100%; padding: 11px 4px; margin-left: 0!important; height: auto; } .card-productname { padding: 0 36px; position: relative; top: -61px; } .card-product .card-productname h3.product-title { background: #383083; text-align: center!important; margin: 0!important; padding: 13px 45px; } .card-product .card-productname h3.product-title a { font-size: 22px!important; font-family: 'Hemi Head Rg'; color: #fff!important; line-height: 37px; height: 74px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /**************** responsive page home *********************/ @media (max-width: 1400px) { section.featured-products h2.products-section-title, h2 { font-size: 26px; } #header .header-top .top-element-header { display: flex; padding-top: 0; } .carousel .carousel-item .caption { max-width: 45%; } .carousel .carousel-item .caption h1 { font-size: 32px; line-height: 60px; } .card-product .card-productname h3.product-title a { font-size: 20px !important; line-height: 30px; height: 62px; } .card-product .card-productname h3.product-title { padding: 8px 35px; } .card-productname { padding: 0 24px; top: -38px; } div#block-newsletter-label h4 { font-size: 24px; line-height: 34px; } div#block-newsletter-label span { font-size: 14px; font-weight: 600; } .block_newsletter { padding: 40px 0; } .block_newsletter form input { outline: 0 !important; border: 0 !important; } .block_newsletter form input[type="submit"] { width: 40px; margin-right: 15px; background-size: 100%; margin-left: 15px; } #header .header-top a[data-depth="0"] { font-size: 12px; } } @media (max-width: 1280px) { #header .header-top .top-menu li:not(:last-child) a:after { background: transparent; width: 0; height: 0; display: none; } .top-menu a[data-depth="0"] { padding: 16px 6px 15px; } } @media (max-width: 1200px) { #header .header-nav { max-height: inherit; margin-bottom: 0; border-bottom: none; position: relative; } #header .header-nav div#search_widget { position: absolute; right: 103px; } .top-menu[data-depth="3"], .top-menu[data-depth="2"] { display: block; } .top-menu .sub-menu { padding: 10px; } .top-menu .sub-menu { margin-top: 1px; } #header .header-top { padding: 0; } #header .logo { max-width: 100%; height: 44px; width: auto; } #_mobile_logo { padding: 12px 0 6px; } #header .header-nav .blockcart { background: #fff; } #header .header-nav .blockcart.cart-preview { margin-right: 1rem; height: 3.5rem; margin-top: 0.125rem; margin-left: 10px; } #header .header-nav #menu-icon { margin-top: 6px; } #_mobile_cart { margin-top: 6px; } #_mobile_user_info { margin-top: 6px; } #header .header-nav #menu-icon .material-icons { font-size: 28px; } .block-reassurance-item { justify-content: center; } #block-reassurance { padding: 30px 0; } section.featured-products.section-new-products { padding: 40px 0; } .logo-footer img { max-height: 42px; } .links .h3, .links .h3 a { font-size: 14px; line-height: 26px; margin: 0 0 15px; } .address_footer, .timing_footer { background-position: left 8px; } .payment-img { max-width: 100%; } section.featured-products h2.products-section-title, h2 { font-size: 24px; } div#block-newsletter-label h4 { font-size: 20px; line-height: 30px; } .carousel .carousel-item .caption h1 { font-size: 30px; line-height: 48px; } } @media (max-width: 992px) { .carousel .carousel-item .caption h1 { font-size: 28px; line-height: 44px; } .carousel .carousel-item .caption { max-width: 55%; } #custom-text h2, h2 { font-size: 24px; line-height: 32px; } .card-product { max-width: 544px; } .footer-container .row-flex { display: block; } .section-new-products h2 { text-align: center !important; } .card-thumb { min-height: 400px; } .product-new-left { display: table; margin: 0 auto; } .products.product-new-right { display: flex; justify-content: center; flex-wrap: wrap; } .block_newsletter { padding: 40px 0; text-align: center; } .block-newsletter-text { margin: 0 0 25px; } .block_newsletter form { max-width: 645px; margin: 0 auto; } /**** manufacturers-home ***/ .manufacturers-home { padding: 40px 0 100px; } /*** footer ***/ .footer-container::before { width: 100%; } .footer-container { padding-top: 0; } .block-contact { padding: 25px 39px 15px; margin: -25px 3% 25px; max-width: 94%; } } @media (max-width: 767px) { .block-contact.wrapper { padding: 25px 39px 15px !important; } .links .wrapper, .links.wrapper { padding-left: 15px !important; padding-right: 15px !important; } .footer-container .navbar-toggler.collapse-icons i { color: #fff; } .footer-container .links .h3 { line-height: 20px; font-size: 14px; margin: 0 !important; } .links .title { padding: .625rem 0.625rem 0; border-bottom: none; } .footer-container .links ul { background-color: transparent; } .footer-container .links ul > li a { color: #fff; } .footer-container .links ul > li { padding: 0 1.5rem 0; border-bottom: none; } .footer-container li { margin-bottom: 0; } .footer-copyright .row { display: flex; flex-wrap: wrap; } .footer-copyright .col-xl-6.col-lg-7.col-md-8 { order: 2; } .footer-copyright .col-xl-6.col-lg-5.col-md-4 { order: 1; } #header .header-nav .blockcart.inactive .cart-products-count { display: block; } .carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { font-size: 2.5rem; color: #fff; } .carousel .carousel-item .caption { bottom: 50%; left: 40px; transform: translateY(50%); } .header-bottom { position: relative; border-top: 1px solid #eee; } .header-bottom::before, .header-bottom::after { display: none; } .footer-copyright a, .footer-copyright span { font-size: 14px; line-height: 20px; } .payment-img { margin: 0 0 10px; } .products.product-new-right { max-height: auto; } .block_newsletter form input { height: 50px; } .block_newsletter form input[type="submit"] { width: 34px; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 30px; height: 30px; } .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { height: auto; width: 16px; display: table; background-size: 100%; margin: 0 auto; } .carousel .carousel-inner { height: 350px; } .carousel .carousel-item img { height: 350px; } } @media (max-width: 576px) { #header .header-nav .top-logo a img { max-height: 40px; } .carousel .carousel-item .caption { max-width: 100%; padding: 0 40px 0 0; } .carousel .carousel-item .caption h1 { font-size: 24px; line-height: 36px; } #custom-text h2, h2 { font-size: 20px; line-height: 28px; margin-bottom: 15px; } #custom-text { padding: 44px 0 50px; } section.featured-products.section-new-products { padding: 0 0 40px; } .card-thumb { height: auto; } .carousel .carousel-inner { height: 250px; } .carousel .carousel-item img { height: 250px; } .carousel .carousel-item { position: relative; } .carousel .carousel-item::after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); } .carousel .carousel-item .caption { z-index: 1; } .carousel .carousel-control.left, .carousel .carousel-control.right { display: none; } #block-reassurance img { max-height: 50px; } .block_newsletter { padding: 20px 0; } div#block-newsletter-label h4 { font-size: 18px; line-height: 24px; } .block_newsletter form input[type="submit"] { width: 30px; margin-right: 10px; margin-left: 10px; } .block_newsletter form input { height: 52px; } .block_newsletter form input[type="email"] { padding: 7px 7px 7px 10px; font-size: 14px; line-height: 28px; } .address_footer, .phone_footer, .email_footer, .timing_footer, .address_footer a, .phone_footer a span, .email_footer a, .timing_footer a { font-size: 14px; line-height: 28px; } section.featured-products h2.products-section-title, h2 { font-size: 20px; line-height: 28px; } #custom-text p { font-size: 14px; line-height: 28px; } *, p { font-size: 14px; line-height: 26px; } .card-product .card-productname h3.product-title a { font-size: 16px !important; line-height: 24px; height: 50px; } .block-reassurance-item { justify-content: flex-start; } .text-reassurance h6 { font-size: 14px; line-height: 30px; } .manufacturers-list { padding: 0; } } @media (max-width: 480px) { #header .header-nav .top-logo a img { max-height: 30px; } .carousel .carousel-item .caption { padding: 0 40px 0 0; } .carousel .carousel-item .caption h1 { font-size: 20px; line-height: 26px; } #block-reassurance img { max-height: 30px; } } body#index section.banner-page { display: none; } /******************* page category ******************/ section.banner-page { background-image: url(/img/bg-banner-category.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 240px; position: relative; margin-bottom: 85px; } #wrapper .breadcrumb { margin: 0; } .breadcrumb-navigation { background: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: -35px; padding: 10px 26px 0; } #wrapper .breadcrumb li a, #wrapper .breadcrumb li a span { font-size: 14px; font-style: italic; text-transform: inherit; line-height: 32px; color: #000000; } #wrapper .breadcrumb li:last-child a, #wrapper .breadcrumb li:last-child a span { font-weight: 600; } h1.page-title { font-size: 26px; line-height: 30px; font-family: 'Hemi Head Rg'; color: #000; margin: 0 0 5px; text-align: center; text-transform: uppercase; } .breadcrumb-navigation:before { content: ""; position: absolute; right: -38px; top: 0; width: 80px; height: 87px; background: #fff; transform: skewX(40deg); z-index: -1; } .breadcrumb-navigation:after { content: ""; position: absolute; left: -38px; top: 0; width: 80px; height: 87px; background: #fff; transform: skewX(-40deg); z-index: -1; } #wrapper .breadcrumb { text-align: center; } #content-wrapper { margin: 0 0 100px; } #index #content-wrapper { margin-bottom: 0; } /***/ #manufacturer section#main h1 { font-size: 16px; line-height: 28px; margin: 0 0 1rem; } /*** filter-category ****/ .products-selection .sort-by-row { justify-content: end; margin: 0; } .products-selection .sort-by { margin-right: 20px; margin-left: 0; text-align: right; } .products-sort-order { width: 260px; } /***** search_filter ***/ #search_filters, #search_filters_brands, #search_filters_suppliers { box-shadow: none; margin-bottom: 1.563rem; background: #fff; padding: 0; border: 1px solid #e9e9e9; } #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet { padding: 19px 30px; } #search_filters .facet .collapse, #search_filters_brands .facet .collapse, #search_filters_suppliers .facet .collapse { margin: 0; } #search_filters p.text-uppercase.h6, #search_filters_brands .facet-label, #search_filters_suppliers .facet-label { font-size: 18px; font-weight: 500; text-transform: capitalize!important; padding: 15px 30px; background: #E9E9E9; margin: -0.01rem 0 0; } #search_filters p.text-uppercase.h6, #search_filters_brands .facet-label a, #search_filters_suppliers .facet-label a { color: #000; } #search_filters .facet .h6.facet-title { font-size: 16px; color: #000; font-weight: 500; margin: 0 0 8px; padding:0; background: transparent; } #search_filters .facet .facet-label, #search_filters .facet .facet-label a { text-align: left; font-size: 16px; color: #000; line-height: 22px; } .facet form select { width: 100%; height: 40px; font-size: 16px; line-height: 22px; padding: 8px 11px; color: #6A6A6A; border: 1px solid #CBCBCB; outline: 0; } .custom-checkbox input[type=checkbox]+span { border: 2px solid #CBCBCB; margin-top: -2px; } .block-categories { display: none; } .card-category { display: none; } .active_filters { background: #E9E9E9; } #search_filters .btn-tertiary { margin: 0.25rem 0.5rem; } button#search_filter_toggler { box-shadow: none; padding: 0.5rem 0.5rem; height: 40px; margin-left: 5px; text-transform: none; } /*** filtre tri ***/ .products-sort-order .select-title { display: inline-block; width: 100%; color: #000; background: #E9E9E9; padding: 0.25rem 0.625rem; cursor: pointer; border: none; box-shadow: none; max-width: 100%; height: 40px; font-size: 16px; line-height: 22px; max-width: 260px; } .products-sort-order .dropdown-menu { box-shadow: 0 1px 3px rgb(56 48 131 / 50%); background: #fff; } .products-sort-order .select-list:hover { background: #E9E9E9; color: #000; } .page-content.page-not-found { width: 100%; text-align: center; box-shadow: none!important; color: #000!important; } .page-not-found #search_widget { float: none!important; } .page-not-found h4 { text-align: center; margin: 0 0 12px; font-family: 'Montserrat'; font-size: 18px; text-transform: none; font-weight: 700; line-height: 22px; color: #E31C2A; } /** pagination ***/ .pagination { margin-top: 2rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #C5C5C5; } .pagination .page-list { background: #fff; padding: 0; box-shadow: none; text-align: right!important; } .pagination .page-list li a { padding: 10px 11px; background: #E9E9E9; margin: 0px 5px; font-size: 14px; color: #000; font-weight: 500; text-align: center; line-height: 16px; letter-spacing: 0!important; min-width: 39px!important; display: inline-block; margin-bottom: 5px; height: 36px; text-decoration: none; float: none!important; } a.previous.js-search-link i, a.next.js-search-link i { font-size: 18px; } .pagination .page-list li.current a { color: #fff; text-decoration: none; font-size: 16px; background: #E31C2A; } .pagination a { font-weight: 500; } .pagination .next { float: none; } /* .block-category.card.card-block { display: none; }*/ #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products { justify-content: center; } /*** facet_search ***/ .active_filters { background: #fff; padding: 0.5rem; } .active_filters .filter-block { box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 20%); padding: 0.25rem 0.5rem; line-height: 18px; } .active_filters .filter-block .close { margin-top: 0.4rem; } button#search_filter_toggler img { width: auto; height: 20px; margin-right: 10px; } #search_filters .btn-tertiary { margin: 0.5rem 0.5rem; padding: .35rem 0.75rem; color: #000; border: none; box-shadow: none; background: #eee; } .products-selection .total-products, .products-selection .total-products p, .products-selection .sort-by, .pagination>div:first-child { font-size: 14px!important; line-height: 24px; } /****/ @media (max-width: 991px) { h1.page-title { font-size: 20px; line-height: 26px; } } @media (max-width: 767px) { .breadcrumb-navigation { bottom: -3px; padding: 10px 10px 0; } .breadcrumb-navigation::before { right: -38px; width: 80px; height: 100%; } .breadcrumb-navigation::after { left: -38px; width: 80px; height: 100%; } h1.page-title { font-size: 18px; line-height: 24px; } #category #left-column #search_filters { margin-bottom: 0; box-shadow: none; padding: 0; border: none; padding: 0 30px; } #category #left-column #search_filters .facet { padding-top: 0; border: 1px solid #C5C5C5; margin-bottom: 15px; } #category #left-column #search_filter_controls button { box-shadow: none; } .products-selection .sort-by-row { justify-content: start; } button.btn.btn-secondary.ok i { font-size: 20px; margin: 0; } button.btn.btn-secondary.ok, .btn-tertiary { padding: 0.5rem 0.75rem; text-transform: none; font-size: 16px; } .sort-by-row .products-sort-order { width: 50%; } .sort-by-row .filter-button { width: 50%; } .sort-by-row .products-sort-order .select-title { max-width: 100%; } } @media (max-width: 767px) { #category #left-column #search_filters { padding: 0 15px; } #category #left-column #search_filters_wrapper { background: #fff; padding: 0; position: absolute; right: 0; left: 0; top: 0; bottom: 0; height: 100vh; padding: 0 0 50px; } #category #left-column #search_filters_wrapper #search_filters .facet { border: none; } #category #left-column #search_filters_wrapper #search_filters .facet .title { margin: 0 0 7px; } #category #left-column #search_filter_controls { padding: 0px 15px 15px; } button.btn.btn-secondary.ok { font-size: 16px; background: #E31C2A; font-weight: 600; color: #fff; max-width: 400px; padding: 8px 60px; } button.btn.btn-secondary.ok:hover { background: #383083; } button.btn.btn-tertiary { background: #E0E0E0; color: #000; font-size: 16px; max-width: 400px; font-weight: 600; padding: 9px 39px; border: none; outline: 0!important; } } @media (max-width: 480px) { .sort-by-row .products-sort-order { width: 100%; } .sort-by-row .filter-button { width: 100%; } .products-sort-order .dropdown-menu { width: 100%; } .products-selection .sort-by-row { display: block; } button#search_filter_toggler { margin-left: 0; margin-top: 5px; } } /******************** Page Contact *****************/ body#contact .banner-page { background-image: url(/img/bg-banner-contact.jpg); } #contact .card { box-shadow: none; border: none; padding: 0; } .contact-rich .block .data label { display: block; text-align: left; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; color: #000; margin: 0 0 12px; } .contact-rich .block .data span, .contact-rich .block .data span a { font-size: 16px; font-weight: 400; color: #000; } .contact-rich .block .icon { float: none!important; width: auto!important; height: 40px; margin-right: 30px; margin-top: 12px; } .contact-rich .block .icon img { width: auto; height: 40px; } .contact-rich .block { display: flex; align-items: flex-start; margin-bottom: 20px; } .row-flex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-right: -15px; margin-left: -15px; } .col-flex { padding-left: 15px; padding-right: 15px; } .block-contactform { background: #F1F1F1; padding: 40px; } .block-contactform h2 { font-family: 'Montserrat'; font-size: 18px; text-align: left; font-weight: 600; line-height: 32px; color: #000; text-transform: none; margin: 0 0 16px; } .block-contactform p { font-size: 16px; color: #000; line-height: 25px; margin: 0; } .title-form { margin-bottom: 30px; } .form-control-label { padding-top: 0; font-size: 16px; font-weight: 500; color: #000; line-height: 25px; text-align: left; } .form-control { background: #fff!important; color: #C5C5C5; padding: 0.5rem 1rem!important; height: 40px!important; font-size: 14px; line-height: 25px; outline: 0!important; box-shadow: none!important; color: #383083; border: 1px solid #C2C2C2; } .block-contactform .form-control { border: none; } textarea.form-control { height: 98px!important; } .group-span-filestyle label.btn-default { background: #fff; height: 40px; padding: 0.5rem 1rem!important; } .group-span-filestyle label.btn-default span.buttonText { font-size: 0; } .group-span-filestyle label.btn-default span.icon-span-filestyle.glyphicon.glyphicon-folder-open { width: 21px; height: 21px; position: relative; display: block; background-image: url(/img/upload.svg); background-repeat: no-repeat; background-position: center; } .custom-checkbox input[type=checkbox]+span { margin-right: 5px; width: 0.975rem; height: 0.975rem; } .form-footer.button-submit .btn-primary { width: 100%; font-family: 'Montserrat'; font-size: 16px; text-transform: inherit!important; padding: 0.5rem 2rem; height: 40px; background: #E31C2A; opacity: 1; color: #fff; border: none!important; box-shadow: none!important; outline: 0!important; } .form-footer.button-submit .btn-primary:hover { background: #383083; } .contact-form { padding: 30px 0 0; } .block-contactinfo { padding: 20px 0 0; } .block-map iframe { height: 628px; } #contact .alert { display: block; float: none; margin: 0 0 1rem; } #contact .alert ul { margin: 0; } @media (max-width: 1200px) { .col-flex { width: 50%; } .block-contactform p { font-size: 14px; } .block-contactform { padding: 40px 20px; } } @media (max-width: 992px) { .block-contactform { margin-bottom: 30px; } .block-map iframe { height: 350px; width: 100%; } } @media (max-width: 767px) { .contact-form { padding: 20px 0 0; } .col-flex { width: 100%; } .form-group.row .col-md-6:first-child { margin-bottom: 1rem; } } @media (max-width: 575px) { .contact-rich .block .data label { font-size: 14px; margin: 0 0 5px; } .contact-rich .block .data span, .contact-rich .block .data span a { font-size: 14px; } .contact-rich .block .icon img { height: 32px; } .contact-rich .block .icon { height: 32px; margin-right: 26px; } } /************** Cms Pages ***************/ #cms section.banner-page { background-image: url(/img/bg-banner-cms.jpg); } .page-content.page-cms h2 { text-align: left; margin-bottom: 15px; font-family: 'Montserrat'; font-size: 18px; text-transform: none; font-weight: 700; line-height: 22px; color: #E31C2A; } .page-content.page-cms h3 { font-size: 16px; color: #383083; margin: 0 0 15px; } a { color: #E31C2A; } a:focus, a:hover { color: #383083; text-decoration: underline; } a:focus { outline: 0; outline-offset: 0; } @media (min-width: 1400px) { #cms .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } } /******************* page login *************************/ .page-authentication #content { box-shadow: none; background: #fff; padding: 0; font-size: 16px; color: #090909; border: none; max-width: 860px; padding: 30px 0 70px; } #login-form .form-control-label, #customer-form .form-control-label { color: #090909; line-height: 19px; text-align: left; } #login-form .form-group.row { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 2rem; } .page-customer-account #content .forgot-password { margin-top: 0; padding: 0; text-align: left; position: relative; top: -25px; } .page-customer-account #content .forgot-password a { text-align: left; font-size: 13px; color: #090909; text-decoration: none; } .loginform-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } button#submit-login, .btn-primary, #customer-form .form-control-submit { background-color: #E31C2A; color: #fff; border: none; box-shadow: none; text-transform: none; font-weight: 500; padding: 10px 50px; font-size: 16px; line-height: 20px; outline: 0!important; } .or-label { line-height: 19px; font-weight: 500; color: #090909; } .page-customer-account #content .no-account a, p.p-login a { color: #383083; text-decoration: underline; font-size: 16px; line-height: 19px; font-weight: 500; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, button#submit-login:focus, button#submit-login:hover, #customer-form .form-control-submit:focus, #customer-form .form-control-submit:hover { background-color: #cc1925; } #login-form .form-control-comment { display: none; } input.form-control.js-child-focus.js-visible-password { border-right: 0!important; } .input-group .input-group-btn>.btn[data-action=show-password] { background: #fff; padding: 0.75rem 0.75rem; border: 1px solid #C2C2C2; height: 40px; border-left: 0; font-size: 0; width: 42px; background-repeat: no-repeat; background-position: center; background-size: auto; outline: 0; } .input-group .input-group-btn>.btn[data-action=show-password] { background-image: url(/img/view.svg); } .input-group .input-group-btn>.btn[data-action=hide-password] { background-image: url(/img/not-view.svg); } /**** responsive ***/ @media (max-width: 768px) { #login-form .form-group.row { display: block; } .form-group.row label.col-md-2 { display: none; } .page-authentication #content { max-width: 480px; padding: 20px 20px 30px; } } @media (max-width: 480px) { #login-form .form-group.row { margin-bottom: 1rem; } .page-customer-account #content .forgot-password { top: -15px; } .loginform-footer { justify-content: center; } .group-btnsubmit button#submit-login { margin: 10px auto 20px; display: table; } .group-btnsubmit { width: 100%; } .or-label { width: 100%; text-align: center; } .page-customer-account #content .no-account { width: 100%; margin: 16px auto; } } /******************* page registration *****************/ p.p-login, p.p-login a { text-align: center; font-size: 14px; line-height: 18px; font-weight: 500; margin: 0 0 30px; } #customer-form .form-control-submit, .checkout.cart-detailed-actions .btn-primary { width: 100%; display: table; margin: 0 auto 16px; } #customer-form .form-group.row { margin-bottom: 1.75rem; display: flex; flex-wrap: wrap; align-items: center; } .custom-radio { width: 18px; height: 18px; border: 1px solid #C8C8C8; } .custom-radio input[type=radio]:checked+span { background-color: #383083; width: 12px; height: 12px; left: 2px; top: 2px; } label.radio-inline { font-size: 16px; color: #1C1C1B; line-height: 19px; margin-right: 40px; } .form-control-comment { font-size: 13px; padding-top: 0.5rem; color: #090909; line-height: 16px; } #authentication .custom-checkbox label, #authentication .custom-checkbox label p, #authentication .custom-checkbox label em { font-size: 14px; line-height: 18px; color: #1C1C1B; } #authentication .custom-checkbox { margin-bottom: -30px; } #authentication .custom-checkbox input[type=checkbox]+span { border: 2px solid #CBCBCB; margin-top: 0; } .btn-register { display: table; width: 100%; margin: 50px 0 0; } input[type=password] { font-size: 24px; line-height: 40px; font-weight: 600; } /************* page panier #cart *****************/ .card { box-shadow: none; border: 1px solid #D4D4D4; } .cart-grid-body .card-block { padding: 12px 20px; background: #E9E9E9; } .card h2, h2.h2 { text-align: left; font-size: 18px; text-transform: none; font-weight: 500; line-height: 28px; margin: 0; color: #000000; } .product-line-grid-body>.product-line-info>.label { font-size: 16px; font-weight: 600; line-height: 28px; color: #000000; } .cart-grid-body a.label:hover { color: #383083; } .product-line-ref { font-size: 16px; color: #383083; line-height: 25px; } .product-line-info.product-price.h5 { display: none; } .bootstrap-touchspin { box-shadow: none; } .product-line-grid-right .product-price { color: #000000; font-size: 16px; line-height: 28px; font-weight: 500; } .cart-grid-body .cart-overview { padding: 0; } .cart-item { padding: 1.25rem; } .cart-item:not(:last-child) { border-bottom: 1px solid #DFDFDF; } .cart-item .product-line-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .product-line-grid-left img { width: auto; height: 140px; margin: 0 auto; display: table; object-fit: contain; } a.label.return-shop, a.label.return-shop i { color: #E31C2A; line-height: 24px; } a.label.return-shop { font-size: 16px; font-weight: 500; line-height: 28px; text-decoration: underline; } .card span.no-items { display: block; padding: 30px 20px; } /*** right aside ****/ .separator { border-color: #D4D4D4; } .cart-summary .cart-detailed-totals { padding: 30px 30px 25px; } .cart-detailed-totals .card-block { padding: 0; } .cart-summary-line { padding: 0 0 4px; } .cart-summary-line .label { font-weight: 500; font-size: 16px; line-height: 28px; color: #000000; } .cart-summary-line .value { color: #000; line-height: 28px; font-size: 16px; } .cart-detailed-totals .separator { margin: 0 0 28px; } .checkout.cart-detailed-actions.card-block { padding: 0 29px 30px; } .checkout.cart-detailed-actions .btn-primary { background: #383083; margin: 0; } .block-promo .promo-code { padding: 0; background: transparent; margin-bottom: 30px; } .block-promo .promo-code-button { padding-left: 0; padding-top: 1rem; color: #383083; font-size: 16px; line-height: 28px; font-weight: 500; margin-bottom: 0; } .block-promo .promo-code form { display: flex; } .block-promo .promo-input { color: #1c1c1c; border: 1px solid #D4D4D4; height: 2.5rem; text-indent: 0.625rem; width: calc(100% - 50px); padding: 0.25rem 0.5rem; font-size: 14px; line-height: 28px; outline: 0!important; box-shadow: none!important; } .block-promo .promo-input+button { margin-top: 0; text-transform: capitalize; width: 50px; height: 2.5rem; margin-left: -1px; background: #E9E9E9; border: 1px solid #D4D4D4; border-left: 0; outline: 0!important; } button.btn.btn-send i { line-height: 16px; font-size: 22px; } .block-promo .promo-input+button:hover { background: rgba(56,48,131,0.8); color: #fff; } .block-promo .promo-input+button:hover i { color: #fff; } .block-promo.promo-highlighted { padding: 0!important; } .js-discount.card-block.promo-discounts { padding: 0 0 10px!important; } p.block-promo.promo-highlighted { padding: 10px 0 0!important; } ul.js-discount.card-block.promo-discounts li.cart-summary-line { padding: 0 0 4px!important; } p.block-promo.promo-highlighted:before { left: 0!important; right: 0; width: calc(100% - 0px)!important; } .block-promo .cart-summary-line .label, .block-promo .promo-name { color: #E31C2A; } /**** block-reassurance ****/ .blockreassurance_product { margin-top: 25px; } .blockreassurance_product .item-product svg { height: 24px; width: 30px; filter: grayscale(1); opacity: 0.6; } .blockreassurance_product .block-title { font-weight: 500; color: #777777!important; } .blockreassurance_product .reassurance_item .desc { display: none; } .blockreassurance_product .reassurance_item { display: flex; align-items: center; margin: 0 0 15px; } #cart #content-wrapper { padding: 0 0 80px; } .blockreassurance_product .item-product { margin-right: 5px; padding-top: 0; } .blockreassurance_product .block-title { color: #383083!important; font-size: 14px; } /*** breadcrumb ****/ #wrapper .breadcrumb[data-depth="1"] { display: block; opacity: 0; } #cart button.btn.btn-primary.disabled { width: 100%; } /****/ @media (max-width: 1200px) { .blockreassurance_product { display: block; margin-left: 0; margin-right: 0; } .blockreassurance_product .item-product { width: auto; } .blockreassurance_product .reassurance_item { width: 100%; padding: 0; display: table; margin: 0 0 20px; } } @media (max-width: 767px) { #header .header-nav .cart-preview.active { background: transparent!important; } .cart-item .product-line-grid { display: block; } #cart #content-wrapper { padding: 0; } } /********************* #checkout ***********************/ #cart .banner-page, #checkout .banner-page { background-image: url(/img/bg-banner-checkout.jpg); } body#checkout #header .header-nav { padding: 0; box-shadow: none; } #js-checkout-summary .card-block { padding: 0; } #js-checkout-summary h5.aeuc_scart { padding: 14px 20px; background: #E9E9E9; margin: 0 0 20px; } #js-checkout-summary h5.aeuc_scart a { font-size: 18px; font-weight: 600; line-height: 28px; color: #000; text-transform: capitalize; text-decoration: none!important; } #js-checkout-summary .cart-summary-products { padding: 0 30px; } #js-checkout-summary .cart-summary-products a { color: #383083; font-weight: 500; line-height: 28px; } #js-checkout-summary .cart-summary-line { padding: 0 30px 4px; } #js-checkout-summary .block-promo { padding: 0 30px; } #js-checkout-summary hr.separator { display: none; } #js-checkout-summary .block-promo { padding: 10px 30px 0; position: relative; margin: 25px 0 0; } #js-checkout-summary .block-promo:before { position: absolute; left: 30px; right: 30px; top: 0; content: ""; width: calc(100% - 60px); height: 1px; background: #D4D4D4; } #js-checkout-summary .card-block.cart-summary-totals { margin: 0 0 16px; } body#checkout a:hover, body#checkout a:focus { color: #E31C2A; } body#checkout #cart-summary-product-list img { border: 1px solid #f1f1f1; width: 4.125rem; } body#checkout #cart-summary-product-list .media-body .product-name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 42px; font-size: 14px; } body#checkout #cart-summary-product-list .media-body .product-quantity { display: inline-block; font-weight: 600; font-size: 14px; } body#checkout #cart-summary-product-list .media-body .product-price { color: #000000; font-weight: 500; font-size: 14px; } body#checkout #cart-summary-product-list .media-list .media:not(:last-child) { padding-bottom: 10px; } body#checkout #cart-summary-product-list { font-size: 16px; } div#cart-summary-product-list { padding-bottom: 10px; } #js-checkout-summary .card-block.cart-summary-totals span.value { font-weight: 500; } body#checkout section.checkout-step { box-shadow: none; background-color: #fff; border: 1px solid #D4D4D4; padding: 13px 30px; border-bottom: 0; } body#checkout section#checkout-payment-step { border-bottom: 1px solid #D4D4D4; } body#checkout section.checkout-step:last-child { border: 1px solid #D4D4D4; } /*** step ****/ body#checkout section.checkout-step .step-title i { font-size: 20px; line-height: 20px; } body#checkout section.checkout-step .step-number i { color: #BCBCBC; } body#checkout section.checkout-step .done { display: none; } .done { color: #383083; } body#checkout section.checkout-step .step-title { font-size: 18px; line-height: 28px; font-weight: 500; color: #BCBCBC; text-transform: none; } body#checkout section.checkout-step.js-current-step .step-title { color: #383083; } body#checkout section.checkout-step.js-current-step .step-number i { color: #383083; } body#checkout section.checkout-step .step-edit { display: none; float: right; } body#checkout section.checkout-step .step-number { padding: 0 14px 0 0; } body#checkout section.checkout-step.js-current-step .step-title { position: relative; padding: 0 0 16px; margin: 0 0 30px; } body#checkout section.checkout-step.js-current-step .step-title:after { content: ""; position: absolute; right: 0; left: -30px; height: 1px; background: #D4D4D4; bottom: 0; width: calc(100% + 60px); } body#checkout section.checkout-step .content { padding: 0; } #checkout .form-control { color: #1C1C1B; border: 1px solid #C2C2C2; } #checkout .form-control-label { padding-top: 4px; font-size: 16px; font-weight: 400; color: #1C1C1B; line-height: 19px; text-align: left; } body#checkout .form-control-comment { font-size: 14px; padding-top: 0.5rem; color: #1C1C1B; line-height: 22px; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #cc1925; border: none; } body#checkout section.checkout-step .form-footer .continue { font-weight: 600; } #checkout .btn-register { margin: 0 0 35px; } #checkout .signin-link { display: none; } body#checkout section.checkout-step.-current .content .nav .nav-item .nav-link.active { color: #1C1C1B; } body#checkout section.checkout-step.-current .content .nav .nav-item .nav-link { font-size: 16px; font-weight: 500; color: #8F8F8F; line-height: 19px; } #checkout .custom-checkbox { margin-top: -15px; } .custom-checkbox label, .custom-checkbox em, .custom-checkbox p { text-align: left; font-size: 14px; line-height: 21px; display: inline; } body#checkout section.checkout-step .forgot-password { margin-left: 0; margin-top: -26px; } body#checkout section.checkout-step .forgot-password a { color: #000000; font-size: 14px; font-weight: 500; line-height: 20px; } body#checkout section.checkout-step .or-label, body#checkout section.checkout-step .no-account { display: none; } body#checkout section.checkout-step .group-btnsubmit { margin: 40px 0 40px auto; } /** address ****/ div#delivery-address footer.form-footer { margin: 30px 0; } body#checkout .cancel-address { background: #ccc; color: #000; border: none; box-shadow: none; text-transform: none; font-weight: 500; padding: 10px 50px; font-size: 16px; line-height: 20px; outline: 0!important; margin: 0 0.5rem; text-decoration: none; } body#checkout .cancel-address:hover, body#checkout .cancel-address:focus { background: #000; color: #fff; } body#checkout section.checkout-step .address-alias { display: inline-block; font-weight: 500; margin-bottom: 0.5rem; font-size: 16px; color: #000; line-height: 24px; } body#checkout section.checkout-step .address-footer { padding: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; } body#checkout section.checkout-step .address-item.selected { border: 3px solid #383083; } body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit { font-size: 1rem; margin-right: 2px; margin-top: -2px; color: #383083; } body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { color: #383083!important; } div#delivery-address footer.form-footer .continue { margin: 0; } .js-address-form h2.h4 { text-align: left; font-size: 18px; font-style: italic; text-transform: none; font-weight: 700; } body#checkout section#checkout-addresses-step { padding-bottom: 40px; } /*** shipping ***/ body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name { display: inline-block; word-break: break-word; text-align: left; font-size: 16px; font-weight: 400; color: #000; line-height: 28px; margin: 0; } body#checkout section.checkout-step .delivery-option { background: transparent; padding: 0; margin-bottom: 1rem; display: flex; } body#checkout section.checkout-step .delivery-option .carrier-logo img { width: 100%; height: auto; } body#checkout section.checkout-step .delivery-option .carrier-price { margin-left: auto; display: table; } body#checkout section.checkout-step .delivery-option .custom-radio, #delivery-addresses .custom-radio { width: 18px; height: 18px; border: 2px solid #E31C2A; } body#checkout section.checkout-step .delivery-option .custom-radio input[type=radio]:checked+span, #delivery-addresses .custom-radio input[type=radio]:checked+span { background-color: #E31C2A; width: 12px; height: 12px; left: 1px; top: 1px; } #delivery-addresses .custom-radio { margin-right: 0.25rem; margin-top: -2px; } body#checkout section.checkout-step .delivery-option .check-option { margin: 5px 30px 0 0; } body#checkout #delivery textarea, body#checkout #gift_message textarea { max-width: 100%; margin-bottom: 10px; font-size: 16px; color: #1c1c1c; border: 1px solid #D4D4D4; outline: 0!important; } body#checkout section.checkout-step .delivery-options-list .continue { margin: 30px 0; } body#checkout section#content { margin: 20px 0 170px; } /**** payment ***/ body#checkout .condition-label { margin-top: 0; } #conditions-to-approve #cta-terms-and-conditions-1 { font-weight: normal; } body#checkout section.checkout-step #conditions-to-approve .custom-checkbox { margin-top: 0; } body#checkout #order-summary-content { display: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover { background-color: #cc1925; border-color: transparent; } div#payment-confirmation .btn-primary { display: table; margin: 30px 0 30px auto; } body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 1.25rem; border-width: 1px; margin-top: 4px; } .payment-options #stripe-card-payment { margin: 20px 0; max-width: 600px; border: 1px solid #D4D4D4; padding: 10px 25px; } .stripe-card-cardholdername input, #stripe-card-number, #stripe-card-expiry, #stripe-card-cvc, #stripe-card-postalcode { border: 1px solid #C2C2C2; margin-bottom: 15px; padding: 0.5rem 0.75rem; width: 100%; height: 36px; font-size: 16px; line-height: 24px; color: #000; } .stripe-payment-form .stripe-card-cvc, .stripe-payment-form .stripe-card-expiry { width: 50%; max-width: 100%; display: block; float: left; } #stripe-card-cvc, #stripe-card-expiry, #stripe-card-postalcode { max-width: 95%; } body#checkout #delivery label, body#checkout #gift_message label { text-align: left; } /*.footer-container .container .row { display: flex; justify-content: space-between; }*/ /******/ @media (max-width: 1200px) { #js-checkout-summary h5.aeuc_scart { padding: 11px 20px; } #js-checkout-summary h5.aeuc_scart a { font-size: 16px; } body#checkout section#content { margin: 0 0 100px; } } @media (max-width: 992px) { body#checkout #js-checkout-summary { margin-top: 40px; } } @media (max-width: 767px) { body#checkout section#content { margin: 0 0 100px; } } @media (max-width: 480px) { body#checkout .cancel-address { width: 100%; margin: 15px auto 0; float: none !important; display: table; } div#delivery-address footer.form-footer .continue { margin: 0; float: none !important; width: 100%; display: table; } body#checkout section.checkout-step .delivery-options-list .continue { width: 100%; } #payment-confirmation button.btn { padding: 10px; width: 100%; } body#checkout section.checkout-step .form-footer .continue { width: 100%; } body#checkout section.checkout-step .step-title { font-size: 16px; line-height: 24px; } body#checkout section.checkout-step { padding: 13px 20px; } body#checkout section.checkout-step.js-current-step .step-title::after { left: -20px; width: calc(100% + 40px); } body#checkout section.checkout-step .forgot-password { margin-left: 0; margin-top: 0; } } /*************** Espace Client *******************/ #my-account #wrapper #content-wrapper { padding: 10px 0 70px; } .page-customer-account .container { max-width: 1400px; } .row-centerbox .links { justify-content: center!important; } .page-my-account #content .links a { color: #383083; text-decoration: none; } .page-my-account #content .links a span.link-item { box-shadow: none; background: #fff; padding: 25px 20px 20px; border: 2px solid transparent; position: relative; transition: all 0.2s ease; } .page-my-account #content .links a span.link-item:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #DDDDDD; transition: all 0.1s ease; opacity: 1; visibility: visible; } .page-my-account #content .links a span.link-item:hover:before { opacity: 0; visibility: hidden; } .page-my-account .links a span.link-item .icon-svg { padding: 0 0 18px; } .page-my-account .links a span.link-item .icon-svg .cls-1 { fill: #383083; } .page-my-account #content .links a span.link-item:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; bottom: -6px; width: 33%; height: calc(100% + 12px); background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease-in-out; } .page-my-account #content .links a span.link-item .link-content { font-family: 'Hemi Head Rg'; font-size: 18px; line-height: 22px; color: #383083; text-transform: none; position: relative; transition: all 0.2s ease; z-index: 1; } .page-my-account #content .links a:hover span.link-item { color: #E31C2A; border: 2px solid #E31C2A; border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to left, #E31C2A, #383083); } .page-my-account #content .links a:hover span.link-item .link-content { color: #E31C2A; } .page-my-account #content .links a:hover span.link-item:after { opacity: 1; } .page-my-account .links a:hover span.link-item .icon-svg .cls-1 { fill: #E31C2A; stroke: #E31C2A; } #my-account #main .page-footer { padding-top: 30px; border-top: 1px solid #DFDFDF; } #my-account #main .page-footer a.logout-link { font-size: 16px; line-height: 19px; font-weight: 500; color: #868686; text-decoration: none; display: flex; justify-content: center; align-items: center; } a.logout-link span.logout-svg { margin: 0px 14px 0 0; height: 22px; } a.logout-link span.logout-svg .cls-1 { fill: #868686; stroke: #868686; } #my-account #main .page-footer a.logout-link:hover { color: #383083; } a.logout-link:hover span.logout-svg .cls-1 { fill: #383083; stroke: #383083; } /****/ .page-my-account #content span.link-item { font-family: 'Hemi Head Rg'; font-size: 18px; line-height: 22px; color: #383083; text-transform: none; position: relative; transition: all 0.2s ease; z-index: 1; } .page-my-account #content .links a i { display: block; font-size: 2.6rem; width: 100%; color: #383083; padding-bottom: 3.4rem; } .page-my-account #content .links a:hover i { color: #E31C2A; } .page-my-account .links a:hover span.link-item .icon-svg path { fill: #E31C2A; } /**** page identity ******/ #identity #content-wrapper { margin: 0 0 100px; padding: 0 0 50px; } .page-customer-account #content { box-shadow: none; background: #fff; padding: 50px 0 0px; font-size: 16px; color: #000; } #address #content, #identity #content { max-width: 860px; margin: 0 auto; } #identity .form-control-valign { padding-top: 0; } .page-footer .account-link { text-decoration: none; } .page-footer .account-link i { color: #383083; font-weight: 900; font-size: 18px; } .page-footer .account-link span { font-size: 16px; vertical-align: middle; font-weight: 500; color: #383083; } #identity .form-control-comment { display: none; } #identity .btn-register { margin: 20px 0 0; } #identity .signin-link { display: none; } .page-customer-account #main .page-footer { padding-top: 30px; /*border-top: 1px solid #DFDFDF;*/ } /***** customer adressses ****/ #addresses #content-wrapper { padding: 50px 0 70px; } body#addresses #wrapper .container { max-width: 1030px; width: 100%; padding-left: 15px; padding-right: 15px; } .col-address h2, .page-customer-account #content h2 { font-family: 'Montserrat'; font-size: 18px; line-height: 22px; text-align: left; font-style: italic; text-transform: none; color: #000000; margin: 0 0 20px; } .page-addresses .col-address .address .address-body address { min-height: auto; margin-bottom: 0; } .page-addresses .col-address .address .address-body { padding: 25px 20px 25px 35px; } .page-addresses .col-address .address { box-shadow: none; background: #fff; border: 1px solid #E8E8E8; position: relative; } .page-addresses .addresses-footer a { color: #2B53A0; text-decoration: none!important; } .page-addresses .addresses-footer a:hover, section.checkout-step .add-address a:hover { color: #E31C2A; } .page-addresses .addresses-footer a i, section.checkout-step .add-address a i { font-size: 18px; font-weight: 400; color: #2B53A0; } .page-addresses .addresses-footer a span, section.checkout-step .add-address a { font-size: 14px; vertical-align: middle; margin-top: 0; font-weight: 600; color: #2B53A0; line-height: 30px; } section.checkout-step .add-address a { text-decoration: none!important; color: #2B53A0!important; } body#checkout section.checkout-step .add-address a i { font-size: 18px; margin-right: 8px; } .address-buttongroup { position: absolute; top: 20px; right: 20px; } .address-buttongroup .edit-address { margin-right: 6px; } .address-buttongroup a { text-decoration: none!important; } .address-buttongroup a i { font-size: 26px; } /*** history ***/ #history #content h2 { margin: 0 0 40px; } #history #content-wrapper { padding: 0 0 70px; } .thead-default th { color: #000; background-color: #F1F2F5; font-size: 14px; font-weight: 500; line-height: 22px; border-color: #F1F2F5; padding: 1rem 0.75rem; text-align: center; } .table-labeled td, .table-labeled td span { text-align: center; font-size: 14px; color: #000; line-height: 18px; } .table-labeled td { font-weight: 400; } .table-labeled .label { padding: 0; } span.label.label-pill i { font-size: 12px; } table.table.table-bordered a i { color: #383083; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #E4E4E4; } #discount .table-bordered th { border: 1px solid #E4E4E4; text-align: center; } /*** notifications ***/ #main .page-content #notifications { margin-left: 0; margin-right: 0; } @media screen and (max-width: 768px) { .page-customer-account #content { padding: 0px 0 10px; } #identity #content-wrapper { padding: 0; } #history #content-wrapper { padding: 0; } #customer-form .form-group.row { margin-bottom: 1rem; } #history .orders .order a h3 { color: #000; font-size: 16px; font-weight: 700; } #history .orders { margin: 0; } #history .orders .order { border-bottom: 1px solid #f6f6f6; border: 1px solid #E8E8E8!important; margin-bottom: 1rem; } } /******* order-slip *****/ .credit-slip { padding: 1rem; border-bottom: 1px solid #f6f6f6; border: 1px solid #E8E8E8!important; margin-bottom: 1rem; } .credit-slip ul { margin-bottom: 0; } .credit-slip li span { font-weight: 600; } .credit-slip li a { font-weight: 500; } /********* wishlist *********/ body#module-blockwishlist-lists .container { max-width: 1030px; width: 100%; padding-left: 15px; padding-right: 15px; } .wishlist-footer-links { padding-top: 30px; } .wishlist-footer-links>a { line-height: 19px; font-size: 16px; vertical-align: middle; font-weight: 500; color: #383083; } .wishlist-footer-links>a i { color: #383083; font-weight: 900; font-size: 18px; } .wishlist-container-header h1 { font-size: 18px; font-style: italic; line-height: 22px; } .wishlist-add-to-new[data-v-4f116ff6]:not([href]):not([tabindex]), .wishlist-add-to-new { color: #2B53A0!important; } .wishlist-add-to-new i[data-v-4f116ff6], .wishlist-add-to-new i { margin-right: 5px; vertical-align: middle; margin-top: -2px; font-size: 18px; color: #2B53A0!important; } a.wishlist-add-to-new { font-weight: 600; } .wishlist-list-item-default { border-bottom: 0!important; } .wishlist-list-item:hover .wishlist-list-item-title { color: #E31C2A!important; } .wishlist-list-item .wishlist-list-item-title { color: #1C1C1B; } .wishlist-list-item .wishlist-list-item-title span { color: #1C1C1B; } .wishlist-list-item-right>button i { color: #000!important; } .wishlist-list-item-right>button i { color: #383083!important; } .wishlist-list-item-link { padding: 20px 20px!important; } /****/ #view #wrapper .container { max-width: 1030px; width: 100%!important; padding-left: 15px; padding-right: 15px; } nav.wishlist-pagination.pagination { border-bottom: none!important; margin-top: 1rem; margin-bottom: 1rem; padding-bottom: 0; } /*****/ #view .card { border: none; } .wishlist-products-list { flex-direction: column; display: block!important; flex-wrap: inherit!important; margin: 0!important; padding: 0!important; border: none!important; } .wishlist-list-empty { font-weight: bold!important; font-family: 'Hemi Head Rg'!important; color: #383083!important; font-size: 18px!important; } #main .wishlist-products-container .card.page-content { border: 1px solid #E4E4E4!important; } .wishlist-products-item { margin: 0 30px; padding: 30px 0; } .wishlist-products-item:not(:last-child) { border-bottom: 1px solid #E8E8E8; } .wishlist-product { max-width: 100%!important; flex-direction: row!important; align-items: center; } a.wishlist-product-link { display: flex; justify-content: flex-start; width: 55%; text-decoration: none!important; } .wishlist-product-availability { display: none!important; } .wishlist-product-image { width: 100px!important; height: 100px!important; margin-right: 25px; min-width: 100px!important; } .wishlist-product-title { color: #1C1C1B!important; font-size: 16px!important; letter-spacing: 0!important; line-height: 23px!important; font-family: 'Hemi Head Rg'!important; } .wishlist-product-price { color: #1C1C1B!important; font-size: 14px!important; margin-bottom: 5px; } .wishlist-product-bottom { display: flex; justify-content: space-between; align-items: center; width: 35%; } .wishlist-product-addtocart { width: auto!important; text-transform: inherit!important; height: 32px!important; padding: 7px 21px!important; font-size: 14px!important; font-weight: 500!important; line-height: 18px!important; } .wishlist-product-addtocart i { margin-top: -2px!important; font-size: 18px!important; color: #fff!important; } .wishlist-product-bottom .wishlist-button-add { position: relative; background: none!important; color: #000!important; top: inherit; right: inherit; } .wishlist-product-bottom .wishlist-button-add i { color: #000!important; } .wishlist-product-bottom .wishlist-button-add:hover { opacity: 1!important; } .wishlist-product-bottom .wishlist-button-add:hover i { color: #383083!important; } .wishlist-product-combinations-text { color: #1C1C1B!important; font-size: 14px!important; line-height: 20px!important; min-height: 22px!important; margin: 0!important; } .wishlist-products-container-header { margin-bottom: 0!important; padding: 10px 30px; background: #F1F2F5; } .wishlist-products-container-header h1 { font-size: 16px; line-height: 23px; font-weight: 700; margin: 0; } .wishlist-products-container-header .wishlist-products-count { color: #1C1C1B; font-size: 16px; font-weight: normal; line-height: 23px; } .wishlist-products-container { padding: 50px 0 0; } @media screen and (max-width: 768px) { .wishlist-product { flex-direction: column!important; } a.wishlist-product-link { width: 100%; margin: 0 0 20px!important; } .wishlist-product-bottom { width: 100%; } .wishlist-products-item { margin: 0!important; padding: 25px; } #main .wishlist-products-container .card.page-content { border: none!important; } .wishlist-products-container-header h1 { margin: 0 0 12px; } .wishlist-products-container { padding: 0; } .wishlist-container .page-content.card[data-v-4f116ff6] { box-shadow: none; } } /**** psdgp ****/ .psgdprinfo17 { background: #fff; border: none; padding: 0; } #module-psgdpr-gdpr #content h2 { font-family: 'Hemi Head Rg'; font-size: 18px; line-height: 22px; margin: 0 0 14px; } .personal-infobtn { margin: 0; display: table; padding-top: 5px; } .personal-infobtn a { font-size: 16px; line-height: 24px; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 40px; padding: 5px 16px; margin-bottom: 10px; } .personal-infobtn a span { line-height: 20px; margin-right: 11px; } span.icon-file svg { height: 24px; fill: #fff; color: #fff; stroke: #fff; } #exportDataToPdf { margin-right: 10px; margin-left: 0; } /**** pagenotfound *****/ body#pagenotfound #wrapper { background: #F1F1F1; } body#pagenotfound section.banner-page { display: none; } body#pagenotfound #content-wrapper { padding: 140px 0; margin: 0; } #pagenotfound #main .page-content { margin-bottom: 0; } #pagenotfound .page-not-found, #products .page-not-found { box-shadow: noen; background: transparent; font-size: 18px; color: #000000; max-width: 590px; margin: 0 auto; line-height: 28px; } .page-not-found h2 { font-size: 52px; font-weight: 600; font-family: 'Montserrat'; color: #9D9D9D; margin: 0 0 30px; line-height: 52px; } .page-not-found h4 { font-size: 24px; font-weight: 500; line-height: 32px; color: #000000; margin: 0 0 20px; } .page-not-found p { font-size: 18px; line-height: 28px; font-weight: 400; } .page-not-found #search_widget { margin: 25px 0 0; } .page-not-found #search_widget form i { padding: 0.65rem 0.5rem 0.5rem; } .page-not-found #search_widget form input { max-width: 400px; } #pagenotfound #search_widget form input { background-color: #fff; } .page-not-found a.return-home { font-size: 16px; line-height: 20px; background: #E31C2A; color: #fff; padding: 11px 37px; display: table; margin: 40px auto 0; font-weight: 700; height: 40px; text-decoration: none; } .page-not-found a.return-home span { color: #fff; } /**** page details order *****/ .page-order-detail { font-size: 16px; color: #000; line-height: 20px; } .page-order-detail #content-wrapper { padding: 50px 0; } .page-order-detail .container { max-width: 1200px; padding-left: 15px; padding-right: 15px; } .page-order-detail .box { box-shadow: none; padding: 0; margin-bottom: 2.5rem; } .ref-date-order h2, .page-order-detail h2 { font-size: 18px; color: #383083; text-align: left; margin-bottom: 0; line-height: 24px; font-family: 'Montserrat'; font-weight: 600; margin: 0 0 30px; } .ref-date-order h2 { margin-bottom: 0; } .button-primary { background: #E31C2A; color: #fff; font-size: 16px; font-weight: 500; padding: 8px 18px; line-height: 24px; text-decoration: none!important; border-radius: 0; outline: 0; margin-left: auto; display: table; } .button-primary i.reorder { margin-right: 8px; color: #fff; font-size: 24px; } .button-primary:hover { color: #fff; background: #cc1925; } .box label.legend { font-size: 16px; font-weight: 600; color: #000; margin-right: 7px; } .button-download { font-size: 16px; color: #383083; font-weight: 600; } .button-download i { font-size: 22px; margin-right: 4px; color: #383083; } .page-order-detail .addresses .box-address { padding: 1rem!important; border: 1px solid #E4E4E4; } .page-order-detail .addresses .box-address h4 { font-weight: 600; color: #383083; } .page-order-detail .addresses .box-address address { margin: 0; } .page-order-detail .thead-default th { font-size: 16px; font-weight: 600; } .page-order-detail section.order-message-form.box { width: 100%; max-width: 700px; text-align: left; padding: 1.75rem 1.75rem 1.5rem; display: table; margin: 0 auto 2rem; border: 1px solid #E4E4E4; } @media screen and (max-width: 768px) { .ref-date-order h2 { margin-bottom: 25px; } .button-primary { margin-left: 0; } .page-order-detail .order-items .order-item { padding: 0; } .page-order-detail #content-wrapper { padding: 0; } } /***** order confirmation *****/ body#order-confirmation .banner-page { background-image: url(/img/bg-banner-checkout.jpg); } #order-confirmation .container { max-width: 1070px; padding-left: 15px; padding-right: 15px; } .page-order-confirmation #content-wrapper { padding: 50px 0; } span.icon-circle { width: 28px; height: 28px; background: #383083; border-radius: 50%; padding: 0px 4px; display: inline-block; margin-right: 16px; } span.icon-circle i { color: #fff; font-size: 20px; padding: 0!important; margin: 0; line-height: 23px; font-weight: 700; } .page-order-confirmation h2.card-title { font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; color: #383083; margin: 0 0 20px; display: flex; align-items: center; } #order-items { border-right: none; margin: 20px 0 40px; } .order-confirmation-table { border: 1px solid #E4E4E4!important; } .page-order-confirmation #order-items table { margin: 0; } .order-confirmation-table .thead-default th { font-size: 16px; font-weight: 600; } .row-product { display: flex; flex-wrap: wrap; } .row-product .image { width: 100px; height: 100px; display: table; margin-right: 22px; } .row-product .image img { height: auto!important; object-fit: contain; width: auto!important; } .col-prod.details span { font-size: 16px; font-weight: 500; max-width: 300px; display: table; margin: 10px 0 0; } .page-order-confirmation .table-labeled td, .table-labeled td span { font-size: 16px; } table.text-left td, table.text-left td span { text-align: left; } .font-weight-bold td { font-weight: 700!important; } #order-details { padding-left: 15px; } #order-details table { border: 1px solid #E4E4E4; } @media screen and (max-width: 768px) { #order-details .card-title { border-bottom: none; padding-bottom: 0; } #order-items .details span { font-size: 16px; font-weight: 500; text-transform: none; } .page-order-confirmation #content-wrapper { padding: 0; } #order-details .card-title { border-bottom: none; margin-bottom: 1rem; padding-bottom: 0; } #order-items .card-title { border-bottom: none; padding-bottom: 0; font-size: 16px; text-transform: none; font-weight: 600; } #order-items .order-line { padding: 1rem; margin: 0; } } /******** page product **************/ /***** product-info *******/ h1.h1.product-title { font-size: 22px; line-height: 32px; font-style: italic; font-weight: 700; font-family: 'Montserrat'; color: #000000; margin: 0 0 15px; } h4.product-reference { font-size: 16px; line-height: 25px; font-weight: 600; color: #000000; margin: 0 0 12px; } /********* product-prices **************/ .product-prices { margin-top: 0; } .product-prices div { margin-bottom: 0; display: inline-block; } .product-price.h5, .product-price.h5 span { font-family: 'Hemi Head Rg'; font-size: 38px; line-height: 38px; color: #E31C2A; margin: 0 0 5px; } .product-price.h5 span.label-pricetype { font-size: 16px!important; font-weight: 600; font-family: 'Montserrat'!important; font-style: italic; line-height: 28px!important; display: inline-block; margin-left: 5px; } .product-additional-info .social-sharing, .social-sharing, .product-additional-info { display: none; } .product-prices .tax-shipping-delivery-label { display: none; } .product-prices .tax-shipping-delivery-label .delivery-information:before { display: none; } /************* product-actions ***********/ .product-quantity #quantity_wanted { color: #000000; height: 50px!important; width: 4rem; z-index: 1; } .bootstrap-touchspin .input-group-btn-vertical { color: #000; } .product-quantity .btn-touchspin { height: 26px; padding: 0.5rem 0.75rem!important; } .product-quantity .input-group-btn-vertical .btn i { top: 0.25rem; left: 0.25rem; } button.btn.btn-primary.add-to-cart i { color: #fff; font-size: 26px; margin-right: 15px; } .product-actions .add-to-cart { height: 50px; padding: 10px 66px; font-size: 18px; font-weight: 500; line-height: 25px; } .product-discounts { margin-bottom: 0.5rem; } #product-availability { margin-top: 0.75rem; display: flex; align-items: flex-start; font-size: 22px; font-weight: 600; line-height: 25px; } #product-availability span { font-size: 18px; font-weight: 500; line-height: 24px; text-transform: capitalize; } #product-availability i { margin-right: 10px; font-size: 24px; } #product-availability .product-unavailable { color: #e6333f; } #product .blockreassurance_product { margin-top: 0.75rem; } .short_desc_product { line-height: 28px; color: #000000; margin: 5px 0 25px; } #product #wrapper .container { max-width: 1200px; padding-left: 30px; padding-right: 30px; } /**** zoomin image ***/ .product-cover .layer .zoom-in { font-size: 3rem; color: #000; } .product-cover { } .product-cover img { box-shadow: none; background: #fff; border: 1px solid #CBCBCB; } .product-images>li.thumb-container>.thumb { box-shadow: none; border: 1px solid #CBCBCB; } .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover { border: 1px solid #383083; } #product #content { position: relative; max-width: 100%; margin: 0 auto; } #product #content .product-flags { display: none; } #product #content .images-container { display: flex; align-items: flex-start; flex-direction: row; } #product #content .images-container .product-cover { order: 2; flex-direction: column; } #product #main .images-container .js-qv-mask { white-space: initial; overflow: hidden; order: 1; flex-direction: column; width: 26%; } #product .images-container .js-qv-mask ul { padding-left: 0; margin: 0; } #product .product-images>li.thumb-container { display: block; padding: 0; } #product .images-container .product-images>li.thumb-container>.thumb { margin-right: 0; } .product-cover .layer .zoom-in { font-size: 30px; color: #000; font-weight: 400; right: 13px; position: absolute; bottom: 13px; } /***** content-description-product tabs *****/ .content-description-product { max-width: 820px; margin: 0 auto; } .content-description-product .tabs { box-shadow: none; margin-top: 2.5rem; background: #fff; padding: 0; } .content-description-product .tabs .nav-tabs { border: none; border-bottom: none; width: 100%; margin-bottom: 20px; } .content-description-product .tabs .nav-tabs .nav-item { float: none; margin-bottom: -0.125rem; display: table-cell; width: 1%; } .content-description-product .tabs .nav-tabs .nav-link { color: #383083; border-bottom: 2px solid #383083; text-align: center; font-family: 'Hemi Head Rg'; font-size: 18px; line-height: 28px; padding: 6px 20px; } .content-description-product .tabs .nav-tabs .nav-link.active, .content-description-product .tabs .nav-tabs .nav-link:hover { background: #383083; color: #fff; } .content-description-product .tabs .nav-tabs .nav-link.active { background: #383083; color: #fff; } .content-description-product .tab-content { border: none; padding: 0 1rem; } /************** product-details ***************/ #product-details .label { font-size: 1rem; color: #000; font-weight: 600; margin: 0 0 0.5rem; } .content-description-product .tabs a { font-weight: 500; color: #383083; } .content-description-product .product-features { margin-top: 1rem; margin-left: 0; } section.product-features .h6 { font-size: 16px; margin: 0 0 15px; line-height: 20px; color: #000; } .product-features>dl.data-sheet dd.value:nth-of-type(2n), .product-features>dl.data-sheet dt.name:nth-of-type(2n) { background: #fff; } .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { padding: 0.625rem 0.625rem; min-height: 2.5rem; margin-bottom: 0; background: #fff; border: 1px solid #DDDDDD; font-size: 16px; line-height: 19px; } .product-features>dl.data-sheet dd.value { border-left: 0; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { margin-right: 0; } /************ product-accessories **********/ section.product-accessories { padding: 140px 0 0; } section.product-accessories h2 { margin-bottom: 60px; } section.product-accessories .products { justify-content: center; } /********* banner-page ************/ #my-account section.banner-page, #addresses section.banner-page, #identity section.banner-page, #history section.banner-page, #order-slip section.banner-page, #discount section.banner-page, #module-blockwishlist-lists section.banner-page, #view section.banner-page, #module-psgdpr-gdpr section.banner-page, #authentication section.banner-page, #password section.banner-page { background: url(/img/bg-banner-account.jpg); } /***** banner-page-gray **********/ #product .banner-page, #my-account .banner-page, #order-confirmation .banner-page, #order-detail .banner-page { background: #F1F1F1!important; height: 100px; margin-bottom: 100px; } #product .banner-page .container, #my-account .banner-page .container, #order-confirmation .banner-page .container, #order-detail .banner-page .container { position: relative; } #product .breadcrumb-navigation, #my-account .breadcrumb-navigation, #order-confirmation .breadcrumb-navigation, #order-detail .breadcrumb-navigation { background: #fff; position: absolute; left: 30px; transform: none; bottom: -160px; padding: 10px 0; } #product .breadcrumb-navigation:before, #product .breadcrumb-navigation:after, #my-account .breadcrumb-navigation:before, #my-account .breadcrumb-navigation:after, #order-confirmation .breadcrumb-navigation:before, #order-confirmation .breadcrumb-navigation:after, #order-detail .breadcrumb-navigation:before, #order-detail .breadcrumb-navigation:after { display: none; } #product .breadcrumb-navigation h1.page-title, #my-account .breadcrumb-navigation h1.page-title, #order-confirmation .breadcrumb-navigation h1.page-title, #order-detail .breadcrumb-navigation h1.page-title { display: none; } /***** responsive ****/ @media screen and (max-width: 1200px) { /*#header .header-nav .row .mobile { display: flex; justify-content: space-between; align-items: center; } #header .header-nav .top-logo { padding: 0; width: auto; margin: 0 auto; display: table; }*/ #header .header-top .top-menu .sub-menu ul[data-depth="1"]>li { min-width: 100%!important; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse { border: none; } #product #wrapper .container { padding-left: 15px; padding-right: 15px; } #product #content .images-container .product-cover { width: 80%; } h1.h1.product-title { font-size: 20px; line-height: 30px; font-weight: 700; } .product-price.h5, .product-price.h5 span { font-size: 34px; line-height: 34px; } #product .breadcrumb-navigation, #my-account .breadcrumb-navigation, #order-confirmation .breadcrumb-navigation, #order-detail .breadcrumb-navigation { left: 0; padding: 10px 10px; } #mobile_top_menu_wrapper .top-menu .sub-menu li > a { border-bottom: 1px solid #f3f3f3; background: #fff; font-size: 12px!important; font-weight: 600; color: #373084; } .top-menu .sub-menu { padding: 10px!important; } body#pagenotfound #content-wrapper { padding: 120px 0; } } @media screen and (max-width: 1199px) { .row.deskop-row-header { display: none; } } @media screen and (max-width: 992px) { #product #content { max-width: 660px; } #product #main .images-container .js-qv-mask { width: 116px; } .row.deskop-row-header { display: none; } body#pagenotfound #content-wrapper { padding: 100px 0; } } @media screen and (max-width: 767px) { h1.h1.product-title { font-size: 18px; line-height: 28px; font-weight: 600; margin: 0 0 10px; } .product-price.h5, .product-price.h5 span { font-size: 28px; line-height: 32px; } section.product-accessories { padding: 90px 0 0; } section.product-accessories h2 { margin-bottom: 40px; } #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description { box-shadow: none; } #product .banner-page, #my-account .banner-page, #order-confirmation .banner-page, #order-detail .banner-page { margin-bottom: 50px; } } @media screen and (max-width: 576px) { .product-actions .add-to-cart { height: 42px; padding: 10px 29px; font-size: 14px; font-weight: 600; line-height: 24px; } button.btn.btn-primary.add-to-cart i { color: #fff; font-size: 18px; margin-right: 8px; line-height: 16px; } .product-quantity .add, .product-quantity .qty, .product-quantity .qty .bootstrap-touchspin { float: none; display: table; } #product-availability span { font-size: 16px; line-height: 24px; } #product-availability i { margin-right: 10px; font-size: 24px; } .content-description-product .tabs .nav-tabs .nav-item { margin-bottom: 0; display: table; width: 100%; } .nav-tabs .nav-item+.nav-item { margin-left: 0; } .product-quantity { display: block!important; flex-wrap: wrap; } #product #content .images-container { display: block; } #product #main .images-container .js-qv-mask { width: auto; } #product #content .images-container .product-cover { width: 100%; } .product-cover img { width: 100%; } #product .product-images>li.thumb-container { display: inline!important; } #product .images-container .product-images>li.thumb-container>.thumb { margin-right: 0.5rem; } } /********** password *******/ #password .card.card-block { max-width: 860px; margin: 0px auto 30px; padding: 1rem; text-align: center; } #password .send-renew-password-link { padding-left: 10px; padding-right: 10px; font-size: 16px; line-height: 28px; color: #000; margin: 0 auto 20px; } .forgotten-password .form-fields .center-email-fields { display: block!important; } .forgotten-password .form-fields label.required { width: auto; margin-bottom: 0.75rem; } .forgotten-password .form-fields .email { width: 430px; margin: 0 auto 20px; } .forgotten-password .form-fields .center-email-fields button { height: 40px; } #password #main .page-footer { text-align: center; } /************** quickview ************/ .quickview .modal-content { background: #fff; border-radius: 0; min-height: 100%; } .modal-backdrop.in { opacity: .7; } .modal-header .close { margin-top: 0; opacity: 1; outline: 0; } .modal-header .close span { font-size: 45px; font-weight: 400; color: #000; } .quickview .modal-dialog { max-width: 600px; } .quickview .modal-content h1 { font-size: 18px; line-height: 25px; font-weight: 600; margin: 0 0 12px; font-style: italic; } .quickview .product-price.h5, .quickview .product-price.h5 span { font-size: 24px; line-height: 32px; } .quickview .modal-footer { border-top: 0; padding: 0; } .quickview .modal-body { padding: 0px 50px 30px; } .quickview .product-cover { margin-bottom: 0; } .quickview #product-availability { margin-top: 0.85rem; } .quickview .images-container { margin-bottom: 25px; width: 100%; } .quickview .product-images>li.thumb-container { display: block; } .quickview .mask { width: 15%; } .quickview .product-cover { width: 85%; } /********** quickview -modal *********/ .modal-content { border-radius: 0; } .quickview .modal-body { min-height: auto; } .quickview .product-actions .add-to-cart { height: 44px; padding: 8px 50px; font-size: 16px; } .quickview .product-quantity #quantity_wanted { height: 44px!important; } .quickview .product-quantity .btn-touchspin { height: 23px; } .quickview button.btn.btn-primary.add-to-cart i { font-size: 24px; margin-right: 9px; } @media screen and (max-width: 576px) { .quickview .product-actions .add-to-cart { padding: 8px 30px; } .quickview .modal-body { padding: 0px 35px 30px; } } /***** wishlist ****/ .wishlist-modal .modal-header h5 { color: #000; font-size: 18px; line-height: 30px; font-style: italic; } .wishlist-modal .wishlist-list-item p { font-size: 16px; color: #000; line-height: 24px; padding: 0 30px; } /********** #blockcart-modal *********/ #blockcart-modal .modal-header { background: #E9E9E9; color: #000; padding: 19px 15px 8px; } #blockcart-modal .modal-title i.material-icons { display: none; } #blockcart-modal .modal-title { font-weight: 700; color: #000; font-size: 18px; line-height: 23px; font-family: 'Hemi Head Rg'; } #blockcart-modal .modal-body { background: #fff; padding: 31px 50px 35px; } #blockcart-modal .modal-dialog { max-width: 800px; } #blockcart-modal .cart-content { padding-left: 0; } #blockcart-modal .product-name { color: #000000; font-size: 16px; line-height: 25px; font-weight: 600; font-style: italic; font-family: 'Montserrat'; } #blockcart-modal .product-price { color: #E31C2A; display: inline-block; font-size: 18px; line-height: 25px; font-weight: 600; margin: 0; } .product-wrapper p label, .product-wrapper span label { font-weight: 600; font-style: italic; color: #E31C2A; margin: 0; } .product-wrapper p { margin: 0 0 5px; } .product-wrapper { display: block; margin: 0 0 30px; } #blockcart-modal .cart-products-count { font-weight: 600; font-size: 14px; margin: 0 0 12px; } #blockcart-modal .line-data { display: flex; justify-content: space-between; padding: 10px 0 6px; border-top: 1px solid #E3E3E3; } #blockcart-modal .line-data label { margin: 0; font-size: 16px; line-height: 23px; font-weight: 500; color: #1C1C1B; } #blockcart-modal .line-data span { margin: 0; font-size: 16px; line-height: 23px; font-weight: 600; color: #1C1C1B; } #blockcart-modal .line-data.total-price label, #blockcart-modal .line-data.total-price span { font-family: 'Hemi Head Rg'; font-size: 18px!important; line-height: 25px!important; color: #E31C2A!important; } #blockcart-modal .line-data.total-price sup { top: 0; font-size: 14px; font-weight: 600; font-style: italic; color: #E31C2A!important; margin-left: 2px; } #blockcart-modal .cart-content .cart-content-btn { display: flex; justify-content: space-between; margin-bottom: 0; margin-top: 22px; } #blockcart-modal .cart-content .cart-content-btn .btn { white-space: inherit; width: 50%; } #blockcart-modal .cart-content .cart-content-btn .btn.btn-primary { margin-left: 11px; font-size: 16px; line-height: 22px; font-weight: 500; margin-bottom: 0; } #blockcart-modal .cart-content .cart-content-btn button.btn-secondary { font-size: 16px; background: #fff; box-shadow: none; border: 1px solid #000; font-weight: 500; text-transform: none; line-height: 22px; padding: 0.5rem 1.25rem; margin-bottom: 0; outline: 0!important; border-radius: 0; margin-right: 11px; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group{ width: 4rem!important; } /**** submenu - desktop *****/ #header .header-top .top-menu[data-depth="1"] { display: flex; flex-wrap: wrap; } #header .header-top .top-menu .sub-menu ul[data-depth="1"]>li { margin: 0; min-width: 270px; padding: 0.25rem 1rem; } #header .header-top .top-menu li#category-1599 .sub-menu ul[data-depth="1"]>li, #header .header-top .top-menu li#category-1656 .sub-menu ul[data-depth="1"]>li { min-width: 175px; } #header .header-top .top-menu a[data-depth="1"] { /*padding: 0.25rem 1rem;*/ padding: 0.25rem 0; /* display: inline;*/ } .top-menu .sub-menu { padding: 30px 34px 41px; border-top: 1px solid #373084; } /*** slider home ***/ .slideruploadimages { padding: 20px 0; } #reference-slideruploadimages .owl-item { position: relative; } #reference-slideruploadimages .owl-item:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255, 0.5); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(227,28,42,0.75) 100%); opacity: 0; transition: opacity 0.2s ease; } #reference-slideruploadimages .owl-item:hover:after { opacity: 1; } #sliderhome #reference-slideruploadimages button.owl-prev, #sliderhome #reference-slideruploadimages button.owl-next { opacity: 0; transition: opacity 0.2s ease; } #sliderhome #reference-slideruploadimages:hover button.owl-prev, #sliderhome #reference-slideruploadimages:hover button.owl-next { opacity: 1; } /***** product-list ****/ .availability { position: absolute; top: 44px; background: #A5A5A5; color: #fff; transform: rotate(316deg); padding: 5px 10px; left: -41px; width: 200px; height: 29px; text-align: center; } .availability-outstock { font-size: 14px; line-height: 18px; color: #fff; font-weight: 500; } .product-miniature .thumbnail-container { overflow: hidden; } .add_product_button.disabled { background: #A5A5A5; pointer-events: none; } /***** brands *****/ #manufacturer #main ul { display: flex; flex-wrap: wrap; justify-content: center; } #manufacturer section#main h1.brands_title { display: none; } #manufacturer .brands_list .brand { border: 1px solid #e9e9e9; padding: 10px 15px; margin-right: 15px; margin-bottom: 15px; max-width: 240px; width: 100%; text-align: center; } #manufacturer .brands_list .brand-infos p, #manufacturer .brands_list .brand-infos p a, #manufacturer .brands_list .brand-products a, #manufacturer .brands_list .brand-products p { font-size: 14px; line-height: 28px; font-weight: 600; color: #383083; margin: 0; } #manufacturer .brands_list a.count_prod { font-weight: 400!important; } #manufacturer .brands_list .brand-products a.btn_brand { display: table; margin: 5px auto 7px; color: #E31C2A; border-bottom: 1px solid #E31C2A; text-decoration: none; line-height: 20px; } #manufacturer .brands_list .brand-products a.btn_brand i { font-size: 18px; color: #E31C2A; } #products .product-miniature ul.product-flags { display: none!important; } /***************** .Home_brands_list *******************/ .Home_brands_list { position: relative; margin: 0 0 45px; } /**** contentBox ****/ .fade.active.show { opacity: 1; } /**** nav-pills ***/ .Home_brands_list .nav.nav-pills { margin-top: -50px; position: relative; display: flex; justify-content: center; height: 50px; overflow: hidden; } .Home_brands_list .nav-link { background: #fff; font-family: 'Hemi Head Rg'; color: #373084; font-size: 18px; line-height: 22px; display: flex; align-items: center; padding: 10px 67px; text-align: center; position: relative; } .Home_brands_list .nav-item:first-child .nav-link { padding: 10px 50px 10px 40px; } .Home_brands_list .nav-item:last-child .nav-link { padding: 10px 40px 10px 50px; } .Home_brands_list .nav-pills .nav-link.active { color: #fff; background: #373084; } .Home_brands_list .nav-link svg, .Home_brands_list .nav-link svg path { color: #373084; fill: #373084; } .Home_brands_list .nav-link.active svg, .Home_brands_list .nav-link.active svg path { color: #fff; fill: #fff; } .Home_brands_list .nav-link .brand_name { font-family: 'Hemi Head Rg'; color: #373084; font-size: 18px; line-height: 22px; display: block; margin-left: 24px; color: #373084; } .Home_brands_list .nav-link.active .brand_name { color: #fff; } .Home_brands_list .nav-pills .nav-item+.nav-item { margin-left: 0; } .Home_brands_list .nav-item:first-child .nav-link:before { content: ""; position: absolute; left: -26px; top: 0px; width: 50px; height: 51px; background: #fff; transform: skewX(142deg); z-index: 0; } .Home_brands_list .nav-item:last-child .nav-link:after { content: ""; position: absolute; right: -28px; top: 0px; width: 50px; height: 51px; background: #fff; transform: skewX(221deg); z-index: 0; } .Home_brands_list .nav-item:first-child .nav-link.active:before, .Home_brands_list .nav-item:last-child .nav-link.active:after { background: #373084; } /*** contentBox brand_lists ****/ .Home_brands_list ul.brands_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -15px; } .Home_brands_list ul.brands_list .brand { padding: 0 15px; } .Home_brands_list ul.brands_list .brand a { cursor: pointer; } .Home_brands_list ul.brands_list .brand a img { height: 80px; width: auto; filter: grayscale(1); } .Home_brands_list ul.brands_list .brand a:hover img { filter: grayscale(0); } .Home_brands_list .load_more { display: flex; justify-content: center; margin: 40px 0 0; } .Home_brands_list .load_more svg { height: 28px; } @media screen and (max-width: 991px) { .Home_brands_list .nav-link svg { height: 25px; } Home_brands_list .nav-item:first-child .nav-link { padding: 10px 25px 10px 30px; } .Home_brands_list .nav-item:first-child .nav-link:before { left: -20px; width: 40px; height: 45px; } .Home_brands_list .nav-link { padding: 10px 25px; } .Home_brands_list .nav-item:last-child .nav-link { padding: 10px 30px 10px 25px; } .Home_brands_list .nav-item:last-child .nav-link:after { right: -28px; width: 48px; height: 45px; } .Home_brands_list .nav.nav-pills { margin-top: -44px; height: 45px; } } @media screen and (max-width: 680px) { .Home_brands_list .nav.nav-pills { margin-top: 0; height: auto; overflow: hidden; flex-wrap: wrap; } .Home_brands_list .nav-item:first-child .nav-link:before, .Home_brands_list .nav-item:last-child .nav-link:after { display:none; } .nav-pills .nav-item { float: none; width: 100%; text-align: center; } .Home_brands_list .nav-link { justify-content: center; border-bottom: 1px solid #37308447; } .Home_brands_list .load_more svg { height: 20px; } .Home_brands_list { margin: 0 0 20px; } } /***** loop search_bar *******/ #header .header-top .search-widget form { position: relative; } #header .row.deskop-row-header { position: relative; } .col-nav-shop { position: static; } .nav-shop { display: flex; justify-content: center; min-width: 200px; width: auto; } #header div#search_widget { margin-top: 9px; float: none; position: absolute; right: 170px; min-width: auto; } #header #search_widget form { position: relative; } #header #search_widget form i { position: absolute; padding: 0; background: none; border: none; bottom: 0; right: 10px; top: 9px; color: #000; min-height: 25px; z-index: 1; } #header #search_widget form input { padding: 7px 34px 7px 20px; outline: none; background-color: #fff; border-radius: 25px; border: none; width: 0; min-width: inherit; background: none; float: right; transition: width .4s ease-in-out; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; position: relative; z-index: 1; } #header #search_widget form input:focus, #search_widget form:focus input { width: 100%; padding: 7px 34px 7px 20px; outline: none; background-color: #fff; border-radius: 25px; border: 1px solid #eee; } /**** category description ****/ #category #main h2.h2 { display: none; } .block-category.card.card-block { border: none; padding: 0; min-height: auto; } .block-category div#category-description h2 { font-size: 18px; color: #E31C2A; line-height: 32px; margin-bottom: 8px; text-transform: uppercase; } .block-category div#category-description h3 { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #E31C2A; line-height: 28px; } .block-category div#category-description h4 { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #E31C2A; line-height: 25px; } .block-category div#category-description h5 { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #E31C2A; line-height: 25px; } .block-category #category-description p { color: #000000; font-size: 14px; font-weight: 500; line-height: 25px; margin-bottom: 16px; } .block-category #category-description ul { list-style: unset; padding-left: 1.25rem; } .block-category #category-description strong { color: #000; font-weight: 700; font-size: 14px; } .block-category div#category-description, .block-category div#category-description h2 { text-align: left; } .leo-partsfilter .dropdown-menu .bs-searchbox { display: none!important; } .leo-partsfilter .dropdown-menu input.form-control { font-size: 12px!important; color: #000!important; border: 1px solid #eee!important; padding: 0 0.5rem!important; display: none!important; } .filter-block .container-filter .block_content .dropdown-menu { padding: 0!important; } .bootstrap-select.btn-group .dropdown-menu.inner { padding: 0!important; } .bootstrap-select.btn-group .dropdown-menu li { border-top: none!important; border-bottom: 1px solid #eee!important; } .bootstrap-select.btn-group .dropdown-menu li:last-child { border-bottom: none!important; } .leo-filter-content .products .ajax_block_product .product-miniature .thumbnail-container { width: auto; } .container-filter .leo-filter-display .leo-filter-content .products .row { margin-right: 0; margin-left: 0; } .dropdown-menu.open ul.dropdown-menu.inner li[data-original-index="0"] { pointer-events: none; } @media (max-width: 992px){ button.btn.dropdown-toggle.btn-default, button.btn.dropdown-toggle.btn-default:hover, button.btn.dropdown-toggle.btn-default:focus, button.btn.dropdown-toggle.btn-default:focus-visible { background: #fff!important; color: #373084 !important; } button.btn.dropdown-toggle.btn-default span { color: #373084 !important; } .leo-partsfilter .dropdown-toggle:after { content: ''!important; position: absolute; width: 12px; height: 8px; border-top: 0.5em solid; border-right: 0.5em solid transparent; border-left: 0.5em solid transparent; top: 50%; } .nc_dropdown .block_content > div:not(.clear), .nc_dropdown .block_content > input { border-right: none!important; } .nc_dropdown .block_content > div:not(.clear), .nc_dropdown .block_content > input { background: #fff!important; } .leo-partsfilter .block_content { position: static; } #header .nc_dropdown { position: relative!important; padding: 0 0 80px!important; } .leo-partsfilter .leo-partsfilter-submit .label.label-primary { background: #e31c2a!important; width: calc(100%); height: 40px; display: table; margin: 0 auto; } .nc_dropdown .block_content .nc_dropdown_container_button.leo-partsfilter-submit.leo-partsfilter-submit-1 { position: absolute; bottom: 20px; border-bottom: none!important; max-width: 550px!important; width: 100%; } .leo-partsfilter .leo-partsfilter-submit .label.label-primary .button-text { font-size: 14px; line-height: 20px; font-weight: 600; } #filter-type-2 .leo-partsfilter-submit.leo-partsfilter-submit-2, #filter-type-2 input.w-100.py-10.px-50.free-search-input { display: none; } .filter-block.odfilter.show #filter-type-1 { display: block; } .leo-filter-content .products .ajax_block_product .product-miniature .thumbnail-container { max-width: 257px; width: 100%; display: table; margin: 0 auto; } } @media (max-width: 576px) { .leo-filter-content .products .ajax_block_product.product_block.col-xs-6 { width: 100%; } .leo-filter-content .products .ajax_block_product .product-miniature .thumbnail-container { max-width: 257px; display: table; margin: 0 auto; width: 100%; } } #search h2.h2 { text-align: center; } .bootstrap-select.btn-group .dropdown-menu li { padding: 0; } .bootstrap-select.btn-group .dropdown-menu li a { display: block; padding: 8px 10px; } /*** footer ***/ .links #footer_account_list #author-blog-comment-link span.link-item, .links #footer_account_list #author-blog-info-link span.link-item { color: #fff!important; padding: 0!important; width: 100%; } /***********====================== BLOG ===================************/ .ybc-blog #content-wrapper { margin-bottom: 80px; } .ybc-blog-sidear-post-meta { display: block!important; float: none!important; } .ybc-blog-latest-toolbar-views { display: none!important; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .ybc-blog-categories { float: none; margin: 0 0 20px!important; } .ybc-blog-categories a, .ybc-blog-categories, .ybc-blog-categories .comma { color: #A3A3A3; font-size: 14px; line-height: 24px; font-weight: 500; font-style: italic; } .ybc-blog-categories .be-label i { color: #A3A3A3; font-size: 18px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .ybc-blog-wrapper-content-main .post_title { display: none; } /***/ .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 30px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .img_wrapper_blog { width: 38.5%; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .ybc-blog-wrapper-content { width: 61.5%; padding-left: 32px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .ybc_item_img { float: none; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .img_wrapper_blog a img { height: 272px; object-fit: cover; width: 100%; } .post_title { padding: 9px 16px 9px 16px; background: #E31C2A; display: table; font-size: 18px; line-height: 22px; font-weight: 600; color: #fff; position: relative; margin: -20px 0 0; } .post_title a { font-size: 14px!important; line-height: 22px; font-weight: 600; margin: 0!important; color: #fff!important; padding: 0!important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 20px; } .blog_description p, .blog_description { color: #000000!important; font-size: 14px; line-height: 22px; } .blog_description p { max-height: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } /* .ybc_blog_layout_large_grid .ybc-blog-list>li:first-child .blog_description p { */ .ybc_blog_layout_large_grid .ybc-blog-list>li.post-first .blog_description p { max-height: inherit; -webkit-line-clamp: inherit; } .read_more { display: table!important; margin: 10px 0 0!important; padding-bottom: 0!important; color: #000!important; border-bottom: 1px solid #000!important; transition: all 0.3s ease; } .read_more:hover { color: #E31C2A!important; border-color: #E31C2A!important; } /* .ybc-blog-wrapper .ybc-blog-list>li:first-child .ybc-blog-latest-toolbar { */ .ybc-blog-wrapper .ybc-blog-list>li.post-first .ybc-blog-latest-toolbar { margin-top: 0; margin-bottom: 0; } /****/ .ybc-blog-list .post-wrapper { position: relative; overflow: hidden; } .post-wrapper a.ybc_item_img { display: block; } .post-wrapper .ybc_item_img { float: none; } .post-wrapper .ybc-blog-categories { float: none; margin: 13px 0 5px!important; display: block; } #left-column .ybc_blog_sidebar .block.block_wrapper_border, #right-column .ybc_blog_sidebar .block.block_wrapper_border { background-color: #fff; box-shadow: none!important; margin-bottom: 30px; padding: 20px 21px 26px; border: 1px solid #E9E9E9; } #left-column .ybc_blog_sidebar .block, #right-column .ybc_blog_sidebar .block { box-shadow: none!important; padding: 0; } .ybc-blog-wrapper .products-sort-order { width: auto; } .ybc-blog-wrapper #js-post-list-top .col-md-8.col-sm-8.col-lg-6 { display: flex; justify-content: flex-end; padding-right: 0; } .block_wrapper_border.ybc_block_search input[type="text"] { background-color: #fff; border: 1px solid #ebebeb; font-size: 14px; border-radius: 4px; font-weight: 500; height: 50px!important; color: #959595; margin: 0 0 22px; } .ybc_block_search.block_wrapper_border .icon_search::before { line-height: 50px; } .block_wrapper_border .title_blog.title_block { font-size: 16px; line-height: 28px; font-weight: 700; color: #000; margin: 0 0 22px; } .ybc_block_categories.bx_wrapper ul.tree a { border-bottom: none!important; display: flex; justify-content: space-between; font-size: 14px; line-height: 22px; font-weight: 600; color: #000; margin: 0; padding: 8px 24px!important; position: relative; text-transform: capitalize; } .ybc_block_categories.bx_wrapper ul.tree li a:before { content: ""!important; position: absolute; left: 0; background: #E31C2A; width: 10px; height: 10px; border-radius: 50%; top: 14px; } .ybc_block_categories.bx_wrapper ul.tree { list-style: none; margin: 0; padding-left: 0; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-sidear-post-meta .post-date { display: none!important; } .ybc_blog_sidebar .ybc_block_latest .blog_description { display: none!important; } .ybc_blog_sidebar .ybc_block_latest .read_more { display: none!important; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-categories { float: none; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-categories .be-label { display: none; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-latest-post-content { display: flex; flex-direction: column-reverse; flex-wrap: wrap; width: calc(100% - 102px); padding-left: 14px; } .ybc_blog_sidebar .ybc_block_latest .ybc_item_img { width: 102px; height: 66px; } .ybc_blog_sidebar .ybc_block_latest .ybc_item_img img { width: 102px; height: 66px; object-fit: cover; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-latest-post-content .ybc_title_block { font-size: 14px; line-height: 22px; margin: 5px 0 10px; padding: 0; height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-latest-toolbar { display: none; } .ybc_blog_sidebar .ybc_block_latest .blog_view_all_button { display: none; } #ybc_blog_page section.banner-page { background-image: url(/img/bg-banner-blog.jpg); } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { color: #000000!important; } @media (min-width: 1630px) { /* .ybc_blog_layout_large_grid .ybc-blog-list>li:first-child .post_title a { */ .ybc_blog_layout_large_grid .ybc-blog-list>li.post-first .post_title a { font-size: 18px!important; } .post-wrapper .ybc_title_block { font-size: 16px; } } /*****/ .content_wrapper_blog_main .heading_section { margin: 0 0 48px; display: flex; justify-content: space-between; align-items: center; width: 100%; } .content_wrapper_blog_main h2.cat-heading { text-align: left; margin: 0; font-size: 28px; line-height: 28px; color: #000; padding: 0; display: block; width: 100%; } .content_wrapper_blog_main .heading_section .blog_view_all_button { padding-top: 0; display: table; width: 100%; clear: both; margin: 0 0 0 auto; text-align: right; } .content_wrapper_blog_main .heading_section .blog_view_all_button .view_all_link i { color: #fff; font-size: 20px; width: auto; height: auto; margin-left: 0; } .content_wrapper_blog_main .heading_section .blog_view_all_button .view_all_link { color: #fff!important; text-transform: none; font-weight: 500; font-size: 16px; height: 40px; line-height: 18px; padding: 11px 11px!important; border-radius: 0; } /* .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 { */ /* width: 50%; */ /* } */ .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .img_wrapper_blog { width: 50%; max-width: 265px; height: 322px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .img_wrapper_blog img { width: 100%; max-width: 265px; height: 322px; object-fit: cover; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content { width: calc(50% + 100px); position: absolute; top: 50px; background: #fff; border: 1px solid #DDDDDD; right: 0; height: calc(100% - 85px); padding: 22px 20px 17px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content .post_title { position: absolute; top: 0; left: 0; margin: -16px 0 0 -1px; padding: 7px 12px 9px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content .blog_description p { max-height: 110px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } /*****/ /* .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 { */ /* width: 50%!important; */ /* } */ .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .post-wrapper { display: flex; flex-wrap: wrap; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog { width: 228px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog img { width: 100%; height: 132px; object-fit: cover; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .post_title { max-width: calc(100% - 15px); } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .ybc-blog-wrapper-content { width: calc(100% - 228px); padding-left: 20px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .post-wrapper .ybc-blog-categories { margin: 0 0 5px!important; } /***/ .ybc-page-home .content_wrapper_blog_main .ybc-blog-list.row.blog-main-page.design_two { margin-bottom: 0; /* display: flex; */ /* flex-wrap: wrap; */ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 { grid-column: 1; width: 100%; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 { width: 100%!important; height: 160px; grid-column: 2; margin: 0; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2:nth-child(3) { margin-top: -190px; } /********================= blog home ==============*******/ .links #author-blog-comment-link span, .links #author-blog-info-link span { padding: 0!important; width: 100%; font-size: 14px; font-weight: 500; line-height: 36px; font-family: montserrat; } .page_home { background-color: #fff; margin-bottom: 120px; margin-top: 15px; } .page_home .post_wrapper_home { overflow: hidden; } .page_home .ybc-blog-sidear-post-meta .post-date { display: none; } .page_home .ybc_item_img { float: none; display: block; } .page_home .post_title { padding: 9px 12px; background: #E31C2A; display: table; font-size: 14px; line-height: 22px; font-weight: 600; color: #fff; position: relative; margin: -20px 0 0; } .page_home .ybc_title_block { font-size: 14px!important; line-height: 22px; font-weight: 600; margin: 0!important; color: #fff!important; padding: 0!important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 20px; } .page_home .ybc_item_img img { height: 235px; width: 100%; object-fit: cover; } .page_home .ybc-blog-categories { float: none; margin: 13px 0 8px !important; } .page_home .title_blog { margin-top: 15px; color: #E31C2A; font-size: 28px; line-height: 32px; font-style: italic; text-align: left; margin: 0 0 10px; } .page_home .wrapper_text_blog p { color: #000000; font-size: 14px; font-weight: 500; line-height: 22px; } .page_home .wrapper_text_blog { display: flex; justify-content: space-between; width: 100%; align-items: center; margin: 0 0 32px; } .page_home .wrapper_text_blog .blog_view_all_button { text-align: left; width: 204px; padding: 0; display: flex; justify-content: flex-end; } .page_home .wrapper_text_blog .text { width: calc(100% - 204px); } .page_home .wrapper_text_blog .blog_view_all_button .view_all_link i { color: #fff; font-size: 18px; width: auto; height: auto; } .page_home .wrapper_text_blog .blog_view_all_button .view_all_link { padding: 10px 10px 11px!important; font-size: 16px; font-weight: 500; line-height: 19px; text-transform: none; border-radius: 0; text-decoration: none!important; background: #383083; outline: 0!important; } .page_home .wrapper_text_blog .blog_view_all_button .view_all_link:hover, .page_home .wrapper_text_blog .blog_view_all_button .view_all_link:focus { background: #E31C2A; } .ybc_block_slider .owl-controls, .ybc_blog_related_posts_type_carousel .owl-controls, .ybc_related_products_type_carousel .owl-controls { margin-bottom: 5px!important; } .ybc_block_slider.page_home .owl-controls { position: absolute; left: 0; right: 0; width: 100%; height: 100%; bottom: inherit; margin: 0!important; top: 50%; transform: translateY(-50%); z-index: 0; } .ybc_block_slider.page_home .owl-controls .owl-nav { position: relative; height: 100%; width: 100%; left: inherit; right: inherit; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev { left: -38px; transform: translateY(-50%); top: 50%; position: absolute; float: none; background: #383083!important; border: none!important; width: 38px; height: 38px; margin-top: -50px!important; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next { right: -38px!important; float: right!important; top: 50%!important; transform: translateY(-50%); position: absolute; background: #383083!important; border: none!important; width: 38px; height: 38px; margin-top: -50px!important; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next , .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev { background: #E31C2A!important; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev:before { content: "\f100"!important; font-size: 24px; text-align: center; line-height: 35px; color: #fff; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next:before { content: "\f101"!important; font-size: 24px; text-align: center; line-height: 35px; color: #fff; } .ybc_block_slider.page_home .owl-carousel .owl-stage-outer { position: relative; z-index: 1; } /*********===================== Category ========================*********/ #content-wrapper.category_content_wrapper { margin: 0!important; } .category_content_wrapper .ybc-blog-wrapper.ybc-page-category { padding: 0 15px!important; } .category_content_wrapper h1.page-heading.product-listing { font-family: hemi head rg; font-size: 24px; color: #e31c2a; line-height: 32px; margin-bottom: 8px; text-transform: uppercase; } .category_content_wrapper .blog-category-desc, .blog-category-desc p { color: #000; font-size: 14px; font-weight: 500; margin-bottom: 16px; line-height: 24px; } .category_content_wrapper .category-main-page li { width: 100%!important; margin: 0!important; } .category_content_wrapper .category-main-page li .post-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 40px; } .category_content_wrapper .category-main-page .content_box_blog { width: 58%; padding-left: 32px; } .category_content_wrapper .category-main-page .img_box_blog { width: 42%; } .category_content_wrapper .category-main-page .img_box_blog img { height: 270px; object-fit: cover; } .category_content_wrapper .category-main-page .content_box_blog .blog_description p { max-height: inherit!important; -webkit-line-clamp: 7; } .category_content_wrapper .category-main-page { } /****================= blog_detail ================****/ .ybc-blog-wrapper-detail .blog-extra { display: none; } .ybc-blog-wrapper-detail .extra_tag_cat { float: none; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; margin: 20px 0 0; } .ybc-blog-wrapper-detail .extra_tag_cat .ybc-blog-categories { margin-bottom: 12px; float: none; } .ybc-blog-wrapper-detail .ybc-blog-tags, .ybc-blog-wrapper-detail .ybc-blog-tags a { color: #A3A3A3; font-size: 14px; line-height: 24px; font-weight: 500; font-style: italic; } .ybc-blog-wrapper-detail .extra_tag_cat .ybc-blog-tags { margin-right: 0; margin-bottom: 12px; } .ybc-blog-wrapper-detail .extra_tag_cat .ybc-blog-tags span.be-label i, .ybc-blog-wrapper-detail .extra_tag_cat .ybc-blog-categories .be-label i { color: #A3A3A3; font-size: 18px; margin-right: 5px; } .ybc-blog-wrapper-detail { padding: 0!important; } .ybc-blog-wrapper-detail h1.page-heading.product-listing span { font-size: 20px; line-height: 29px; color: #fff; margin: 0; font-weight: 600; } .ybc-blog-wrapper-detail h1.page-heading.product-listing { padding: 11px 36px 11px 16px; background: #E31C2A; display: table; color: #fff; position: relative; margin: -25px 0 0; width: auto; min-width: 300px; } .ybc-blog-wrapper-detail .blog_description p, .ybc-blog-wrapper-detail .blog_description { color: #000000!important; font-size: 16px; line-height: 28px; max-height: inherit!important; display: block!important; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; text-overflow: inherit; overflow: auto; } @media (min-width: 1630px) { .ybc-blog-wrapper-detail h1.page-heading.product-listing span { font-size: 24px; } } .ybc-page-home .content_wrapper_blog_main .ybc-blog-list { margin-bottom: 0; display: flex; flex-wrap: wrap; } /**********==================== Responsive blog ==================**********/ @media (min-width: 1630px) { .page_home .ybc_item_img img { height: 310px; width: 100%; object-fit: cover; } } @media (min-width: 1200px) { .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li:nth-child(n+2), .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post_box_notfirst:first-child { width: 33%!important; } } @media (min-width: 768px) { .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post_box_notfirst:first-child { width: 50%; clear: left; } } @media (max-width: 1440px) { .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog { width: 180px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .ybc-blog-wrapper-content { width: calc(100% - 180px); padding-left: 10px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2 .ybc-blog-categories a, .ybc-blog-list.row.blog-main-page.design_two .box_form2 .ybc-blog-categories, .ybc-blog-list.row.blog-main-page.design_two .box_form2 .ybc-blog-categories .comma { font-size: 12px; } } @media (max-width: 1400px) { .page_home.ybc_block_slider .block_content.row { padding: 0 40px; } } @media (max-width: 1200px) { /**** blog ***/ .ybc-page-home .content_wrapper_blog_main .ybc-blog-list.row.blog-main-page.design_two { display: table; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content { right: inherit; left: 170px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 { margin: 0 0 30px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 { margin: 0 0 30px; height: auto; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2:nth-child(3) { margin-top: 0; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog { width: 265px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .ybc-blog-wrapper-content { width: calc(100% - 265px); padding-left: 20px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog img { height: 160px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .blog_description p { max-height: 90px; -webkit-line-clamp: 4; } /****/ .ybc_blog_layout_large_grid .ybc-blog-list>li.post-first .post_title a { font-size: 12px!important; } .post-wrapper .ybc_title_block { padding: 6px 12px; font-size: 12px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .img_wrapper_blog { width: 45%; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .ybc-blog-wrapper-content { width: 55%; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .img_wrapper_blog a img { height: 300px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .ybc-blog-categories { margin: 0 0 12px!important; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .blog_description p { max-height: 200px; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .block_wrapper_border.ybc_block_search input[type="text"] { font-size: 12px; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { font-size: 14px; } .ybc_blog_sidebar .ybc_block_latest .be-categories { font-size: 12px; line-height: 16px; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-categories a, .ybc_blog_sidebar .ybc_block_latest .ybc-blog-categories, .ybc_blog_sidebar .ybc_block_latest.ybc-blog-categories .comma { font-size: 12px; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-latest-post-content .ybc_title_block { font-size: 12px; line-height: 20px; } .ybc_blog_sidebar .ybc_block_latest .ybc_item_img { width: 80px; height: 80px; } .ybc_blog_sidebar .ybc_block_latest .ybc_item_img img { width: 80px; height: 80px; } .ybc_blog_sidebar .ybc_block_latest .ybc-blog-latest-post-content { width: calc(100% - 90px); padding-left: 10px; } .ybc_blog_sidebar .ybc_block_latest .be-categories { height: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .block_content li { padding: 0 15px 15px; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next { right: -30px!important; width: 28px; height: 28px; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev { left: -30px; width: 28px; height: 28px; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev:before, .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next:before { font-size: 20px; line-height: 28px; } } @media (max-width: 991px) { .ybc-blog #content-wrapper { width: 100%; } .ybc-blog #right-column { width: 100%; } .ybc_blog_sidebar { padding: 0 15px; margin: 0 0 50px; display: table; width: 100%; } .ybc-blog #content-wrapper .ybc-blog-wrapper, #content-wrapper .ybc-blog-wrapper { padding: 0 15px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper { margin: 0 0 30px; } #left-column .ybc_blog_sidebar .block.block_wrapper_border, #right-column .ybc_blog_sidebar .block.block_wrapper_border { margin-bottom: 15px; } #ybc_blog_page section.banner-page { margin-bottom: 50px; } .page_home { margin-bottom: 80px; padding: 0; margin-top: 0; } .page_home .title_blog { font-size: 24px; line-height: 30px; } /** detail **/ .ybc-blog-wrapper-detail { padding: 0 15px!important; } #content-wrapper.detail_content_wrapper { margin: 0 0 0!important; } /***/ .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-next { right: inherit!important; top: 0!important; transform: none; left: 50px!important; } .ybc_block_slider.page_home .owl-carousel .owl-nav .owl-prev { left: 15px; top: 0; transform: none; } .page_home.ybc_block_slider .block_content.row { padding: 0; } } @media (max-width: 767px) { /*** blog ****/ .content_wrapper_blog_main .heading_section { flex-wrap: wrap; margin: 0 0 30px; } .content_wrapper_blog_main h2.cat-heading { margin: 0 0 12px; font-size: 24px; line-height: 28px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .img_wrapper_blog { width: 100%; max-width: 100%; height: auto; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .img_wrapper_blog img { width: 100%; max-width: 100%; max-height: 300px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content { width: calc(100% - 90px); position: relative; top: inherit!important; right: inherit!important; height: calc(100% - 85px); left: inherit!important; margin: -100px 0 0 90px; } /*****/ .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .img_wrapper_blog { width: 100%; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper .ybc-blog-wrapper-content { width: 100%; padding-left: 0; padding-top: 16px; } .ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li.post-first .post-wrapper { margin: 0 0 20px; } .ybc_item_img img { max-height: 300px; object-fit: cover; } .ybc-blog #content-wrapper { margin: 0 0 30px; } .page_home .ybc-blog-categories { margin: 8px 0 5px !important; } .page_home .wrapper_text_blog .text { width: 100%; } .page_home .wrapper_text_blog { flex-wrap: wrap; } .page_home .wrapper_text_blog .blog_view_all_button { width: auto; margin: 0 0 10px auto; } .page_home .wrapper_text_blog .blog_view_all_button .view_all_link { margin: 0 0 0 auto; display: table!important; } .page_home .title_blog { font-size: 24px; line-height: 30px; } .page_home .ybc_title_block { display: table; white-space: pre-wrap; -webkit-line-clamp: inherit; height: auto; } .ybc-blog-wrapper-detail h1.page-heading.product-listing span { font-size: 16px; line-height: 24px; } /** category ***/ .category_content_wrapper .category-main-page .img_box_blog { width: 100%; } .category_content_wrapper .category-main-page .content_box_blog { width: 100%; padding-left: 0; } .category_content_wrapper .category-main-page { padding: 0; } .category_content_wrapper .category-main-page .content_box_blog .blog_description p { max-height: 66px!important; -webkit-line-clamp: 3; } .ybc-navigation-blog { background: #fff; border: 2px solid #e31c2a; border-radius: 7px; display: block; } .ybc-blog .hidden-sm-down.sort-by { display: block!important; } .ybc-navigation-blog::before { border-color: #E31C2A; border-width: 3px; height: 9px; width: 9px; } } @media (max-width: 630px) { .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog { width: 100%; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .img_wrapper_blog img { height: auto; max-height: 200px; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .ybc-blog-wrapper-content { width: 100%; padding-left: 0; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .blog_description p { max-height: 45px; -webkit-line-clamp: 2; } .ybc-blog-list.row.blog-main-page.design_two .box_form2.not_first_box2 .post-wrapper .ybc-blog-categories { margin: 10px 0 5px!important; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content { width: calc(100% - 30px); height: auto; margin: -40px 0 0 15px; } .ybc-blog-list.row.blog-main-page.design_two li.box_form2.first_box2 .ybc-blog-wrapper-content .blog_description p { max-height: 90px; -webkit-line-clamp: 4; } } @media (max-width: 575px) { .ybc_blog_sidebar { padding: 0; } .ybc-blog-wrapper-detail { padding: 0 15px 0!important; } .ybc-blog #content-wrapper .ybc-blog-wrapper, #content-wrapper .ybc-blog-wrapper { padding: 0 15px; } .page_home .title_blog { font-size: 20px; line-height: 28px; } .ybc-blog-wrapper-detail h1.page-heading.product-listing { width: 96%; } .category_content_wrapper .category-main-page { padding: 0; } .blog-category { margin-bottom: 15px; } }