/*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Template Name: Mango | Responsive Ecommerce HTML5 Template*/ /* Version: 1.1 */ /* Author: 8theme*/ /* Website: http://www.8theme.com /* Copyright: (C)8theme 2015 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - FONTS USAGE */ /* 02 - RESET STYLES */ /* 03 - GLOBAL SETTINGS */ /* 04 - TEMPLATE TOYS */ /* 04.01 - header */ /* 04.02 - footer */ /* 04.03 - company information and latest review */ /* 04.04 - products slider */ /* 04.05 - sales blocks */ /* 04.06 - sidebar menu */ /* 04.07 - navigation banner */ /* 05 - TEMPLATE FOOD */ /* 05.01 - main color styles */ /* 05.02 - inline products */ /* 05.03 - products in columns */ /* 05.04 - from the blog */ /* 05.05 - mozaic banner */ /* 06 - TEMPLATE EVERYTHING */ /* 06.01 - main color styles */ /* 06.02 - navigation banner (size 1) */ /* 07 - TEMPLATE ELECTRONIC */ /* 07.01 - footer */ /* 07.02 - content styles */ /* 07.03 - header */ /* 07.04 - banners */ /* 07.05 - sidebar text widget */ /* 07.06 - sidebar sales widget */ /* 08 - TEMPLATE MINIMAL */ /* 08.01 - header (class "type-2") */ /* 08.02 - footer */ /* 08.03 - content styles */ /* 08.04 - banner */ /* 08.05 - products */ /* 08.06 - content text widgets */ /* 09 - TEMPLATE PARALLAX */ /* 09.01 - header */ /* 09.02 - footer */ /* 09.03 - content styles */ /* 09.04 - parallax slide */ /* 10 - TEMPLATE LEFTSIDEBAR */ /* 10.01 - header */ /* 10.02 - content */ /* 11 - TEMPLATE WIDE */ /* 11.01 - header */ /* 11.02 - content styles */ /* 11.03 - fullscreen banner */ /* 11.04 - creative square box */ /* 11.05 - blog slider */ /* 12 - TEMPLATE GRID */ /* 12.01 - header */ /* 12.02 - content styles */ /* 13 - TEMPLATE FULLWIDTHHEADER */ /* 13.01 - header */ /* 13.02 - footer */ /* 13.03 - content styles */ /* 13.04 - promo banner */ /* 14 - TEMPLATE PRODUCTS */ /* 14.01 - header */ /* 14.02 - footer */ /* 14.03 - content styles */ /* 15 - PRODUCTS DETAIL BOX */ /* 16 - CONTACT */ /* 17 - LOGIN */ /* 18 - BLOG */ /* 19 - DETAIL POST */ /* 20 - ERROR PAGE */ /* 21 - PORTFOLIO */ /* 22 - PROJECT */ /* 23 - ABOUT */ /* 24 - SHOP */ /* 25 - COMPARE */ /* 26 - WISHLIST */ /* 27 - CART */ /* 28 - CHECKOUT */ /* 29 - TEMPLATE UNDERWEAR */ /* 30 - TEMPLATE LOOKBOOK */ /* 31 - TEMPLATE BAGS */ /* 32 - TEMPLATE FURNITURE */ /* 33 - TEMPLATE JEWELLERY */ /* 00 - MEDIA QUERIES */ /* 00 - CSS ANIMATIONS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - FONTS USAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body{font-family: var(--body-font), sans-serif;overflow: hidden;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - RESET STYLES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} blockquote footer:before, blockquote footer:after{display: none;} body *{-webkit-text-size-adjust:none;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;} input:focus, select:focus, textarea:focus, button:focus {outline: none;} input, textarea, select{font-family: var(--body-font), sans-serif; font-weight: 300; border-radius: 0;} a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;} ul{list-style: none;} body{font-family: var(--body-font), sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - GLOBAL SETTINGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*table*/ .table-view{height: 100%; width: 100%; display: table;} .row-view{display: table-row;} .cell-view{display: table-cell; vertical-align: middle; height: inherit;} /*content block*/ #content-block{position: relative; overflow: hidden;} /*last child margins*/ #content-block *:last-child{margin-bottom: 0;} /*nopadding class*/ .nopadding {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} /*content center*/ .content-center, .position-center{max-width: 1310px; margin: 0 auto; background: #fff; padding: 0 70px; position: relative;} .position-center{background: none;} .wide-center{max-width: 1760px; margin: 0 auto; padding: 0 30px;} @media (max-width: 767px) { .wide-center{padding: 0 15px;} } /*simple block and its title*/ /*.information-blocks{margin-bottom: 70px;}*/ #content-block .sidebar-column .information-blocks{margin-bottom: 40px;} .block-title{font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 600; padding-bottom: 15px; border-bottom: 1px #ebebeb solid; margin-bottom: 25px;} .block-title.size-1{font-size: 16px;} .block-title.size-2{font-size: 18px;} .block-title.size-3{font-size: 24px; margin-bottom: -1px;} .block-title.size-4{font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px;} /*buttons*/ .button{font-weight: 700; font-size: 12px; line-height: 14px; color: #373737; text-transform: uppercase; text-align: center; padding: 8px 10px; display: inline-block; margin-bottom: 12px; cursor: pointer; min-width: 127px; border: 2px #dadada solid; background: transparent; position: relative;} .button .fa{margin-right: 5px;} .button.style-2{background: var(--btn-color-one); border-color: var(--btn-color-one);} .button.style-9{border-color: rgba(255,255,255,0.5);} .button.style-1:hover, .button.style-9:hover{background: #fff; border: 2px transparent solid;} .button.style-2:hover{background: #fff;} .button.style-3{font-size: 12px; line-height: 16px; font-weight: 700; color: var(--btn-color-two); text-transform: uppercase; background: #f0f0f0; display: inline-block; text-align: center; border: 2px #f0f0f0 solid; padding: 10px 5px; min-width: 0;} .button.style-4{font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; text-transform: uppercase; background: #ca1515; display: inline-block; text-align: center; border: 2px #ca1515 solid; padding: 10px 5px; min-width: 0;} .button.style-3:hover, .button.style-4:hover{background: transparent!important; color: var(--btn-color-two)!important;} .button.style-5{border-color: #fff; background: #fff;} .button.style-5:hover{background: transparent; border-color: #bfbfbf;} .button.style-6{border-color: var(--button-color); background: var(--button-color);} .button.style-6:hover{color: var(--button-hover-text-color); background: var(--button-hover-color); border-color: #bfbfbf;} .button.style-7{background: rgba(241, 126, 14, 0.9); border-color: rgba(241, 126, 14, 0.9); color: #fff;} .button.style-7:hover{background: transparent;} .button.style-8{background: transparent; color: #fff; border-color: rgba(204, 204, 204, 0.2);} .button.style-8:hover{border-color: rgba(204, 204, 204, 1);} .button.style-10, .button.style-12, .button.style-18{font-size: 14px; line-height: 18px; padding: 11px 40px; text-transform: uppercase; font-weight: 700; color: #fff; border: 2px var(--paragraph-color-three) solid; background: var(--paragraph-color-three); letter-spacing: 2px;} .button.style-10:hover, .button.style-12:hover{background: #fff; color: var(--paragraph-color-three);} .button.style-11{font-size: 13px; color: var(--paragraph-color-three); font-weight: 700; text-transform: uppercase; line-height: 18px; padding: 12px 40px; border: 1px #fff solid; background: #fff;} .button.style-11:hover{color: #808080;} .button.style-12{border-color: #ca1515; background: #ca1515;} .button.style-14{border-color: var(--heading-color);; background: var(--heading-color);; font-size: 12px; color: #fff; font-weight: 600; line-height: 16px; padding: 10px 20px; min-width: 0;} .button.style-14:hover{background: transparent; color: var(--heading-color);;} .button.style-15, .button.style-16, .button.style-15, .button.style-17{border: 1px #e0e0e0 solid; font-size: 12px; font-weight: 700; line-height: 17px; padding: 9px 18px; background: #fff; color: #2e2e2e; min-width: 0;} .button.style-16, .button.style-15:hover{background: #f0f0f0; border-color: #f0f0f0;} .button.style-16:hover{background: #fff; border-color: #e0e0e0;} .button.style-17{border-color: #ca1515; background: #ca1515; color: #fff;} .button.style-17:hover{background: transparent; color: #2e2e2e;} .button.style-18{background: var(--btn-color-one); border-color: var(--btn-color-one); color: #333;} .button.style-18:hover{background: transparent;} .button.style-19{background: #ca1515; border-color: #ca1515; color: #fff;} .button.style-19:hover{background: transparent;} .button-x{font-size: 12px; line-height: 15px; width: 15px; text-align: center; color: #808080;} .button-x .fa{display: block; line-height: 15px;} /*overflow*/ .overflow{overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch;} /*placeholders*/ ::-webkit-input-placeholder { color: #c2c2c2; opacity: 1;} ::-moz-placeholder { color: #c2c2c2; opacity: 1;} /* firefox 19+ */ :-ms-input-placeholder { color: #c2c2c2; opacity: 1;} /* ie */ input:-moz-placeholder { color: #c2c2c2; opacity: 1;} /*toggle blocks in responsive navigation*/ @media (min-width: 1200px) { .responsive-menu-toggle-class{display: none!important;} .furniture-header .nav-overflow li:hover .submenu{ display: block; opacity: 1; } } @media (max-width: 1199px) { .responsive-menu-hide-class{display: none!important;} } /*list styles*/ .list-type-1{font-size: 13px; line-height: 15px; color: #2e2e2e; font-weight: 500;} .list-type-1 a{color: #2e2e2e;} .list-type-1 a:hover{color: #8bab0a;} .list-type-1 li{padding: 7px 0;} .list-type-1 li .fa{display: inline-block; color: #806fc0; margin-right: 7px; vertical-align: middle; position: relative; top: -2px;} ol{list-style: none; counter-reset: number;} ol li{padding-left: 0; font-size: 13px; line-height: 24px; color: #a3a2a2; margin-bottom: 12px;} ol li:before{counter-increment: number; content: counter(number); color: #fff; font-size: 13px; margin-right: 9px; margin-left: 3px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative;top: -2px; line-height: 20px; font-weight: 600; background: #8bab0a; text-align: center; border-radius: 50%; -webkit-border-radius: 50%;} /*loader*/ #loader-wrapper{position: fixed; width: 100%; height: 100%; background: #fff; z-index: 10;} .bubbles{text-align: center; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -30px;} .bubbles .title{color: #a1a1a1; font-size: 25px; line-height: 25px; margin-bottom: 50px; font-weight: 500;} .bubbles span {display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: #03b4ea; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; animation: bubbly .9s infinite alternate;} #bubble2 {animation-delay: .27s;} #bubble3 {animation-delay: .54s;} @-webkit-keyframes bubbly { 0% { width: 15px; height: 15px; opacity: 1; -webkit-transform: translateY(0); } 100% { width: 50px; height: 50px; opacity: 0.1; -webkit-transform: translateY(-32px); } } @keyframes bubbly { 0% { width: 15px; height: 15px; opacity: 1; transform: translateY(0); } 100% { width: 50px; height: 50px; opacity: 0.1; transform: translateY(-32px); } } /*form elements*/ .checkbox, .radio{margin-top: 0;} .checkbox-entry{margin-bottom: 15px;} .checkbox-entry{display: block; font-size: 13px; line-height: 14px; font-weight: 500;} .checkbox-entry b{font-weight: 600!important; color: #313131!important;} .checkbox-entry input + span{cursor: pointer; display: inline-block; border: 1px #d9d9d9 solid; width: 12px; height: 12px; vertical-align: middle; color: var(--btn-color-two); position: relative; top: -1px; margin-right: 7px; position: relative;} .checkbox-entry.radio input + span{width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px #e3e3e3 solid;} .checkbox-entry input{display: none;} .checkbox-entry input:checked + span{background: #ca1515;} .checkbox-entry.radio input:checked + span:after{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; content: ""; box-shadow: inset 0 0 0 3px #fff; border-radius: 50%; -webkit-border-radius: 50%; border: 1px #e3e3e3 solid;} /*boxed layout*/ .boxed-layout{max-width: 1270px; margin: 0 auto; background: #fafafa;} .boxed-layout .fullwidth-block{width: auto; left: auto; margin-left: -50px; margin-right: -50px;transform:translateX(0);-webkit-transform:translateX(0);} .boxed-layout .content-center, .boxed-layout .position-center{padding: 0 50px;} .boxed-layout #content-block{background: #fff;} /*Desktops (>=992px)*/ @media (max-width: 1199px) { #content-block .content-center, .position-center{padding: 0 30px;} .boxed-layout .fullwidth-block{margin-left: -30px; margin-right: -30px;} .responsive-menu-toggle-class{display: block;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .information-blocks{margin-bottom: 40px;} /*#content-block .sidebar-column .information-blocks{margin-bottom: 20px;}*/ } /*Phones (<768px)*/ @media (max-width: 767px) { #content-block .content-center, .position-center{padding: 0 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - TEMPLATE TOYS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04.01 - header */ header{-webkit-backface-visibility: hidden;} /*header{margin-bottom: 25px; position: initial; z-index: 5; background: var(--nav-background); padding: 0 70px; top: 0; left: 0; width: 100%;}*/ .navigation{font-size: 0; position: relative; border-bottom: 2px #f7f7f7 solid; height: 70px;} nav{position: relative;} nav>ul>li{float: left; padding-right: 20px; padding-left: 20px;} nav>ul>li>a{font-size: 13px; font-weight: 700; color: var(--nav-text-color); line-height: 3; text-transform: uppercase; display: inline-block;} nav>ul>li>a .menu-label{position: absolute; right: 3px; top: 10px;} nav>ul>li>.fa{color: #b9b9b9; font-size: 10px; margin-left: 3px; vertical-align: middle; position: relative; top: -5px;} .submenu-container{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 20px 10px; display: none; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4;} nav>ul>li:hover{z-index: 1;} nav>ul>li:hover>a, nav>ul>li>a.active{text-decoration: underline;} nav>ul:nth-child(2){float: right;} #content-block .submenu a:hover{color: #878787;} .submenu .list-type-1 .fa{font-size: 13px; color: #cacaca!important; margin: 0 7px 0 0;} /*submenu full width*/ .submenu{position: absolute; width: 100%; background: #fff; left: 0; top: 100%; border: 1px var(--btn-color-one) solid; display: none;} @media (min-width: 1200px) { .submenu.left-align{left: 0!important; margin: 0!important;} .submenu.right-align{left: auto!important; right: 0; margin: 0!important;} } .submenu .row{position: relative;} nav .full-width .submenu{padding: 50px 0 0 0;max-width: 1310px;min-width: 1210px;top: 40px;} .full-width-menu-items-right{width: 540px; margin-right: 50px; float: right;} .full-width-menu-items-right .submenu-list-title{margin-right: 50px;} .menu-slider-out{overflow: hidden;} .menu-slider-in{width: 100000px; position: relative;} .menu-slider-in .product-slide-entry{width: 150px;} .menu-slider-entry{padding-right: 40px; float: left; text-align: center; } .menu-slider-in .product-slide-entry .product-image{margin-bottom: 10px;} .menu-slider-in .product-slide-entry .title{font-size: 14px;} .menu-slider-in .price{font-size: 14px;} .menu-slider-arrows{font-size: 0; text-align: right; margin-bottom: -22px;} .menu-slider-arrows a{font-size: 13px; line-height: 22px; display: inline-block; width: 22px; text-align: center;} #content-block .menu-slider-arrows a .fa{color: #cacaca;} #content-block .menu-slider-arrows a:hover .fa{color: #2e2e2e;} .full-width-menu-items-left{margin-right: 615px; margin-left: 45px;} .submenu-list-title{font-size: 16px; line-height: 22px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 15px;} .submenu-list-title a{color: #2e2e2e;} #content-block .submenu-list-title a:hover{text-decoration: underline; color: #2e2e2e;} .submenu .list-type-1{margin-bottom: 45px;} .submenu .list-type-1 li{padding: 5px 0;} .menu-label{font-size: 10px; line-height: 15px; color: #fff; font-weight: 600; text-transform: uppercase; position: relative; padding: 0 5px; display: inline-block; vertical-align: top; margin-top: -2px;} .menu-label:before{width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; position: absolute; left: 6px; top: 100%; content: "";} .menu-label.blue{background: #03b4ea;} .menu-label.blue:before{border-color: #03b4ea transparent transparent transparent;} .menu-label.red{background: #cd0000;} .menu-label.red:before{border-color: #cd0000 transparent transparent transparent;} .menu-label.yellow{background: #e9bc21;} .menu-label.yellow:before{border-color: #e9bc21 transparent transparent transparent;} /*submenu drop-down menu bottom line*/ .submenu-links-line{position: absolute; left: 0; top: 100%; background: var(--btn-color-one); left: -1px; right: -1px; padding: 19px 45px; font-size: 14px; line-height: 24px; color: #575757; border: 1px var(--btn-color-one) solid;} .submenu-links-line b{font-weight: 600; color: #000;} .submenu-links-line a{color: #575757;} .submenu-links-line a:hover{text-decoration: underline;} .submenu-links-line-container{display: table; width: 100%;} .submenu-links-line-container .cell-view:first-child{width: 60%;} .submenu-links-line .red-message, .submenu-links-line .red-message b{color: #ca1515;} /*submenu full width columns inside*/ nav .full-width-columns .submenu{max-width: 1310px;min-width: 1210px;} .submenu .product-column-entry{float: left; width: 20%; border: none; border-right: 1px var(--btn-color-one) solid;} .submenu .product-column-entry:last-child{border-color: transparent;} .submenu .product-column-entry .submenu-list-title{margin-left: 30px; margin-right: 30px;} /*submenu 2 columns*/ nav .column-2{position: relative;} nav .column-2 .submenu{width: 600px; padding: 50px 0; left: 50%; margin-left: -300px;} nav .column-2 .submenu .full-width-menu-items-left{margin-right: 190px;} .submenu-background{position: absolute; right: 0; bottom: 0; height: 100%; width: auto;} /*submenu 1 column*/ nav .column-1{position: relative;} nav .column-1 .submenu{width: 400px; padding: 50px 0; left: 50%; margin-left: -200px;} nav .column-1 .full-width-menu-items-left{margin-right: 200px;} nav ul:first-child li:nth-child(1).column-1 .submenu, nav ul:first-child li:nth-child(2).column-1 .submenu{left: 0; margin-left: 0;} /*submenu simple list*/ nav .simple-list{position: relative;} nav .simple-list .submenu{width: 270px; left: 50%; margin-left: -135px;} nav .simple-list .submenu a{font-size: 13px; line-height: 15px; color: #2e2e2e; padding: 16px 20px; border-top: 1px var(--btn-color-one) solid; display: block; margin-top: -1px;} nav .simple-list .submenu a .fa{color: #cacaca; display: inline-block; position: relative; vertical-align: bottom; top: -2px; margin-right: 7px; font-size: 13px;} /*open desktop header drop-downs*/ @media (min-width: 1200px) { /*.submenu{display: block!important; transform: rotateX(90deg); -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; opacity: 0;} nav>ul>li:hover>.submenu{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/ .toggle-list-container{display: block!important;} .submenu .product-column-entry{min-height: 400px;} } /*scrolling page - fixed header*/ .fixed-header-visible{display: none;} @media (min-width: 1200px) { header.fixed-header{z-index: 6;} header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu{left: auto; right: 0;} header.fixed-header .nav-overflow{position: fixed; left: 0; top: 0; width: 100%; background: #fff; border-bottom: 2px #f7f7f7 solid; -webkit-backface-visibility: hidden;} header.fixed-header nav{max-width: 1310px; padding: 0 70px; margin: 0 auto; text-align: right;} header.fixed-header nav>ul:nth-child(2){float: none;} header.fixed-header nav>ul{display: inline-block; text-align: left;} header .additional-header-logo{position: absolute; left: 70px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} header .additional-header-logo img{max-height: 50px; width: auto; display: block;} /*buttons*/ header.fixed-header .fixed-header-visible{display: block;} header.fixed-header nav>ul>li>a{font-weight: 600;} .fixed-header-visible .header-functionality-entry{text-transform: none; margin-top: 27px; float: left; border: none; text-decoration: none!important;} .fixed-header-visible .header-functionality-entry:first-child{padding-left: 0;} .fixed-header-square-button{float: left; margin-top: 20px; line-height: 30px; width: 30px; text-align: center; text-decoration: none!important; margin-left: 20px; white-space: nowrap;} .fixed-header-square-button .fa{color: inherit!important;} .fixed-header-square-button:first-child{margin-left: 0;} .fixed-header-square-button .fa{font-size: 13px; line-height: 30px; color: #a0a0a0; display: inline-block;} .fixed-header-square-button:hover .fa{color: #3d3d3d;} } .header-top{border-bottom: 1px #f0f0f0 solid; position: relative; padding-top: 0;background: var(--top-nav-color);} .header-top-entry{font-size: 13px; line-height: 15px; color: #747474; font-weight: 400; position: relative; padding: 20px 0;} .header-top-entry .title{border-left: 1px #d0d0d0 solid; padding: 0 20px; cursor: pointer; white-space: nowrap; color: var(--top-nav-text-color);} .header-top-entry:first-child .title{border-color: transparent; padding-left: 0;} .header-top-entry .title img, .header-top-entry .list-entry img{display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; top: -1px;} .header-top-entry .title a{color: var(--top-nav-text-color);} .header-top-entry .title a:hover{text-decoration: underline; color:var(--link-hover-color);} .header-top-entry .title b{font-weight: 600;} .header-top-entry .title .fa{margin-left: 7px; position: relative; top: -1px;} .header-top-entry .title .fa:first-child{margin-left: 0; margin-right: 7px;} .header-top-entry .list{position: absolute; min-width: 100%; left: 1px; top: 40px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4; padding: 5px 20px; z-index: 1; text-align: left; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); opacity: 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px;} .header-top-entry:hover .list{opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);} .header-top-entry:first-child .list{left: -20px;} .header-top-entry .list-entry{white-space: nowrap; display: block; color: #747474; padding: 10px 0; border-top: 1px #f0f0f0 solid;} .header-top-entry .list-entry:hover{color: #222;} .header-top-entry .list-entry:first-child{border-top: none;} /*.header-top-right-entries{position:absolute;right:0;bottom:16px;}*/ .socials-box{font-size: 0;} header .socials-box{float: right; margin-top: 12px; margin-right: -3px;} .socials-box a{font-size: 16px; line-height: 30px; width: 30px; display: inline-block; color: #bababa; margin: 0 3px; text-align: center;} .socials-box a .fa{line-height: 30px; position: relative; top: 0;} .socials-box a:hover{color: #3d3d3d;} body:not(.mobile) .socials-box a:hover .fa{top: -5px;} .header-middle{border-bottom: 2px solid #f7f7f7; display: flex; width: 100%; position: relative;align-items: center;justify-content: space-between;} .header-middle .right-entries{display: table-cell; vertical-align: middle; width: 400px; text-align: right; font-size: 0;} .header-functionality-entry{font-size: 13px; line-height: 15px; color: #747474; font-weight: 400; display: inline-block; vertical-align: bottom; padding: 0 14px; border-right: 1px #d0d0d0 solid; white-space: nowrap;} /*.header-functionality-entry.open-search-popup{display: none;}*/ .header-functionality-entry:hover{color: #222;} .header-functionality-entry:last-child{padding-right: 0; border-right: none;} .responsive-search-button{display: none;} .header-functionality-entry .fa{display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;} .header-functionality-entry b{font-size: 18px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif;} /*.logo-wrapper{display: table-cell; vertical-align: middle; width: 300px;}*/ #logo{display: inline-block; max-width: 90%; height: auto; min-height: 45px;} #logo img{display: block; width: 100%;} /*.middle-entry{display: table-cell; vertical-align: middle;}*/ .search-box{background: #fff;} .search-button{float: right; width: 45px; height: 45px; background: #03b4ea; position: relative;} .search-button:hover{background: #999!important;} .search-button .fa{display: block; line-height: 45px; text-align: center; color: #fff; font-size: 14px;} .search-button input[type="submit"]{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} .search-drop-down{border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; border-left: 1px var(--btn-color-one) solid; float: right; width: 135px; position: relative;} .search-drop-down .title{line-height: 43px; padding: 0 30px 0 20px; position: relative; cursor: pointer; font-size: 12px; color: #999; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .search-drop-down .title .fa{position: absolute; top: 0; width: 10px; right: 20px; text-align: center; line-height: 45px;} .search-drop-down .list{border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4; position: absolute; left: 0; top: 100%; width: 100%; /*transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);*/ display: none; z-index: 1;} .search-drop-down.active .list{/*transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);*/ display: block;} .search-drop-down .overflow{max-height: 161px;} .search-drop-down .category-entry{color: #999; font-size: 12px; font-weight: 400; padding: 7px 0 7px 15px; margin: 0 5px; border-bottom: 1px var(--btn-color-one) solid; cursor: pointer;} .search-drop-down .category-entry:hover{color: #3d3d3d;} .search-field{border: 1px #e8e8e8 solid; border-right: none; height: 45px; margin-right: 180px;} .search-field input[type="text"]{width: 100%; height: 43px; line-height: 43px; border: none; background: none; font-size: 14px; padding: 0 20px; color: #3d3d3d;} .navigation-copyright{font-size: 14px; line-height: 16px; color: #fff; padding: 25px 5px; text-align: center;} .navigation-copyright a{color: #e5b81d; font-weight: 600;} .navigation-copyright a:hover{text-decoration: underline;} /*header popups*/ .popup *:last-child{margin-bottom: 0!important;} .search-box.popup{position: fixed; border: 1px #ebebeb solid; background: #fff; padding: 18px; width: 460px;} /*.popup{transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); opacity: 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px;}*/ .loaded .popup{z-index: 7; display: none;} .popup.active{display: block;} .search-box.popup.bottom-align{top: auto!important; bottom: 75px;} .search-box.popup.bottom-align .search-drop-down .list{position: absolute; top: auto; bottom: 100%;} /*.popup.active{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/ .search-box.popup:before{width: 28px; height: 15px; position: absolute; content: ""; background: url(../img/search-angle.png); top: -15px; right: 30px;} .search-box.popup.bottom-align:before{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); top: 100%;} .cart-box.popup{position: fixed; padding: 15px 0 0 0; width: 300px;} .cart-box.popup .popup-container{border: 2px #ebebeb solid; padding: 25px 25px 20px 25px; background: #fff; position: relative;} .cart-box.popup .image{float: left; width: 70px;} .cart-box.popup .image img{display: block; width: 100%; height: auto;} .cart-box.popup .cart-entry{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px #ebebeb solid; position: relative;} .cart-box.popup .content{margin: 0 20px 0 85px;} .cart-box.popup .content .title{font-size: 14px; line-height: 18px; color: #2e2e2e; font-weight: 600; margin-bottom: 5px; display: block;} .cart-box.popup .content .title:hover{text-decoration: underline;} .cart-box.popup .content .quantity{font-size: 13px; line-height: 24px; color: #808080; margin-bottom: 3px;} .cart-box.popup .content .price{font-size: 18px; line-height: 24px; color: #e11414; font-weight: 600;} .cart-box.popup .summary{text-align: right; margin-bottom: 25px;} .cart-box.popup .summary .subtotal{font-size: 14px; line-height: 22px; color: #878787; font-weight: 600;} .cart-box.popup .summary .grandtotal{font-size: 18px; line-height: 22px; color: #343434; font-weight: 600;} .cart-box.popup .summary .grandtotal span{color: #e11414;} .cart-buttons .column{width: 50%; padding-left: 5px; float: left;} .cart-buttons .column:first-child{padding-left: 0; padding-right: 5px;} .cart-buttons .button{display: block; margin-bottom: 5px;} .cart-box.popup .button-x{position: absolute; top: 0; right: 0; cursor: pointer;} .cart-box.popup .popup-container:before {background: url(../img/search-angle.png); content: ""; height: 15px; position: absolute; right: 30px; top: -15px; width: 28px;} .cart-box.popup.left-align{left: 15px!important;} .cart-box.popup.left-align .popup-container:before{right: auto; left: 30px;} .cart-box.popup.cart-left .popup-container:before{right: auto; left: 30px;} .cart-box.popup.fixed-header-left{right: auto; left: 50%; margin-left: -615px; right: auto!important;} body.style-0 .cart-box.popup .content .price{color: #03b4ea;} body.style-0 .cart-box.popup .summary .grandtotal span{color: #03b4ea;} body.style-0 .button.style-4{background: #03b4ea; border-color: #03b4ea;} /*additional header block - search in navigation ("everything" template)*/ .navigation-search-content{margin-left: 300px; position: relative; z-index: 1;} .navigation-search-content .search-box{margin-right: 160px; top: 15px; position: relative;} .search-box.size-1 .search-button{height: 40px; width: 40px;} .search-box.size-1 .search-drop-down .title{line-height: 38px;} .search-box.size-1 .search-drop-down .title .fa{line-height: 40px;} .search-box.size-1 .search-field{margin-right: 175px; height: 40px;} .search-box.size-1 .search-field input[type="text"]{height: 38px; line-height: 38px;} .search-box.size-1 .search-button .fa{line-height: 40px;} header.type-1.fixed-header .navigation-search-content{display: none;} .navigation-search-content .toggle-desktop-menu{float: right; font-size: 14px; line-height: 70px; font-weight: 700; color: #fff; text-transform: uppercase; cursor: pointer; width: 125px; border-left: 1px #1663c2 solid; text-align: center;} .navigation-search-content .toggle-desktop-menu .fa{line-height: 70px; vertical-align: bottom; position: relative; top: -1px; margin-right: 5px; display: none;} .navigation-search-content .toggle-desktop-menu .fa:first-child{display: inline-block;} .navigation.active .navigation-search-content .search-box{display: none;} .navigation.active .navigation-search-content .toggle-desktop-menu .fa{display: inline-block;} .navigation.active .navigation-search-content .toggle-desktop-menu .fa:first-child{display: none;} /*additional header block - square icons ("everything" template)*/ header .icon-entry{width: 50%; float: left;} header .icon-entry .image{width: 45px; height: 45px; float: left; line-height: 45px; text-align: center; background: var(--main-color-one);} header .icon-entry .image .fa{line-height: 45px; display: block; color: #b4b4b4;} header .icon-entry:hover .image{background: #0f51a3;} header .icon-entry:hover .image .fa{color: #fff;} header .icon-entry .text{margin-left: 60px; font-size: 13px; line-height: 18px; color: var(--nav-text-color); padding-top: 5px; display: block;} header .icon-entry .text b{font-size: 16px; line-height: 18px; font-weight: 600; color: var(--nav-text-color);} /*Desktops (>=992px)*/ @media (max-width: 1199px) { #content-block header{position: fixed; padding: 0 30px; top: 0;} .header-top .socials-box{display: none;} .navigation{position: fixed; left: 0; top: 0; width: 290px; background: var(--heading-color);; height: 100%; border: none; z-index: 7; transform: translateX(-290px); -moz-transform: translateX(-290px); -webkit-transform: translateX(-290px); -ms-transform: translateX(-290px);} .nav-overflow{position: absolute; width: 100%; left: 0; top: 75px; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch;} .navigation-header{padding: 0 50px 0 20px; border-bottom: 1px #343434 solid;} .navigation-header .title{font-size: 20px; line-height: 75px; font-weight: 700; text-transform: uppercase; color: #fff;} .navigation-header .close-menu{width: 40px; height: 40px; line-height: 40px; position: absolute; right: 5px; top: 17px; cursor: pointer; text-transform: uppercase;} .navigation-header .close-menu:before, .navigation-header .close-menu:after{width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -9px; content: ""; background: #fff;} .navigation-header .close-menu:before{transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);} .navigation-header .close-menu:after{transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} .navigation-footer .socials-box{margin-top: -1px; margin-right: 0; float: none; border-top: 1px #343434 solid; border-bottom: 1px #343434 solid;} .navigation-footer .socials-box a{width: 14.25%; height: 41px; line-height: 39px; border-left: 1px #343434 solid; float: left; margin: 0; color: #fff;} body:not(.mobile) .navigation-footer .socials-box a:hover{background: #fff; color: var(--heading-color);;} .navigation-footer .socials-box a:first-child{border-left: none;} .menu-button{font-size: 25px; color: #2f2f2f; cursor: pointer; position: absolute; right: 0; top: 14px;} .menu-button .fa{line-height: inherit; display: block;} body.opened-menu{overflow: scroll;} .navigation, .content-push{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;} header.opened .navigation{ transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px);} /*body.opened-menu .content-push{transform: translateX(200px); -moz-transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px);}*/ .close-header-layer{position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; background: rgba(0,0,0,0.5);} #content-block nav>ul{float: none;} nav>ul>li{float: none; border-bottom: 1px #343434 solid; padding: 0; position: relative;} nav>ul>li>a{font-size: 12px; color: #fff; line-height: 14px; padding: 15px 45px 15px 20px; display: block;} nav>ul>li>.fa{position: absolute; right: 5px; top: 2px; line-height: 40px; width: 40px; text-align: center; cursor: pointer; margin: 0; font-size: 12px;} nav>ul>li.opened>.fa{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);} .full-width-menu-items-right{display: none;} .full-width-menu-items-left{margin-left: 0; margin-right: 0;} .submenu{position: relative; top: auto; left: auto; padding: 0!important;} .submenu-links-line{display: none;} .submenu-list-title{margin: 0; display: block; position: relative;} .submenu-list-title a{display: block; margin: 0; font-size: 12px; line-height: 14px; padding: 15px 45px 15px 20px;} .submenu-list-title .toggle-list-button{width: 43px; height: 43px; position: absolute; top: 0; right: 2px; cursor: pointer;} .submenu-list-title .toggle-list-button:before{width: 11px; height: 1px; background: #878787; position: absolute; left: 50%; top: 50%; margin-top: -1px; margin-left: -6px; content: "";} .submenu-list-title .toggle-list-button:after{width: 1px; height: 11px; background: #878787; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -1px; content: "";} .toggle-list-container{display: none; padding-left: 20px;} .submenu-list-title.opened .toggle-list-button:after{height: 0; margin-top: 0;} .submenu .list-type-1{margin-bottom: 0;} .submenu .list-type-1 li{padding: 10px 30px 10px 20px;} .submenu .product-column-entry{float: none; width: auto; padding: 0;} .submenu .product-column-entry .image{display: none;} .submenu .product-column-entry .hot-mark{display: none;} .submenu .product-column-entry .submenu-list-title{margin-left: 0; margin-right: 0;} .submenu .product-column-entry .description{margin: 0;} nav .column-2 .submenu .full-width-menu-items-left, nav .column-1 .full-width-menu-items-left{margin-right: 0;} nav .column-2 .submenu, nav .column-1 .submenu, nav .simple-list .submenu{width: auto; margin: 0; left: auto;} .submenu-background{display: none;} nav .simple-list .submenu a{display: block; font-size: 12px; line-height: 14px; margin: 0; padding: 15px 45px 15px 20px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; border: none;} nav .simple-list .submenu a .fa{display: none;} nav>ul>li>a .menu-label{position: relative; right: auto; top: -7px; margin-left: 5px;} .responsive-search-button{display: inline-block;} .header-functionality-entry{padding: 0; border-right: none;} .header-functionality-entry span{padding: 0 10px;} .header-functionality-entry .fa{margin: 0 5px;} .header-functionality-entry.open-search-popup{display: inline-block;} .header-middle{border-bottom: 1px solid #f0f0f0;} #logo{min-height: 0;} /*header .middle-entry{display: none;}*/ .cart-box.popup{display: none!important;} .navigation-search-content{display: none;} .full-width-menu-items-left .row > div{padding: 0;} .full-width-menu-items-left .row{margin: 0;} .furniture .header-middle .main-nav { display: none; gap: 20px; } } @media screen and (min-width: 1200px){ .furniture .header-middle .middle-entry i { display: none; } .furniture .header-middle .main-nav { display: block; } .furniture .header-middle .main-nav li { display: inline-block; margin-right: 20px; } .furniture .header-middle .main-nav li:last-child { margin: 0; } } /* Tablets (>=768px)*/ @media (max-width: 991px) { .header-middle{padding-top: 10px; padding-bottom: 10px;} } /*Phones (<768px)*/ @media (max-width: 767px) { #content-block header{padding: 0 15px;} .header-functionality-entry b{display: none;} .header-functionality-entry .fa{margin: 0 0 0 10px !important;} #logo{max-width: 100%;} } @media (max-width: 480px) { .search-box.popup{width: 96%; right: 2%!important;} .search-box.popup:before{right: 50%; margin-right: -14px;} } /* 04.02 - footer */ footer{position: relative;} .clearfix.visible-sm-block{height: 35px; float: left; width: 100%;} .footer-columns-entry{border-bottom: 1px #f0f0f0 solid; border-top: 1px solid #f0f0f0; padding: 70px 0 50px 0px; position: relative;} .footer-logo{display: block; margin-bottom: 15px;} .footer-description{font-size: 14px; line-height: 24px; color: #a6a6a6; font-weight: 400;} .footer-description b{font-weight: 500; color: #3c3c3c;} .footer-address{font-size: 15px; line-height: 26px; color: #a6a6a6; font-weight: 400;} .footer-address a{color: #a6a6a6;} .footer-address a b{font-weight: 600; color: #03b4ea;} #content-block .footer-address a:hover, #content-block .footer-address a:hover b{color: #3c3c3c;} .footer-columns-entry .column-title{margin-bottom: 20px; font-weight: 600; color: #343434; font-size: 17px; line-height: 20px;} .footer-columns-entry .column{list-style: none; font-weight: 400; color: #989898; font-size: 15px; line-height: 20px; margin-top: -5px;} .footer-columns-entry .column a{color: #989898; display: inline-block; padding: 5px 0;} .footer-columns-entry .column a:hover{color: #03b4ea;} .footer-bottom-navigation{padding: 0; display: table; width: 100%; position: relative;} .footer-bottom-navigation .footer-bottom-wrap { display: flex; justify-content: space-between; align-items: center; } .footer-bottom-navigation .cell-view{position: relative;} .footer-bottom-navigation .footer-links{display: none;} .footer-links a{font-size: 14px; font-weight: 500; color: #3c3c3c; line-height: 14px; padding-right: 15px; display: inline-block; border-right: 1px #cfcfcf solid; margin-right: 15px; margin-bottom: 7px!important; margin-top: 7px; vertical-align: top;} .footer-links a:last-child{padding-right: 0; border: none; margin-right: 0;} .footer-links a:hover{color: #03b4ea;} .payment-methods{text-align: right; font-size: 0;} .payment-methods a{display: inline-block; border: 1px #ebebeb solid; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px; margin-bottom: 5px; vertical-align: top; margin-top: 5px;} .payment-methods a:hover{opacity: 0.5;} .payment-methods a img{display: block;} .payment-methods a:last-child{margin-right: 0;} .copyright{font-size: 14px; line-height: 14px; color: #7f7f7f; margin-bottom: 15px; padding: 7px 0;text-align: center;} .copyright a{font-weight: 600; color: #03b4ea;} #content-block .copyright a:hover{color: #3c3c3c;} .footer-copyright-wrapper{text-align: center; padding: 40px 0; border-top: 1px solid #f0f0f0;} .footer-description, .footer-address, .footer-columns-entry .column{margin-bottom: 15px;} /*Desktops (>=992px)*/ @media (max-width: 1199px) { .payment-methods{text-align: left;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .footer-bottom-navigation{display: block;} .footer-bottom-navigation .cell-view{display: block; margin-bottom: 15px;} .footer-columns-entry{padding: 50px 0 35px 0;} .footer-address{margin-bottom: 50px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .footer-bottom-navigation{padding: 0;} .footer-description, .footer-address, .footer-columns-entry .column{margin-bottom: 20px;} .footer-columns-entry{padding: 30px 0 10px 0;} .footer-columns-entry .column-title{margin-bottom: 10px;} .footer-bottom-navigation .footer-links{margin-bottom: 5px;} .copyright{margin-bottom: 20px;} } /* 04.03 - company information and latest review */ .company-information-box{} .company-information-box .image{float: left; width: 270px;} .company-information-box .image img{display: block; max-width: 100%; height: auto;} .company-information-box .text{margin-left: 300px;} .company-information-box .text .cell-view{height: 190px; width: 1000px;} .company-information-box .text .description{font-size: 13px; line-height: 24px; color: #a3a2a2; font-weight: 400; margin-bottom: 10px;} .read-more{font-weight: 600; font-size: 13px; line-height: 20px; color: #2e2e2e; display: inline-block;} .read-more:hover{color: #03b4ea;} .latest-review .text{padding: 22px 32px; border: 1px #ebebeb solid; font-style: italic; font-size: 13px; line-height: 24px; color: #a3a2a2; margin-bottom: 10px;} .blockquote-slider{margin-right: -15px;} .blockquote-slider blockquote{margin-right: 15px;} #content-block .latest-review footer{font-style: normal; font-size: 13px; color: #aaa9a9; line-height: 20px; font-weight: 400; background: none;} .latest-review footer cite{font-weight: 600; color: #2e2e2e;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .company-information-box .image{width: 200px;} .company-information-box .text{margin-left: 230px;} .company-information-box .text .cell-view{display: block; width: auto; height: auto;} .information-entry{margin-bottom: 35px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .company-information-box .image{width: auto; float: none; margin-bottom: 10px;} .company-information-box .text{margin-left: 0;} } /* 04.04 - products slider */ .swiper-tabs{position: relative;} /*.swiper-tabs:before{position: absolute; left: 0; bottom: 24px; width: 100%; height: 1px; background: #ebebeb; content: "";}*/ .swiper-tabs .block-title{float: left; border-bottom: none; position: relative; padding-left: 7px; padding-right: 7px; margin-right: 15px; font-weight: 400; color: #a1a1a1;} .swiper-tabs .block-title.active{font-weight: 600; color: #2e2e2e;} .swiper-tabs .block-title:hover{color: #2e2e2e;} .swiper-tabs .block-title:before{position: absolute; left: 0; height: 3px; bottom: -2px; content: ""; background: #03b4ea; width: 0;} .swiper-tabs .block-title.active:before{width: 100%;} .tabs-entry{display: none;} .tabs-entry:first-child{display: block;} .swiper-tabs .title, .links-drop-down .title{display: none;} /**/ .products-swiper{margin: 0 -21.25px; position: relative;} .products-swiper:before, .products-swiper:after{position: absolute; left: 0; top: 0; width: 21.25px; height: 100%; background: #fff; content: ""; z-index: 2;} .products-swiper:after{right: -3px; left: auto;} .products-swiper .paddings-container{padding: 0 21.25px;} .product-slide-entry{max-width: 210px; margin: 0 auto; margin-bottom: 20px;} .product-image-label{border-radius: 50%; -webkit-border-radius: 50%; position: absolute; z-index: 1;} .product-image-label span{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 11px; line-height: 12px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center;} .product-image-label.type-1{left: 7px; top: 7px; width: 40px; height: 40px; background: #93b92c;} .product-image-label.type-2{right: 7px; top: 7px; width: 40px; height: 40px; background: #d41b1b;} .product-image-label.type-3{left: 50%; top: 50%; margin: -32px 0 0 -32px; width: 65px; height: 65px; background: rgba(64,64,64,0.95);} .product-slide-entry .product-image{display: block; /*margin-bottom: 15px;*/ position: relative; overflow: hidden; } .product-slide-entry img{width: 100%; height: auto; display: block; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden;} .product-slide-entry>img:first-child{margin-bottom: 15px;} .product-slide-entry .product-image:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);} .product-slide-entry.shift-image .product-image:hover img{transform: scale(1) translateX(-100%); -moz-transform: scale(1) translateX(-100%); -webkit-transform: scale(1) translateX(-100%); -ms-transform: scale(1) translateX(-100%);} .product-slide-entry.shift-image .product-image img{position: absolute; left: 100%; top: 0; width: 100%; height: auto;} .product-slide-entry.shift-image .product-image img:first-child{position: relative; left: 0;} .product-slide-entry .product-image .bottom-line{position: absolute; left: 0; bottom: -35px; width: 100%; background: var(--button-color); text-align: center; font-size: 11px; line-height: 35px; font-weight: 600;} .product-slide-entry .product-image:hover .bottom-line{bottom: 0;} .product-slide-entry .product-image .bottom-line.left-attached{left: -37px; bottom: 0; width: 35px; -webkit-backface-visibility: hidden;} .product-slide-entry .product-image:hover .bottom-line.left-attached{left: 0;} .product-image .bottom-line-a{color: #fff; display: block; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .product-image .bottom-line-a:hover{background: #fff; color: #222; border-color: transparent!important;} .product-image .bottom-line-a .fa{color: inherit!important;} .product-image .bottom-line-a.square{width: 35px; border-left: 1px rgba(255, 255, 255, 0.1) solid;} .product-image .bottom-line.left-attached .bottom-line-a.square{border-left-color: transparent; border-bottom: 1px rgba(255, 255, 255, 0.1) solid;} .product-image .bottom-line-a .fa{vertical-align: bottom; line-height: 35px; margin-right: 3px; width: 25px;} .product-image .right-align{float: right;} .product-image .right-align a{float: left;} .product-image .left-align{margin-right: 70px;} .product-image .top-line-a{height: 35px; min-width: 35px; line-height: 35px; padding: 0 10px; background: #fff; position: absolute; top: 10px; cursor: pointer; font-size: 14px; color: #2e2e2e; text-align: center; font-weight: 600;} .product-image .top-line-a span{font-size: 11px; line-height: 35px; display: inline-block; vertical-align: bottom;} .product-image .top-line-a .fa{line-height: 35px; display: inline-block; vertical-align: bottom;} .product-image .top-line-a:hover{background: #2e2e2e; color: #fff;} .product-image .top-line-a.left{left: -100px;} .product-image:hover .top-line-a.left{left: 10px;} .product-image .top-line-a.right{right: -100px;} .product-image:hover .top-line-a.right{right: 10px;} .product-slide-entry .tag{font-size: 10px; line-height: 14px; color: #8b8b8b; display: block; font-weight: 500; margin-bottom: 7px;} .product-slide-entry .tag:hover{color: #2e2e2e;} .product-slide-entry .title{display: block; font-size: 15px; line-height: 18px; color: #2e2e2e; font-weight: 600; margin-bottom: 10px;} .product-slide-entry .title b{font-weight: 700;} .product-slide-entry .title:hover{color: #03b4ea;} .rating-box{color: #f5c10c; font-size: 14px; line-height: 14px; margin-bottom: 10px;} .rating-box .star{display: inline-block;} .price{font-size: 15px; line-height: 15px; padding-bottom: 5px;} .price .prev{color: #989898; text-decoration: line-through; display: inline-block;} .price .current{color: rgb(49, 79, 45); display: inline-block; font-size: 18px; font-weight: 600;} @media (min-width: 768px){ .swiper-tabs .list, .links-drop-down .list{display: block!important;} } /*Phones (<768px)*/ @media (max-width: 767px) { .swiper-tabs .block-title{float: none; display: block; margin-right: 0; margin-bottom: 0;} /*.swiper-tabs{margin-bottom: 25px;}*/ .swiper-tabs .title, .links-drop-down .title{display: block; padding: 0 40px 0 15px; white-space: nowrap; white-space: nowrap; line-height: 40px; border: 2px #f0f0f0 solid; font-size: 16px; position: relative; cursor: pointer; text-align: left;} .links-drop-down .title:after{line-height: 40px; height: 40px; width: 40px; text-align: center; font-family: FontAwesome; content: "\f107"; position: absolute; top: 0; right: 0;} .swiper-tabs .title.active:after, .links-drop-down .title.active:after{content: "\f106";} .swiper-tabs .list .block-title{ padding-top: 15px; display: block!important;} .swiper-tabs:before{display: none;} .swiper-tabs .list, .links-drop-down .list{display: none;} } /* 04.05 - sales blocks */ .sale-entry{overflow: hidden; border: 2px var(--btn-color-one) solid; min-height: 70px; padding: 35px 0; position: relative; display: block;} .sale-entry .sale-price{font-size: 16px; line-height: 24px; color: #2e2e2e; text-transform: uppercase; font-weight: 700; width: 190px; text-align: center; border-right: 1px var(--btn-color-one) solid; float: left; display: block; position: relative; z-index: 1;} .sale-entry .sale-price span{display: block; font-size: 48px; line-height: 48px; color: #da75cb;} .sale-entry .sale-price img{padding: 15px 0;} .sale-entry .sale-description{font-size: 13px; line-height: 22px; color: #a3a2a2; margin: 0 40px 15px 230px; padding: 2px 0; display: block; position: relative; z-index: 1;} .sale-entry .sale-title{font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 700; color: #a3a2a2; margin: 0 0 10px 230px;} .hot-mark{position: absolute; top: 5px; right: -15px; font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; background: #ca1515; line-height: 18px; width: 60px; text-align: center; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);} .hot-mark.blue{background: #03b4ea;} .hot-mark.yellow{background: #dec209;} a.sale-entry:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; content: ""; z-index: 1;} a.sale-entry .hot-mark{z-index: 2;} .sale-entry-border{padding-top: 50px; padding-bottom: 50px;} .sale-entry-border:hover{background: #4c4c4c!important;} .sale-entry-border:before{border: 1px solid rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px;} .sale-entry-border:hover:before{left: 0; top: 0; right: 0; bottom: 0; opacity: 0;} .sale-entry-border *{position: relative;} .sale-entry-border .sale-title{color: #fff;} .sale-entry-border .sale-description{color: rgba(255, 255, 255, 0.5);} .sale-entry-border .sale-price{border-color: rgba(255, 255, 255, 0.5);} /*Phones (<768px)*/ @media (max-width: 991px) { .sale-entry{padding: 25px 0;} .sale-entry .sale-title{text-align: center; margin-left: auto;} .sale-entry .sale-price{width: auto; float: none; margin: 0 30px 10px 30px; border: none; border-bottom: 1px var(--btn-color-one) solid; padding-bottom: 10px;} .sale-entry .sale-description{width: auto; float: none; margin: 0 10px 10px 10px; text-align: center;} } /* 04.06 - sidebar menu */ .sidebar-navigation{border: 2px var(--main-color-one) solid; margin-bottom: 25px;} .sidebar-navigation .title{background: var(--main-color-one); padding: 20px 25px; line-height: 15px; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; margin-top: -2px; position: relative;} .sidebar-navigation .title .fa{display: none;} .sidebar-navigation .entry{cursor: pointer; border-bottom: 1px #ebebeb solid; display: block; font-weight: 500; font-size: 13px; line-height: 15px; color: #2e2e2e; padding: 17px 25px; position: relative;} body.mobile .sidebar-navigation .entry{color: #2e2e2e!important;} body.mobile .sidebar-navigation .entry:before{display: none;} .sidebar-navigation .entry:last-child{border: none;} .sidebar-navigation .entry:before{position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: var(--link-hover-color); content: ""; opacity: 0;} .sidebar-navigation .entry span{position: relative;} .sidebar-navigation .entry:hover:before, .sidebar-navigation .entry.active:before{height: 100%; opacity: 1;} .sidebar-navigation .entry:hover, .sidebar-navigation .entry.active{color: #fff;} body:not(.mobile) #content-block .sidebar-navigation .entry:hover .fa{color: #fff;} .sidebar-navigation .entry .fa{color: #ca1515; display: inline-block; margin-right: 10px; position: relative; top: -1px;} /*.sidebar-navigation .list{display: none;}*/ @media (min-width: 992px) { /*.sidebar-navigation .list{display: block!important;}*/ } /* Tablets (>=768px)*/ @media (max-width: 991px) { .sidebar-navigation{margin-bottom: 25px!important;} .sidebar-navigation .title{padding-right: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;} .sidebar-navigation .title .fa{display: block; position: absolute; width: 55px; height: 55px; line-height: 55px; text-align: center; right: 0; top: 0; font-size: 22px;} .sidebar-navigation.active .title .fa{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);} .furniture .headermid-wrapper .middle-entry i { background: var(--button-color); color: #fff; font-size: 16px; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 4px; } } /*Phones (<768px)*/ @media (max-width: 767px) { } /* 04.07 - navigation banner */ .navigation-banner-swiper{margin-bottom: 30px;} .navigation-banner-wrapper{position: relative; background-size: cover;} .navigation-banner-wrapper.align-1{background-position: right top;} .navigation-banner-wrapper.align-2{background-position: left top; } .navigation-banner-content{ width: 100%; padding: 0; height: auto; position: relative; } /*.navigation-banner-content .cell-view{width: 1500px;}*/ /*.navigation-banner-wrapper.align-1 .navigation-banner-content{float: left;}*/ /*.navigation-banner-wrapper.align-2 .navigation-banner-content{float: right;}*/ .navigation-banner-wrapper.align-3 .navigation-banner-content{width: 100%!important; text-align: center;} .navigation-banner-content .subtitle{font-family: 'Dancing Script', cursive; font-size: 40px; line-height: 36px; color: #d349bd; margin-bottom: 3px; transform: translateX(-50px) translateY(-50px); -moz-transform: translateX(-50px) translateY(-50px); -webkit-transform: translateX(-50px) translateY(-50px); -ms-transform: translateX(-50px) translateY(-50px); opacity: 0;} .light-text .navigation-banner-content .subtitle{color: #fff;} .navigation-banner-content .title{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 70px; line-height: 70px; color: #3c3c3c; text-transform: uppercase; letter-spacing: -5px; margin-bottom: 7px; transform: translateX(150px); -moz-transform: translateX(150px); -webkit-transform: translateX(150px); -ms-transform: translateX(150px); opacity: 0;} .light-text .navigation-banner-content .title{color: #fff;} .navigation-banner-content .description{font-size: 15px; line-height: 24px; color: #aaa; font-family: 'Merriweather', serif; font-weight: 300; font-style: italic; margin-bottom: 15px; padding-right: 50px; transform: translateX(-100px); -moz-transform: translateX(-100px); -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); opacity: 0;} .light-text .navigation-banner-content .description{color: #f1f0f0;} .navigation-banner-content .info{opacity: 0; transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px);} .light-text .navigation-banner-content .info .button:not(:hover){color: #fff; border-color: rgba(255, 255, 255, 0.5);} .swiper-slide.active .navigation-banner-content .subtitle, .swiper-slide.active .navigation-banner-content .title, .swiper-slide.active .navigation-banner-content .description, .swiper-slide.active .navigation-banner-content .info{transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); opacity: 1;} .navigation-banner-content .button{margin-right: 12px;} .navigation-banner-swiper .pagination{display: none;} /* Tablets (>=768px)*/ @media (max-width: 991px) { #content-block .navigation-banner-content{height: 350px;} #content-block .navigation-banner-content{width: 63%;} #content-block .navigation-banner-content .title{font-size: 60px; line-height: 60px;} #content-block .navigation-banner-swiper .pagination{display: block; margin-top: 20px;} .navigation-banner-swiper:before, .navigation-banner-swiper:after{position: absolute; width: 1px; height: 100%; top: 0; background: #fff; content: "";} .navigation-banner-swiper:before{left: 0; z-index: 2;} .navigation-banner-swiper:after{right: 0; z-index: 2;} } /*Phones (<768px)*/ @media (max-width: 767px) { #content-block .navigation-banner-content .title{font-size: 40px; line-height: 40px; letter-spacing: -4px;} #content-block .navigation-banner-content .subtitle{font-size: 25px; line-height: 25px; margin-bottom: 10px;} #content-block .navigation-banner-content .description{color: #3c3c3c; padding-right: 0;} #content-block .navigation-banner-content{height: 300px; padding: 0 15px; width: auto; text-align: center; float: none;} #content-block .navigation-banner-content .cell-view{width: 800px;} #content-block .navigation-banner-image{opacity: 0.2;} /*#content-block .navigation-banner-wrapper{background-image: none!important;}*/ #content-block .navigation-banner-wrapper:before{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.7); content: "";} #content-block .navigation-banner-wrapper.light-text:before{background: rgba(93, 93, 93, 0.7);} #content-block .navigation-banner-wrapper.light-text .description{color: #fff!important;} #content-block .navigation-banner-content .button{margin: 0 1%; width: 48%; float: left; min-width: 0;} .food-category{ width: 49%; display: inline-block; box-sizing: border-box; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - TEMPLATE FOOD */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05.01 - main color styles */ body.style-1{background-size: cover; background-attachment: fixed;} body.style-1 .search-button, .header-wrapper.style-1 .search-button{background: #779307;} body.style-1 .swiper-tabs .block-title:before{background: #8bab0a;} body.style-1 .swiper-active-switch{background: #8bab0a; border-color: #8bab0a;} body.style-1 .product-slide-entry{text-align: center;} body.style-1 .price .current{color: #779307;} .footer-wrapper.style-1 .footer-address a b{color: #8bab0a;} .footer-wrapper.style-1 .copyright a{color: #8bab0a;} .footer-wrapper.style-1 .footer-columns-entry .column a:hover, .footer-wrapper.style-1 .footer-bottom-navigation .footer-links a:hover{color: #8bab0a;} body.style-1 .product-slide-entry .title:hover{color: #8bab0a;} body.style-1 .bubbles span{background: #8bab0a;} .header-wrapper.style-1 .header-functionality-entry.open-cart-popup b{color: #779307;} body.style-1 .cart-box.popup .content .price{color: #779307;} body.style-1 .cart-box.popup .summary .grandtotal span{color: #779307;} body.style-1 .button.style-4{background: #779307; border-color: #779307;} body.style-1 .footer-columns-entry{border-top: none; padding-top: 0;} @media (min-width: 1200px) { .header-wrapper.style-1 .navigation{margin: 0 -70px; padding: 0 70px; border-bottom: none; background: #779307;} .header-wrapper.style-1 .header-middle{border-bottom: none;} .header-wrapper.style-1 header:not(.fixed-header) nav>ul>li>a{color: #fff;} .header-wrapper.style-1 header:not(.fixed-header) nav>ul>li .fa{color: #aec161;} } /* 05.02 - inline products */ .inline-product-column-title{margin-bottom: 20px;} .inline-product-entry{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #f0f0f0 solid;} .inline-product-entry .image{width: 55px; float: left; border: 1px transparent solid;} .inline-product-entry .image:hover{border-color: #8bab0a;} .inline-product-entry .image img{display: block; width: 100%; height: auto;} .inline-product-entry .content{margin-left: 70px;} .inline-product-entry .content .cell-view{height: 55px;} .inline-product-entry .title{font-size: 15px; color: #5a5858; line-height: 20px; font-weight: 500; margin-bottom: 5px; display: inline-block;} .inline-product-entry .title:hover{color: #8bab0a;} .inline-product-entry .price .current{font-size: 15px;} /* 05.03 - products in columns */ .product-column-entry{border: 2px var(--btn-color-one) solid; padding: 27px 0; position: relative; overflow: hidden;} .product-column-entry .image{text-align: center; height: 160px; margin-bottom: 20px;} .product-column-entry .image img{display: inline-block; max-height: 100%; width: auto;} .product-column-entry .title{font-size: 16px; line-height: 20px; color: #2e2e2e; text-transform: uppercase; font-weight: 700; margin: 0 30px 15px 30px; display: block;} .product-column-entry a.title:hover{text-decoration: underline;} .product-column-entry .description{margin: 0 30px;} /*Phones (<768px)*/ @media (max-width: 767px) { .product-column-entry{max-width: 300px; margin: 0 auto;} } /* 05.04 - from the blog */ .from-the-blog-entry{} .from-the-blog-entry .image{float: left; width: 180px; margin-right: 20px; position: relative; overflow: hidden;} .hover-class-1:after{background: #8bab0a; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: 0;} body:not(.mobile) .hover-class-1:hover:after{opacity: 0.7;} .from-the-blog-entry .image img{display: block; width: 100%; height: auto; position: relative;} .hover-class-1 .hover-label{position: absolute; width: 100%; text-align: center; top: 50%; margin-top: -10px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 600; z-index: 1; left: -100%;} body:not(.mobile) .hover-class-1:hover .hover-label{left: 0;} .from-the-blog-entry .description{font-size: 13px; line-height: 24px; color: #a3a2a2;} /* 05.05 - mozaic banner */ .mozaic-banners-wrapper{} .mozaic-banners-wrapper .row{margin: 0 -4px;} .mozaic-banners-wrapper .banner-column{padding: 0 4px; margin-bottom: 8px;} .mozaic-banner-entry{border: 2px #ebebeb solid; background-position: right bottom; background-repeat: no-repeat; background-position: right bottom; background-repeat: no-repeat; position: relative; display: block;} .mozaic-banner-entry.type-1{height: 505px; background-size: 470px;background-position: center bottom} .mozaic-banner-entry.type-2{height: 248.5px; margin-bottom: 8px; background-size: auto 100%;} .mozaic-banner-entry.type-3{height: 210px; margin-bottom: 8px; background-size: auto 100%;} .mozaic-banner-content{padding: 50px 8.5%; max-width: 430px; position: relative;} .mozaic-banner-content .subtitle{font-size: 22px; line-height: 22px; margin-bottom: 5px; color: #515151; text-transform: uppercase; font-weight: 600;} .mozaic-banner-content .title{font-size: 60px; line-height: 55px; color: #779307; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;} .mozaic-banner-entry.type-2 .mozaic-banner-content .subtitle, .mozaic-banner-entry.type-3 .mozaic-banner-content .subtitle{font-size: 16px!important; margin-bottom: 2px; display: block;} .mozaic-banner-entry.type-2 .mozaic-banner-content .title, .mozaic-banner-entry.type-3 .mozaic-banner-content .title{font-size: 32px; line-height: 32px; display: block;} .mozaic-banner-content .description{font-size: 13px; line-height: 22px; color: #b3b3b3; margin-bottom: 15px; display: block;} .mozaic-swiper{border: 2px #ebebeb solid; height: 505px; overflow: hidden;} .mozaic-swiper .mozaic-banner-entry.type-1{border: none;background-size: 100%;} .mozaic-swiper .pagination{position: absolute; left: 20px; bottom: 20px; width: auto;} .mozaic-swiper .pagination .swiper-pagination-switch{margin: 0 6px 0 0; height: 10px; width: 10px; background: #dedede; border: none;} .mozaic-swiper .pagination .swiper-active-switch{background: #bfbfbf;} /*Phones (<768px)*/ @media (max-width: 767px) { .mozaic-banner-entry.type-1:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.7;} #content-block .mozaic-banner-entry.type-1, #content-block .mozaic-banner-entry.type-2, #content-block .mozaic-banner-entry.type-3, #content-block .mozaic-swiper{height: auto;} .mozaic-banner-content{padding: 25px 20px;} .mozaic-swiper .mozaic-banner-content{padding-bottom: 55px;} } @media only screen and (max-width: 992px){ .mozaic-banner-entry.type-1{ background-size: 400px; background-position: right bottom; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - TEMPLATE EVERYTHING */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06.01 - main color styles */ body.style-2 .swiper-tabs .block-title:before{background: #0f51a3;} .footer-wrapper.style-2 .footer-address a b{color: #0f51a3;} .footer-wrapper.style-2 .copyright a{color: #0f51a3;} .footer-wrapper.style-2 .footer-columns-entry .column a:hover, .footer-wrapper.style-2 .footer-bottom-navigation .footer-links a:hover{color: #0f51a3;} body.style-2 .product-slide-entry .title:hover{color: #0f51a3;} body.style-2 .bubbles span{background: #0f51a3;} body.style-2 .swiper-active-switch{background: #0f51a3; border-color: #0f51a3;} body.style-2 .price .current{color: #0f51a3; font-weight: 600;} body.style-2 .block-title{font-size: 16px;} body.style-2 .list-type-1 li .fa{color: #0f51a3;} body.style-2 .list-type-1 a:hover{color: #0f51a3;} body.style-2 .navigation-banner-content .subtitle{font-size: 30px; color: #0f51a3; font-weight: 300; font-family: var(--body-font), sans-serif; letter-spacing: -1px;} body.style-2 .navigation-banner-content .title{font-weight: 700; font-family: var(--body-font), sans-serif; font-size: 60px; line-height: 60px;} body.style-2 .navigation-banner-content .description{font-family: var(--body-font), sans-serif; font-style: normal;} body.style-2 .search-button, .header-wrapper.style-2 .search-button{background: #e9b500;} body.style-2 .sidebar-navigation{border: none;} body.style-2 .sidebar-navigation .title{background: #0f51a3; margin-bottom: 4px;} body.style-2 .sidebar-navigation .entry{border: 1px #f5f5f5 solid; background: #fafafa; margin-bottom: 4px;} body.style-2 .sidebar-navigation .entry .fa{color: #0f51a3;} body.style-2 .sidebar-navigation .entry:before{background: #0f51a3;} body.style-2 .sidebar-navigation-title{line-height: 70px; padding: 0 25px; position: absolute; left: 0; top: 0; font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase;} body.style-2 .cart-box.popup .content .price{color: #0f51a3;} body.style-2 .cart-box.popup .summary .grandtotal span{color: #0f51a3;} body.style-2 .button.style-4{background: #0f51a3; border-color: #0f51a3;} body.style-2 .sidebar-navigation{margin-bottom: 50px;} body.style-2 .navigation-search-content .search-box{position: absolute; left: 0; right: 160px; margin-right: 0;} /**/ .sidebar-logos-row{margin-left: -8px; margin-right: -8px;} .sidebar-logos-row .entry{max-width: 95px; float: left; width: 33.33%; padding: 0 8px 8px 8px; margin-bottom: 10px;} .sidebar-logos-row a, .sidebar-logos-row img{display: block; width: 100%; height: auto;} .sidebar-logos-row a img{-webkit-filter: grayscale(100%); filter: grayscale(100%);} .sidebar-logos-row a:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);} @media (max-width: 1199px) { body.style-2 .sidebar-navigation-title{display: none;} } @media (min-width: 1200px) { .header-wrapper.style-2 .navigation{border-bottom: none; background: #0f51a3;} .header-wrapper.style-2 header:not(.fixed-header) nav>ul>li>a{color: #fff;} .header-wrapper.style-2 header:not(.fixed-header) nav>ul>li .fa{color: #6b9ddc;} .header-wrapper.style-2 header:not(.fixed-header) nav{display: block; padding-left: 300px; padding-right: 125px; position: absolute; left: 0; top: 0; width: 100%; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);} .header-wrapper.style-2 header:not(.fixed-header) .navigation.active nav{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);} .header-wrapper.style-2 .navigation .navigation-search-content .search-box{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; display: block;} .header-wrapper.style-2 .navigation.active .navigation-search-content .search-box{transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);} body.style-2 .sidebar-navigation{margin-top: -95px; position: relative;} .header-wrapper.style-2 .sidebar-navigation .title, body.style-2 .sidebar-navigation .title{line-height: 16px; padding-top: 27px; padding-bottom: 27px; margin-bottom: 8px;} } /* 06.02 - navigation banner (size 1) */ .navigation-banner-swiper.size-1 .navigation-banner-content{height: 430px;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - TEMPLATE ELECTRONIC */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07.01 - footer */ .footer-wrapper.style-3 footer:before{background: var(--footer-background); bottom: 0; content: ""; height: 100%; left: 50%; margin-left: -50000px; position: absolute; width: 100000px;} .footer-wrapper.style-3 .footer-bottom-navigation:before{background: var(--main-color-two); bottom: 0; content: ""; height: 100%; left: 50%; margin-left: -50000px; position: absolute; width: 100000px;} .footer-wrapper.style-3 .footer-columns-entry .column a{color: #a6a6a6;} .footer-wrapper.style-3 .footer-address a b{color: #fff;} .footer-wrapper.style-3 .footer-columns-entry .column a:hover, .footer-wrapper.style-3 .footer-bottom-navigation .footer-links a:hover{color: #fff;} .footer-wrapper.style-3 #content-block .footer-address a:hover, .footer-wrapper.style-3 #content-block .footer-address a:hover b{color: #fff; text-decoration: underline;} .footer-wrapper.style-3 .footer-columns-entry .column-title{color: #fff;} .footer-wrapper.style-3 .footer-description b{color: #fff;} .footer-wrapper.style-3 .footer-columns-entry{border: none;} .footer-wrapper.style-3 .footer-bottom-navigation .footer-links a{color: #aaa; border-color: #4a4a4a;} .footer-wrapper.style-3 .copyright a{color: #fff;} #content-block .footer-wrapper.style-3 .copyright a:hover{color: #fff; text-decoration: underline;} .footer-wrapper.style-3 #content-block .copyright a:hover{color: #fff; text-decoration: underline;} /* 07.02 - content styles */ body.style-3 .swiper-tabs .block-title:before{background: #008acc;} body.style-3 .product-slide-entry .title:hover{color: #008acc;} body.style-3 .bubbles span{background: #008acc;} body.style-3 .swiper-active-switch{background: #008acc; border-color: #008acc;} body.style-3 .price .current{color: #008acc; font-weight: 600;} body.style-3 .list-type-1 li .fa{color: #008acc;} body.style-3 .list-type-1 a:hover{color: #008acc;} body.style-3 .sidebar-navigation .title{background: #008acc;} body.style-3 .sidebar-navigation{border-color: #008acc;} body.style-3 .sidebar-navigation .entry .fa{color: #008acc;} body.style-3 .sidebar-navigation .entry:before{background: #008acc;} body.style-3 .inline-product-column-title{font-size: 18px; line-height: 22px;} body.style-3 .inline-product-entry .title:hover{color: #008acc;} body.style-3 .inline-product-entry .image:hover{border-color: #008acc;} body.style-3 .read-more:hover{color: #008acc;} body.style-3 .cart-box.popup .content .price{color: #008acc;} body.style-3 .cart-box.popup .summary .grandtotal span{color: #008acc;} body.style-3 .button.style-4{background: #008acc; border-color: #008acc;} @media (min-width: 1200px) { body.style-3 .information-blocks{margin-bottom: 60px;} } /* 07.03 - header */ .header-wrapper.style-3 header:before{background: red; position: absolute; height: 1000px; width: 100000px; left: 50%; margin-left: -50000px; bottom: 35px; content: ""; background: #0075ad;} .header-wrapper.style-3 .header-top-entry{color: #add7eb;} .header-wrapper.style-3 .header-top-entry .title{border-color: #348cb6;} .header-wrapper.style-3 .header-top-entry .title a{color: #add7eb;} .header-wrapper.style-3 .header-top .socials-box a{color: #add7eb;} .header-wrapper.style-3 .header-top .socials-box a:hover{color: #fff;} .header-wrapper.style-3 header .icon-entry .image{background: transparent; border: 2px #3391bd solid; border-radius: 50%;} .header-wrapper.style-3 header .icon-entry .image .fa{line-height: 41px; color: #fff;} .header-wrapper.style-3 header .icon-entry:hover .image{background: #3391bd;} .header-wrapper.style-3 header .icon-entry .text{color: #add7eb;} .header-wrapper.style-3 header .icon-entry .text b{color: #fff;} .header-wrapper.style-3 .header-top{border-color: #378fb9;} .header-wrapper.style-3 .header-functionality-entry{color: #add7eb; border-color: #3a91bb;} .header-wrapper.style-3 .header-functionality-entry b{color: #fff;} .header-wrapper.style-3 .header-middle{border: none;} .header-wrapper.style-3 .navigation-search-content .toggle-desktop-menu{border-color: #309ed3; width: 140px;} .header-wrapper.style-3 .navigation-search-content .search-box{margin-right: 175px;} @media (min-width: 1200px) { .header-wrapper.style-3 .navigation{border-bottom: none; background: #008acc;} .header-wrapper.style-3 header:not(.fixed-header) nav>ul>li>a{color: #fff;} .header-wrapper.style-3 header:not(.fixed-header) nav>ul>li .fa{color: #6b9ddc;} .header-wrapper.style-3 header:not(.fixed-header) nav{position: absolute; left: 0; top: 0; width: 100%; padding: 0 140px 0 20px; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform-origin: 0% 50% 0px; -moz-transform-origin: 0% 50% 0px; -webkit-transform-origin: 0% 50% 0px; -ms-transform-origin: 0% 50% 0px;} .header-wrapper.style-3 header:not(.fixed-header) .navigation.active nav{transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);} .header-wrapper.style-3 .navigation .navigation-search-content .search-box{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); display: block; transform-origin: 100% 50% 0px; -moz-transform-origin: 100% 50% 0px; -webkit-transform-origin: 100% 50% 0px; -ms-transform-origin: 100% 50% 0px;} .header-wrapper.style-3 .navigation.active .navigation-search-content .search-box{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);} .header-wrapper.style-3 .navigation .navigation-search-content{height: 0;} } @media (max-width: 1199px) { .header-wrapper.style-3 header:before{bottom: 0;} .header-wrapper.style-3 .header-functionality-entry .fa{color: #fff;} .header-wrapper.style-3 .menu-button{color: #fff;} } /* 07.04 - banners */ .mozaic-banners-wrapper.type-2 .mozaic-banner-content{padding-top: 0; padding-bottom: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); max-width: 65%; display: block;} .mozaic-banners-wrapper.type-2 .row{margin: 0 -8px;} .mozaic-banners-wrapper.type-2 .banner-column{padding: 0 8px; margin-bottom: 16px;} .mozaic-banners-wrapper.type-2 .mozaic-swiper{border: none;} .mozaic-banners-wrapper.type-2 .mozaic-banner-entry{background-color: #f7f7f7; border: none;background-size: cover;} .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2{height: 244.5px;} .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2, .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-3{margin-bottom: 16px;} .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle{font-size: 24px; color: var(--link-color); font-weight: 600; display: block;} .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{color: var(--link-color); display: block;} /* .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1,138,204,0.7); content: ""; opacity: 0;} */ body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle{color: var(--link-hover-color);} .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry .title{font-weight: 400; letter-spacing: -1px;} body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title{color: var(--link-hover-color); transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px);} body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .description, body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view{color: var(--link-hover-color); transform: translateX(40px); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px);} body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover:before{opacity: 1;} .mozaic-banners-wrapper.type-2 .mozaic-swiper .pagination{bottom: auto; top: 20px; margin-top: 0;} @media (max-width: 767px) { .mozaic-banners-wrapper.type-2 .mozaic-banner-content{padding-top: 20px; padding-bottom: 20px; position: relative; left: 0; top: 0; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); max-width: 100%;} .mozaic-banners-wrapper.type-2 .mozaic-swiper .mozaic-banner-content{padding-top: 55px;} } /* 07.05 - sidebar text widget */ .text-widget{} .text-widget .image{display: block; width: 100%; height: auto; max-width: 275px; margin-bottom: 15px;} .text-widget .description{font-size: 13px; line-height: 24px; color: #a3a2a2; margin-bottom: 10px;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .text-widget .image{float: left; margin-right: 30px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .text-widget .image{float: none; margin-right: 0;} } /* 07.06 - sidebar sales widget */ body.style-3 .sale-entry .sale-price span{color: #008acc;} .sale-entry .sale-image{margin: 0 0 -35px 0!important; display: none; max-width: 100%; height: auto; position: relative;} a.sale-entry{border: 1px solid var(--main-color-one);} body:not(.mobile) a.sale-entry:hover:before{opacity: 1;} body:not(.mobile) a.sale-entry:hover .sale-price, body:not(.mobile) a.sale-entry:hover .sale-price span, body:not(.mobile) a.sale-entry:hover .sale-description{color: var(--link-hover-color);} @media (min-width: 992px) { .sale-entry .sale-image{display: block;} .sale-entry.vertical{text-align: center;} .sale-entry.vertical .sale-description{margin-left: 20px; margin-right: 20px;color: var(--paragraph-color);} .sale-entry.vertical .sale-price{float: none; width: auto; border: none; margin-bottom: 15px; color: var(--heading-color);} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - TEMPLATE MINIMAL */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08.01 - header (class "type-2") */ .header-wrapper.style-4 header{padding-left: 55px; padding-right: 55px;} header.type-2 .full-width .submenu, header.type-2 .full-width-columns .submenu{left: auto; right: 0;} header.type-2 .navigation-vertical-align{display: table; width: 100%; border-bottom: 1px #ebebeb solid; position: relative;} header.type-2 .navigation{border: none;} header.type-2 .nav-container{width: 80%;} header.type-2 #logo{margin: 10px 0;} header.type-2 .menu-button{position: relative; top: auto;} header.type-2 .header-functionality-entry{float: right;} header.type-2 .header-functionality-entry .fa{display: inline-block;} @media (min-width: 1200px) { header.type-2:not(.fixed-header) nav, header.type-2:not(.fixed-header) .navigation{position: static;} header.type-2:not(.fixed-header) .submenu{top: 50%; margin-top: 35px!important;} header.type-2:not(.fixed-header) nav>ul>li>a{font-weight: 500;} header.type-2:not(.fixed-header) nav>ul{float: right;} header.type-2:not(.fixed-header) .navigation{margin: 60px 0;} .header-wrapper.style-4 li.fixed-header-visible{display: block;} .header-wrapper.style-4 header.fixed-header nav{padding: 0 55px;} } /*Desktops (>=992px)*/ @media (max-width: 1199px) { header.type-2 .logo-container{width: 300px;} header.type-2 .nav-container{width: 400px;} } /* 08.02 - footer */ .footer-wrapper.style-4 footer{border-top: 1px #f0f0f0 solid;} .footer-wrapper.style-4 .copyright a{color: #c9ac37;} .footer-wrapper.style-4 .copyright a:hover{color: #464646;} .footer-wrapper.style-4 .footer-bottom-navigation .footer-links a:hover{color: #c9ac37;} /* 08.03 - content styles */ body.style-4 .content-center{max-width: 1280px; margin: 35px auto; background: #fff; padding: 0 55px;} body.style-4 .price .current{color: #c2a325; font-size: 18px; font-weight: 600;} body.style-4 .product-slide-entry .title:hover{color: #c9ac37;} body.style-4 .swiper-tabs .block-title:before{background: #c9ac37;} body.style-4 .swiper-tabs .block-title{display: inline-block; float: none;} body.style-4 .swiper-tabs{text-align: center;} body.style-4 .read-more:hover{color: #c9ac37;} body.style-4 .search-button{background: #c9ac37;} body.style-4 .swiper-active-switch{background: #c9ac37; border-color: #c9ac37;} body.style-4 .bubbles span{background: #c9ac37;} body.style-4 .cart-box.popup .content .price{color: #c2a325;} body.style-4 .cart-box.popup .summary .grandtotal span{color: #c2a325;} body.style-4 .button.style-4{background: #c2a325; border-color: #c2a325;} @media (max-width: 1199px) { body.style-4 .content-center{margin-top: 0; margin-bottom: 0;} } /* 08.04 - banner */ body.style-4 .navigation-banner-content{height: 600px; width: 62%;} body.style-4 .navigation-banner-content .subtitle{font-size: 20px; line-height: 24px; color: #a58d2d; font-family: var(--body-font), sans-serif; font-weight: 600; letter-spacing: 2px; margin-bottom: 12px;} body.style-4 .navigation-banner-content .title{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 48px; line-height: 48px; letter-spacing: -3px; color: #000; margin-bottom: 12px;} body.style-4 .navigation-banner-content .description{font-size: 20px; line-height: 24px; color: #848484;} /* 08.05 - products */ .custom-col-5-in-row{float: left; width: 20%; padding: 0 15px;} .custom-col-5-in-row:nth-child(5n+1){clear: both;} .products-grid{margin-bottom: 20px;} body.style-4 .products-grid{text-align: center;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .custom-col-5-in-row{width: 25%;} .custom-col-5-in-row:nth-child(5n+1){clear: none;} .custom-col-5-in-row:nth-child(4n+1){clear: both;} } /*Phones (<768px)*/ @media (max-width: 767px) { .custom-col-5-in-row{width: 33.33333%;} .custom-col-5-in-row:nth-child(4n+1){clear: none;} .custom-col-5-in-row:nth-child(3n+1){clear: both;} } @media (max-width: 450px) { .custom-col-5-in-row{width: 50%;} .custom-col-5-in-row:nth-child(3n+1){clear: none;} .custom-col-5-in-row:nth-child(2n+1){clear: both;} } /* 08.06 - content text widgets */ .content-text-widget-container{padding: 40px 0; border-top: 1px #f0f0f0 solid; margin-bottom: 0!important;} .content-text-widget{padding: 30px 30px 30px 70px;} .content-text-widget:first-child{padding: 30px 70px 30px 30px; border-right: 1px #f0f0f0 solid;} .content-text-widget .title{font-size: 24px; color: #2e2e2e; line-height: 24px; font-weight: 400; margin-bottom: 15px;} .content-text-widget .description{font-size: 14px; color: #999797; line-height: 24px; font-weight: 400; margin-bottom: 15px;} /*Phones (<768px)*/ @media (max-width: 767px) { .content-text-widget, .content-text-widget:first-child{padding: 0; border: none;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - TEMPLATE PARALLAX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09.01 - header */ .header-wrapper.style-5 header.type-2{background: none;} .header-wrapper.style-5 header.type-2 .navigation-vertical-align{border: none;} .header-wrapper.style-5 .header-functionality-entry .fa{color: #fff;} @media (min-width: 1200px) { .header-wrapper.style-5 header.type-2:not(.fixed-header) .navigation{margin: 45px 0;} .header-wrapper.style-5 header.fixed-header .nav-overflow{background: var(--paragraph-color-three); border: none;} .header-wrapper.style-5 nav>ul>li>a{color: #fff; font-weight: 700!important;} .header-wrapper.style-5 nav>ul>li>.fa{color: #6e6e6e;} .header-wrapper.style-5 .fixed-header-square-button .fa{color: #fff;} .header-wrapper.style-5 .fixed-header-square-button .fa:hover{color: #c7c7c7;} .header-wrapper.style-5 li.fixed-header-visible{display: block;} } /* 09.02 - footer */ footer.type-2{background: var(--paragraph-color-three); text-align: center; padding: 70px 0 70px 0;} footer.type-2 .footer-logo{display: inline-block; vertical-align: bottom; margin-bottom: 30px;} footer.type-2 .footer-links a{color: #fff; border-color: #3b3b3b;} footer.type-2 .footer-links a:hover{color: #f17e0e;} footer.type-2 .copyright a{color: #f17e0e;} #content-block footer.type-2 .copyright a:hover{color: #fff;} @media (max-width: 767px) { footer.type-2{padding: 50px 0 50px 0;} footer.type-2 .footer-links a{display: block; padding: 3px 0; border: none; margin: 0;} footer.type-2 .footer-links{margin-bottom: 25px;} } /* 09.03 - content styles */ body.style-5.opened-menu .content-push{transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none;} body.style-5 .search-button{background: #f17e0e;} body.style-5 .bubbles span{background: #f17e0e;} body.style-5 .cart-box.popup .content .price{color: #f17e0e;} body.style-5 .cart-box.popup .summary .grandtotal span{color: #f17e0e;} body.style-5 .button.style-4{background: #f17e0e; border-color: #f17e0e;} /* 09.04 - parallax slide */ .parallax-slide{position: relative;} .parallax-clip{ height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; clip: rect(auto, auto, auto, auto);} .fixed-parallax{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center top; -webkit-transform: translateZ(0);} .fixed-parallax:before{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2); content: "";} .parallax-slide .position-center{height: inherit; min-height: inherit; position: relative;} .parallax-vertical-align{position: absolute; width: 100%; left: 0; top: 50%; margin-top: -85px; text-align: center;} .parallax-article{padding: 0 15px; position: relative;} @media only screen and (max-width: 991px){ .fixed-parallax.parallax-fullwidth{ position: relative; } .information-blocks.parallax-fullwidth-inner{ overflow: visible; } } @media (min-width: 1200px) { .parallax-article.left-align{transform: translateX(-10%); -moz-transform: translateX(-10%); -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%);} .parallax-article.right-align{transform: translateX(10%); -moz-transform: translateX(10%); -webkit-transform: translateX(10%); -ms-transform: translateX(10%);} } .parallax-article .subtitle{color: #fff; font-size: 24px; line-height: 24px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 10px;} .parallax-article.dark-text .subtitle{color: #d62020;} .parallax-article .title{color: #fff; font-size: 80px; line-height: 72px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 5px;} .parallax-article.dark-text .title{color: #303030; border-color: #303030!important;} .parallax-article .description{font-size: 15px; line-height: 22px; color: #fff; max-width: 470px; margin: 0 auto 25px auto;} .parallax-article.dark-text .description{color: #808080;} .parallax-article .info{font-size: 0;} .parallax-article .info .button{margin: 0 5px 5px 5px;} .parallax-slide.auto-slide{height: auto!important; padding: 200px 0; text-align: center;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .parallax-slide.auto-slide{padding: 150px 0;} } /*Phones (<768px)*/ @media (max-width: 767px) { .parallax-article .subtitle{font-size: 18px; line-height: 18px;} .parallax-article .title{font-size: 40px; line-height: 38px;} .parallax-slide.auto-slide{padding: 100px 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - TEMPLATE LEFTSIDEBAR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10.01 - header */ .simple-search-form{border: 1px #e8e8e8 solid; padding: 6px 0 6px 12px; position: relative; background: #fff;} .simple-search-form.active{border-color: #3d3d3d;} .simple-search-form input[type="text"]{width: 100%; border: none; height: 25px; line-height: 25px; background: none; padding: 0 45px 0 0; font-size: 13px; color: #222; font-weight: 300;} .simple-search-form .simple-submit{position: absolute; width: 38px; height: 25px; border-left: 1px #e8e8e8 solid; top: 6px; right: 0; cursor: pointer; color: #919191;} .simple-search-form .simple-submit:hover{color: #222;} .simple-search-form .simple-submit input{opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none;backgorund-color:var(--main-color-one);} .simple-search-form .simple-submit .fa{font-size: 13px; line-height: 25px; display: block; text-align: center; color: inherit;} .sidebar-header-content{padding: 40px 30px 20px 30px;} header.type-3{border: 1px #f7f7f7 solid;} header.type-3 .logo-container{text-align: center; margin-bottom: 17px;} header.type-3 .simple-search-form{margin-bottom: 30px;} header.type-3 .header-functionality-entry{padding-left: 0;} @media (min-width: 1200px) { header.type-3{position: absolute; left: 0; top: 0; height: 100%; width: 300px; padding: 0;} header.type-3 .navigation{border: none;} header.type-3:not(.fixed-header) nav>ul>li{padding: 0 40px 0 30px; float: left; position: relative;width: auto;clear: both;display: inline-block;} header.type-3:not(.fixed-header) nav>ul>li>a{line-height: 50px;} header.type-3:not(.fixed-header) nav>ul>li.fixed-header-visible{display: none;} #content-block header.type-3:not(.fixed-header) .submenu{top: 0; left: 100%; margin: 0;} header.type-3:not(.fixed-header) .full-width .submenu, header.type-3:not(.fixed-header) .full-width-columns .submenu{width: 1100px; width: calc(100vw - 300px); max-width: 1170px!important;} header.type-3:not(.fixed-header) nav > ul > li > a .menu-label{right: 10px;} header.type-3 .navigation-footer{display: block!important; position: fixed; left: 0; bottom: 0; width: 300px; padding: 0 15px; text-align: center;} header.type-3 .socials-box{float: none; margin: 0;} header.type-3 .socials-box a{margin: 0;} header.type-3 .navigation-copyright{color: #7f7f7f; padding: 15px 0;} } @media (min-width: 1200px) and (max-width: 1400px) { header.type-3:not(.fixed-header) .full-width .full-width-menu-items-left{margin-right: 450px;} header.type-3:not(.fixed-header) .full-width .full-width-menu-items-right{width: 380px;} header.type-3:not(.fixed-header) .full-width .menu-slider-in .product-slide-entry{width: 116px;} } @media (max-width: 1199px) { header.type-3 .simple-search-form{display: none;} .sidebar-header-content{display: table; padding: 10px 0; width: 100%;} header.type-3 .logo-container{display: table-cell; vertical-align: middle; text-align: left; width: 300px;} header.type-3 .header-responsive-column{display: table-cell; vertical-align: middle; width: 400px;} header.type-3 .header-responsive-column .responsive-menu-toggle-class{float: right;} header.type-3 .header-functionality-entry{float: right;} header.type-3 .menu-button{position: relative; float: right; top: auto;} } /* 10.02 - content */ .sidebar-content-wrapper{margin-left: 300px;} .product-mix-box{padding-bottom: 100px;} .product-mix-box .product-slide-entry{float: left; width: 16.6666666%; max-width: 100%; position: relative; margin-bottom: 0;} .product-mix-box .product-slide-entry .product-image{margin-bottom: 0;} .product-mix-box .product-slide-entry:nth-child(6n+1){clear: both;} .product-mix-info{position: absolute; left: 25px; right: 25px; bottom: 25px; background: #fff;border-radius: 3px; text-align: center; padding: 25px 10px; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); opacity: 0;} .product-slide-entry:hover .product-mix-info{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1;} body.style-6 .bubbles span{background: #d88e00;} body.style-6 .product-slide-entry .title:hover{color: #d88e00;} body.style-6 .price .current{color: #d88e00;} body.style-6 .socials-box a:hover{color: #f3a000;} body.style-6 .navigation-copyright a{color: #f3a000;} body.style-6 .search-button{background: #f3a000;} body.style-6 .product-slide-entry:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);} body.style-6 .cart-box.popup .content .price{color: #d88e00;} body.style-6 .cart-box.popup .summary .grandtotal span{color: #d88e00;} body.style-6 .button.style-4{background: #d88e00; border-color: #d88e00;} body.style-6 .submenu.right-align{left: 100%!important; right: auto;} @media (min-width: 1200px) { .sidebar-content-wrapper.fixed-header-margin{padding-top: 0!important;} } @media (max-width: 1800px) { .product-mix-box .product-slide-entry{width: 20%;} .product-mix-box .product-slide-entry:nth-child(6n+1){clear: none;} .product-mix-box .product-slide-entry:nth-child(5n+1){clear: both;} } /*Desktops (>=992px)*/ @media (max-width: 1199px){ .sidebar-content-wrapper{margin: 0 30px 30px 30px;} .product-mix-box{padding-bottom: 0;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .product-mix-box .product-slide-entry{width: 25%;} .product-mix-box .product-slide-entry:nth-child(5n+1){clear: none;} .product-mix-box .product-slide-entry:nth-child(4n+1){clear: both;} .product-mix-info{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);} } /*Phones (<768px)*/ @media (max-width: 767px) { .sidebar-content-wrapper{margin: 0 15px 15px 15px;} } @media (max-width: 768px) { .product-mix-box .product-slide-entry{width: 50%;} .product-mix-box .product-slide-entry:nth-child(3n+1){clear: none;} .product-mix-box .product-slide-entry:nth-child(2n+1){clear: both;} } @media (max-width: 400px) { .product-mix-box .product-slide-entry{width: 100%;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - TEMPLATE WIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11.01 - header */ .header-wrapper.style-7 header.fixed-header nav{max-width: 100%;} @media (max-width: 1199px) { .header-wrapper.style-7 header.type-2{background: var(--paragraph-color-three);} } /* 11.02 - content styles */ body.style-7 .bubbles span{background: #66900d;} .footer-wrapper.style-7 footer.type-2 .copyright a{color: #66900d;} .footer-wrapper.style-7 footer.type-2 .footer-links a:hover{color: #66900d;} body.style-7 .search-button{background: #66900d;} body.style-7 .product-slide-entry{max-width: 310px; text-align: center;} body.style-7 .product-slide-entry .title:hover{color: #66900d;} .product-slide-entry .subtitle{font-size: 15px; line-height: 22px; color: #2e2e2e; font-weight: 600; display: block; text-align: left;} .product-slide-entry .subtitle:hover{color: #66900d;} .product-slide-entry .date{font-size: 13px; line-height: 22px; color: #a3a2a2; text-align: left;} body.style-7 .information-blocks{border-top: 1px #ebebeb solid;} body.style-7 .information-blocks:first-child{border: none;} body.style-7 .price .current{color: #66900d;} body.style-7 .swiper-active-switch{background: #66900d; border-color: #66900d;} body.style-7 .cart-box.popup .content .price{color: #66900d;} body.style-7 .cart-box.popup .summary .grandtotal span{color: #66900d;} body.style-7 .button.style-4{background: #66900d; border-color: #66900d;} @media (min-width: 1200px) { body.style-7 .information-blocks{margin-bottom: 100px;} } @media (max-width: 1200px){ .simple-search-form { display: none; } } /* 11.03 - fullscreen banner */ .parallax-slide .swiper-container{height: inherit!important; position: absolute; left: 0; top: 0; width: 100%;} .parallax-slide .swiper-wrapper{height: inherit!important;} .parallax-slide .swiper-slide{background-size: cover; background-position: center center; position: relative;} .parallax-slide .swiper-slide:before{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); content: "";} .swiper-slide .parallax-article .subtitle{transform: translateX(300px); -moz-transform: translateX(300px); -webkit-transform: translateX(300px); -ms-transform: translateX(300px); opacity: 0;} .swiper-slide .parallax-article .title{font-size: 100px; line-height: 90px; border-top: 4px #fff solid; border-bottom: 4px #fff solid; display: inline-block; margin-bottom: 25px; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); opacity: 0; backface-visibility: hidden; -webki-backface-visibility: hidden;} .swiper-slide .parallax-article .description{transform: translateX(-300px); -moz-transform: translateX(-300px); -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); opacity: 0;} .swiper-slide .parallax-article .info{transform: translateX(300px); -moz-transform: translateX(300px); -webkit-transform: translateX(300px); -ms-transform: translateX(300px); opacity: 0;} .swiper-slide.active .parallax-article .subtitle, .swiper-slide.active .parallax-article .description, .swiper-slide.active .parallax-article .info{transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1;} .swiper-slide.active .parallax-article .title{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1;} /* 11.04 - creative square box */ .creative-square-box{background-size: cover; background-position: center center; position: relative; text-align: center; height: 360px; overflow: hidden;} .creative-square-box .background-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;} body:not(.mobile) .creative-square-box:hover .background-box{transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2);} .creative-square-box:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.4); z-index: 1;} body:not(.mobile) .creative-square-box:hover:before{background: rgba(0,0,0,0.7);} .creative-square-box .cell-view{width: 1000px; position: relative; z-index: 2;} .creative-square-box .parallax-article{max-width: 430px; margin: 0 auto;} .creative-square-box .parallax-article .subtitle{font-size: 16px; line-height: 18px; margin-bottom: 12px;} .creative-square-box .parallax-article .title{font-size: 60px; line-height: 55px; margin-bottom: 12px;} /*Desktops (>=992px)*/ @media (max-width: 1199px) { .creative-square-box .parallax-article .title{font-size: 45px; line-height: 40px;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .creative-square-box{height: 300px;} .creative-square-box .parallax-article .title{font-size: 35px; line-height: 30px;} .creative-square-box .parallax-article .subtitle{font-size: 14px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .creative-square-box{height: auto;} .creative-square-box .cell-view{display: block; width: auto; padding: 25px 0;} .swiper-slide .parallax-article .title{font-size: 55px; line-height: 50px;} } /* 11.05 - blog slider */ .block-header{text-align: center; max-width: 665px; padding: 85px 0 0 0; margin: 0 auto 45px auto;} .block-header .title{font-size: 40px; line-height: 40px; color: #2e2e2e; font-weight: 400; margin-bottom: 15px;} .block-header .description{font-size: 16px; line-height: 25px; color: #929292; font-weight: 300;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .block-header{padding-top: 40px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - TEMPLATE GRID */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12.01 - header */ .header-wrapper.style-8 header.type-1{margin-bottom: 0;} @media (min-width: 1200px) { .header-wrapper.style-8 header.type-1{padding: 0;} .header-wrapper.style-8 header.type-1 .nav-overflow{position: fixed; left: 0; top: auto; bottom: 0; width: 100%; border: none; background: #fff;} .header-wrapper.style-8 header.type-1 nav{padding: 0 60px; max-width: 100%;} .header-wrapper.style-8 header.type-1 .fixed-header-visible{display: block;} .header-wrapper.style-8 header.type-1 nav{text-align: right;} .header-wrapper.style-8 header.type-1 nav > ul{display: inline-block;} .header-wrapper.style-8 header nav>ul>li>a{font-weight: 700; line-height: 100px;} .header-wrapper.style-8 header nav>ul>li:last-child{padding-right: 0;} .header-wrapper.style-8 header .additional-header-logo{left: 60px;} .header-wrapper.style-8 header .navigation{height: auto; border: none;} .header-wrapper.style-8 header .header-top{position: fixed; left: 0; top: 0; width: 100%; background: #8ab408; border: none; height: 55px; padding-left: 20px; z-index: 1;} .header-wrapper.style-8 header .header-top-entry, body.style-8 header .header-top-entry .title a{color: #fff;} .header-wrapper.style-8 header .additional-header-logo img{max-height: 70px;} .header-wrapper.style-8 header .fixed-header-square-button{margin-top: 0;} .header-wrapper.style-8 header .header-functionality-entry{color: #fff;} .header-wrapper.style-8 header .header-functionality-entry:hover{color: #e3e3e3;} .header-wrapper.style-8 header .header-functionality-entry b{display: inline-block; vertical-align: middle; position: relative;top: -1px; color: #fff;} .header-wrapper.style-8 header .logo-wrapper{display: none;} .header-wrapper.style-8 header .header-middle{border: none;} .header-wrapper.style-8 header .header-middle .right-entries{position: absolute; top: 20px; right: 0; position: fixed; z-index: 1;} .header-wrapper.style-8 header .header-middle .open-cart-popup{position: relative; padding: 0 30px; color: #cee094;} .header-wrapper.style-8 header .header-middle .open-cart-popup *{position: relative;} .header-wrapper.style-8 header .header-middle .open-cart-popup:before{position: absolute; width: 100%; height: 55px; top: -20px; left: -1px; background: #7fa606; content: "";} .header-wrapper.style-8 .fixed-header-margin{padding: 55px 0 100px 0!important;} .header-wrapper.style-8 header .submenu{bottom: 100%; top: auto; text-align: left;} .header-wrapper.style-8 header .submenu-links-line{top: auto; bottom: 100%;} .header-wrapper.style-8 header .full-width .submenu, body.style-8 header .full-width-columns .submenu{left: auto; right: 0;} } /* 12.02 - content styles */ body.style-8 .product-slide-entry .title:hover{color: #8ab408;} body.style-8 .product-slide-entry .price .current{color: #8ab408;} body.style-8 .search-button{background: #8ab408;} body.style-8 .bubbles span{background: #8ab408;} body.style-8 .product-slide-entry:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);} body.style-8 .cart-box.popup .content .price{color: #8ab408;} body.style-8 .cart-box.popup .summary .grandtotal span{color: #8ab408;} body.style-8 .button.style-4{background: #8ab408; border-color: #8ab408;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - TEMPLATE FULLWIDTHHEADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13.01 - header */ .header-wrapper.style-9 header.type-1{margin-bottom: 30px;} .departmets-drop-down{float: left; position: relative; z-index: 1; line-height: 55px;} .departmets-drop-down .title{font-size: 14px; color: #2f2f2f; font-weight: 700; text-transform: uppercase; cursor: pointer;} .departmets-drop-down .fa{display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;} .departmets-drop-down .title .fa{display: none; width: 14px; text-align: center;} .departmets-drop-down .title .fa:first-child{display: inline-block;} .departmets-drop-down .title.active .fa{display: inline-block;} .departmets-drop-down .title.active .fa:first-child{display: none;} .departmets-drop-down .list{position: absolute; width: 100%; left: 0; top: 100%; z-index: 1; background: #fff; border: 1px #ebebeb solid; min-width: 280px; display: none;} .departmets-drop-down .list a{border-top: 1px solid var(--btn-color-one); color: #2e2e2e; display: block; font-size: 13px; line-height: 15px; margin-top: -1px; padding: 16px 20px;} .departmets-drop-down .list a:hover{color: #878787;} .departmets-drop-down .list a .fa{color: #bdbdbd; margin-right: 7px;} @media (min-width: 1200px) { .header-wrapper.style-9 header.type-1 .header-top{padding-left: 30px;} .header-wrapper.style-9 header.type-1 .header-middle{padding-left: 30px; padding-right: 30px;} .header-wrapper.style-9 header.type-1 .header-top-entry{z-index: 1;} .header-wrapper.style-9 header.type-1 .full-width .submenu, body.style-9 header.type-1 .full-width-columns .submenu{left: auto; right: 0;} .header-wrapper.style-9 header.type-1{padding: 0;} .header-wrapper.style-9 header.type-1 .navigation{position: absolute; top: 0; right: 10px; left: 0; height: 55px; border: none;} .header-wrapper.style-9 header.type-1:not(.fixed-header) nav>ul>li>a{line-height: 55px;} .header-wrapper.style-9 header.type-1:not(.fixed-header) nav>ul{float: right;} .header-wrapper.style-9 header.type-1:not(.fixed-header) nav>ul>li>a .menu-label{top: 3px;} .header-wrapper.style-9 header.fixed-header nav{max-width: 100%; padding: 0 30px;} .header-wrapper.style-9 header .additional-header-logo{left: 30px;} } /* 13.02 - footer */ .footer-wrapper.style-9 footer.type-2{background: #f7f7f7;} .footer-wrapper.style-9 footer.type-2 .footer-links a{color: #3d3d3d;} .footer-wrapper.style-9 footer.type-2 .footer-links a:hover{color: #c19f00;} .footer-wrapper.style-9 footer.type-2 .copyright a{color: #c19f00;} .footer-wrapper.style-9 footer.type-2 .copyright a:hover{color: #3d3d3d!important;} /* 13.03 - content styles */ body.style-9 .search-button, .header-wrapper.style-9 .search-button{background: #e4bc00;} body.style-9 .block-title{font-size: 16px;} body.style-9 .swiper-tabs .block-title:before{background: #e0ba06;} body.style-9 .product-slide-entry .title:hover{color: #e4bc00;} body.style-9 .price .current{color: #e4bc00;} body.style-9 .bubbles span{background: #c19f00;} body.style-9 .list-type-1 a:hover{color: #c19f00;} body.style-9 .list-type-1 li .fa{color: #e0ba06;} body.style-9 .swiper-active-switch{background: #e0ba06; border-color: #e0ba06;} body.style-9 .cart-box.popup .content .price{color: #e4bc00;} body.style-9 .cart-box.popup .summary .grandtotal span{color: #e4bc00;} body.style-9 .button.style-4{background: #e4bc00; border-color: #e4bc00;} /* 13.04 - promo banner */ .promo-banner-box{position: relative; background-size: cover; background-position: right top; height: 400px; margin-bottom: 30px; display: block;} .promo-banner-box:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-color: inherit; content: "";} body:not(.mobile) .promo-banner-box:hover:before{opacity: 0.8;} .promo-banner-box .promo-text{position: absolute; left: 15px; right: 15px; bottom: 30px; font-family: 'Lato', sans-serif; text-transform: uppercase;} body:not(.mobile) .promo-banner-box:hover .promo-text{bottom: 50%; transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%);} .promo-banner-box .promo-text .title{font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; display: block;} body:not(.mobile) .promo-banner-box:hover .promo-text .description{margin-bottom: 5px;} .promo-banner-box .promo-text .detail-link{font-size: 14px; line-height: 17px; color: #fff; font-weight: 400; display: inline-block; border-bottom: 1px #fff solid;} body:not(.mobile) .promo-banner-box .promo-text .detail-link:hover, body:not(.mobile) .promo-banner-box:hover .promo-text .detail-link{border-color: transparent;} .custom-col-1, .custom-col-2, .custom-col-3, .custom-col-4, .custom-col-5{padding: 0 15px; float: left; position: relative;} .custom-col-1{width: 26%;} .custom-col-2{width: 22%;} .custom-col-3{width: 78%; left: -22%;} .custom-col-4{width: 22%; left: 78%;} .custom-col-5{width: 100%;} @media (max-width: 1500px) { .custom-col-1{width: 25%;} .custom-col-2{width: 25%;} .custom-col-3{width: 75%; left: -25%;} .custom-col-4{width: 25%; left: 75%;} .promo-banner-box{height: auto; padding-bottom: 100%;} .promo-banner-box .promo-text .description{font-size: 45px; line-height: 40px; letter-spacing: -2px;} } /*Desktops (>=992px)*/ @media (max-width: 1199px) { .promo-banner-box .promo-text .description{font-size: 35px; line-height: 32px; letter-spacing: -1px;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .custom-col-1{width: 50%;} .custom-col-2{width: 50%;} .custom-col-3{width: 100%; left: 0;} .custom-col-4{width: 100%; left: 0;} .custom-col-5{width: 50%;} .promo-banner-box .promo-text .description{font-size: 60px; line-height: 55px; letter-spacing: -3px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .promo-banner-box .promo-text .description{font-size: 35px; line-height: 32px; letter-spacing: -1px;} } /*Phones (<768px)*/ @media (max-width: 450px) { .custom-col-1, .custom-col-2, .custom-col-5{width: 100%;} .custom-col-3:last-child{left: 0%;} .custom-col-2:first-child{left: 0%;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - TEMPLATE PRODUCTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14.01 - header */ .header-product{display: table; width: 100%;} .header-product .logo-wrapper{padding: 10px 0; width: 250px;} .product-header-message{display: table-cell; vertical-align: middle; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center;} .product-header-content{display: table-cell; vertical-align: middle; text-align: right; width: 450px;} .product-header-content .line-entry{display: inline-block; vertical-align: bottom;} header .line-entry{white-space: nowrap;} .product-header-content .middle-line{height: 1px; background: #ebebeb;} .header-wrapper.style-10 .line-entry:last-child{padding-top: 20px; padding-bottom: 20px;} .header-wrapper.style-10 .header-top-entry:last-child .title{padding-right: 0;} @media (min-width: 1200px) { .header-wrapper.style-10 header:not(.fixed-header) nav>ul>li>a{color: #fff;} .header-wrapper.style-10 nav>ul>li>.fa{color: #979797;} .header-wrapper.style-10 .navigation{border: none;} .header-wrapper.style-10 header:not(.fixed-header) .nav-overflow{background: #323232; border: none;} .header-wrapper.style-10 .nav-overflow:before{content: ""; width: 100000px; left: 50%; margin-left: -50000px; position: absolute; top: 0; height: 100%; background: inherit;} } /*Desktops (>=992px)*/ @media (max-width: 1199px) { .header-wrapper.style-10 header{padding-top: 55px!important;} .product-header-message{display: none;} .product-header-content .line-entry:first-child{position: absolute; left: 30px; right: 30px; top: 0; border-bottom: 1px solid #f0f0f0;} .header-wrapper.style-10 .header-top-entry .title{border: none; padding-left: 0;} .increase-icon-responsive span{display: none;} .product-header-content{width: 400px;} .header-product .logo-wrapper{width: 400px;} .product-header-content .middle-line{display: none;} } /*Phones (<768px)*/ @media (max-width: 767px) { .product-header-content .line-entry:first-child{left: 15px; right: 15px;} } /* 14.02 - footer */ .footer-wrapper.style-10 footer{background: #fafafa; padding-top: 30px;} .footer-wrapper.style-10 footer:before{content: ""; width: 100000px; left: 50%; margin-left: -50000px; position: absolute; top: 0; height: 100%; background: inherit;} .footer-wrapper.style-10 .footer-columns-entry{background: #fff; margin: 0 -50px 0 -50px; padding-left: 50px; padding-right: 50px; border: none;} .footer-wrapper.style-10 .footer-address a b{color: #ca1515;} .footer-wrapper.style-10 .copyright a{color: #ca1515;} .footer-wrapper.style-10 .footer-links a:hover{color: #ca1515;} .footer-wrapper.style-10 .footer-columns-entry .column a:hover{color: #ca1515;} /* 14.03 - content styles */ body.style-10 .bubbles span{background: #ca1515;} body.style-10 .inline-product-entry .title:hover{color: #ca1515!important;} body.style-10 .price .current{color: #ca1515;} body.style-10 .inline-product-entry .image:hover{border-color: #ca1515;} body.style-10 .product-slide-entry{text-align: center;} body.style-10 .swiper-tabs .block-title:before{background: #ca1515;} body.style-10 .swiper-active-switch{background: #ca1515; border-color: #ca1515;} body.style-10 .hover-class-1:after{background: #2e2e2e;} body.style-10 .sidebar-column .block-title{font-size: 18px;} body.style-10 .sidebar-column .inline-product-entry .image{width: 70px;} body.style-10 .sidebar-column .inline-product-entry .content{margin-left: 85px;} body.style-10 .sidebar-column .inline-product-entry .content .cell-view{height: 70px;} body.style-10 .sidebar-column .inline-product-entry .title{line-height: 22px; color: #2e2e2e; font-weight: 600;} .inline-product-entry .description{font-size: 13px; line-height: 15px; color: #a3a2a2; font-weight: 400;} body.style-10 .product-slide-entry .title:hover{color: #ca1515;} body.style-10 .sale-entry .sale-price span{color: #ca1515;} body.style-10 a.sale-entry:before{background: rgba(202,21,21,0.7);} body.style-10 .search-button{background: #ca1515;} body.style-10 .styled-form .submit-wrapper{background: #ca1515;} body.style-10 .sidebar-navigation .title{background: #ca1515;} body.style-10 .sidebar-navigation{border-color: #ca1515;} body.style-10 .sidebar-navigation .entry:before{background: #ca1515;} body.style-10 .read-more:hover{color: #ca1515;} body.style-10 .list-type-1 a:hover{color: #ca1515;} body.style-10 .product-slide-entry .subtitle:hover{color: #ca1515;} .header-wrapper.style-10 .header-top-entry.increase-icon-responsive.open-search-popup .title{border-left: none;} @media (max-width: 1199px){ body.style-10 .search-box.popup::before{right: auto; left: 0;} } @media (max-width: 1199px) and (min-width: 768px){ body.style-10 .search-box.popup{right: auto!important; left: 30px!important;} } @media (max-width: 767px) and (min-width: 480px){ body.style-10 .search-box.popup{right: auto!important; left: 15px!important;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - PRODUCTS DETAIL BOX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*preview box*/ .product-preview-box{max-width: 570px;} .product-preview-box .pagination{display: none;} .product-preview-box .swiper-slide img{display: block; width: 100%; height: auto;} .product-zoom-container{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: none; opacity: 0;} .product-zoom-container.visible{display: block;} .product-zoom-container .move-box{position: absolute; width: 300%; left: 0; top: 0;} .product-zoom-container .default-image{display: block; width: 100%; height: auto;} .product-zoom-container .zoomed-image{position: absolute; left: 0; top: 0; width: 100%; height: auto;} .product-zoom-container .zoom-area{position: absolute; left: 0; top: 0; width: 35%; height: 35%; border: 3px rgba(255,255,255,0.4) solid;} .product-preview-swiper{margin-bottom: 15px;} .swiper-hidden-edges{overflow: hidden;} .product-thumbnails-swiper{margin-left: -8px; margin-right: -8px;} .product-thumbnails-swiper .paddings-container{padding: 0 8px;} .product-thumbnails-swiper .swiper-slide{cursor: pointer;} .product-thumbnails-swiper .swiper-slide.selected .paddings-container{opacity: 0.5;} /*breadcrumb*/ .breadcrumb-box{font-size: 0; margin-bottom: 25px;} .breadcrumb-box a{display: inline-block; font-size: 13px; color: #696969; line-height: 16px; margin-right: 7px; padding: 7px 0;} .breadcrumb-box a:after{content: "\f105"; font-family: FontAwesome; display: inline-block; margin-left: 7px;} .breadcrumb-box a:last-child:after{display: none;} .breadcrumb-box a:hover{color: #2e2e2e;} .breadcrumb-entry{padding: 40px 0; background-position: center center; background-repeat: no-repeat; border-top: 1px #eee solid; border-bottom: 1px #eee solid; text-align: center; background-size: cover;} .breadcrumb-entry.align-left{text-align: left;} .breadcrumb-entry.align-right{text-align: right;} .breadcrumb-entry .breadcrumb-title.style-1{font-size: 36px; line-height: 36px; color: #312926; font-weight: 400; letter-spacing: -1px;} .breadcrumb-entry .breadcrumb-title.style-2{font-size: 26px; line-height: 26px; text-transform: uppercase; font-weight: 600;} .breadcrumb-entry .breadcrumb-title.dark{color: #312926;} .breadcrumb-entry .breadcrumb-title.light{color: #fff;} .breadcrumb-box.light a{color: rgba(255, 255, 255, 0.5);} .breadcrumb-box.light a:hover{color: rgba(255, 255, 255, 1);} /*product information*/ .product-detail-box{margin-bottom: 40px;} .product-detail-box .product-title{font-size: 30px; line-height: 34px; margin-bottom: 14px; color: #3d3d3d; font-weight: 400;} .product-detail-box .product-subtitle{font-size: 14px; line-height: 18px; margin-bottom: 14px; color: #949494; font-weight: 400;} .product-detail-box .rating-box{padding: 8px 0; margin-bottom: 15px;} .product-detail-box .rating-box .star{color: #313131;} .product-detail-box .rating-box .rating-number{font-size: 14px; color: #ca1515; line-height: 14px; font-weight: 500; display: inline-block; margin-left: 10px;} .product-description{font-size: 14px; line-height: 24px; color: #808080; font-weight: 300;} .detail-info-entry{margin-bottom: 25px;} .detail-info-entry-title{font-size: 14px; color: #313131; line-height: 18px; font-weight: 600; margin-bottom: 7px;} .product-detail-box .price{line-height: 36px; font-family: 'Lato', sans-serif; letter-spacing: -2px;} .product-detail-box .price .prev{font-size: 25px; color: #9c9c9c; font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 7px;} .product-detail-box .price .current{font-size: 36px; color: var(--paragraph-color-three)!important; font-weight: 700; display: inline-block; vertical-align: middle;} .size-selector{font-size: 0;} .size-selector .spacer{height: 0; margin-top: -12px;} .size-selector .entry{display: inline-block; width: 40px; height: 40px; line-height: 37px; border: 1px #d9d9d9 solid; text-align: center; font-size: 12px; color: #4c4c4c; font-weight: 500; margin-right: 12px; position: relative; text-transform: uppercase; cursor: pointer; margin-bottom: 12px;} .size-selector .entry:after{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 3px #d9d9d9 solid; content: ""; opacity: 0;} .size-selector .entry.active:after{opacity: 1; border: 3px var(--paragraph-color-three) solid;} .size-selector .entry:hover:after{opacity: 1;} .color-selector{font-size: 0;} .color-selector .spacer{height: 0; margin-top: -12px;} .color-selector .entry{width: 37px; height: 37px; display: inline-block; margin-right: 12px; cursor: pointer; position: relative; margin-bottom: 12px; line-height: 35px;} .color-selector .entry:after{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 3px #d9d9d9 solid; content: ""; opacity: 0;} .color-selector .entry.active:after{opacity: 1; border: 3px var(--paragraph-color-three) solid;} .color-selector .entry:hover:after{opacity: 1;} .color-selector .entry:before{opacity: 0; border: 1px #fff solid; left: 2px; top: 2px; right: 2px; bottom: 2px; content: ""; position: absolute;} .color-selector .entry.active:before{opacity: 1;} .color-selector .entry:hover:before{opacity: 1;} .quantity-selector{font-size: 0;} .quantity-selector .button{margin-right: 20px;} .quantity-selector .entry{border: 1px #d1d1d1 solid; height: 37px; line-height: 35px; width: 37px; margin-left: -1px; display: inline-block; cursor: pointer; position: relative; font-size: 12px; color: #4c4c4c; text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none;} .quantity-selector .entry.number-minus:before, .quantity-selector .entry.number-plus:before{content: ""; width: 11px; height: 1px; background: #4d4d4d; left: 50%; margin-left: -5.5px; top: 50%; margin-top: -0.5px; position: absolute;} .quantity-selector .entry.number-plus:after{content: ""; height: 11px; width: 1px; background: #4d4d4d; left: 50%; margin-left: -0.5px; top: 50%; margin-top: -5.5px; position: absolute;} .quantity-selector .entry.number{cursor: default; width: 44px; padding: 0 5px; width: auto; min-width: 44px;} .quantity-selector .entry.number-minus:hover, .quantity-selector .entry.number-plus:hover{background: #ca1515;} .quantity-selector .entry.number-minus{ margin-left: 0; } .quantity-selector .entry:hover:before, .quantity-selector .entry:hover:after{background: #fff!important;} .quantity-selector .entry.number-minus:active, .quantity-selector .entry.number-plus:active{background: #f71414;} .tags-selector{font-size: 13px; line-height: 18px; color: #808080; font-weight: 300;} .tags-selector .detail-info-entry-title{display: inline-block; text-transform: uppercase; position: relative; top: 1px;} .tags-selector a{color: #808080;} .tags-selector a:hover{text-decoration: underline;} .share-box{border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; padding: 12px 0; position: relative;} .share-box:after{width: 100%; height: 0; clear: both; display: block; content: "";} .share-box .title{font-size: 14px; color: #808080; font-weight: 300; line-height: 30px; float: left;} .share-box .socials-box{float: right;} .share-box .socials-box a{margin: 0;} .product-detail-box .button.style-10, .product-detail-box .button.style-11{float: left; width: 50%; padding-left: 10px; padding-right: 10px;} @media (min-width: 767px) { .product-detail-box .button.style-10, .product-detail-box .button.style-11{max-width: 187px;} } .product-sidebar .products-list{padding: 30px 30px 15px 30px; border: 1px #f0f0f0 solid;} .product-sidebar .block-title{font-size: 18px;} .product-sidebar .inline-product-entry:last-child{border-bottom: none;} .production-logo{text-align: center; margin-bottom: 30px; padding-bottom: 15px;} .production-logo .background{background: #fafafa; margin-bottom: 15px; padding: 45px 25px 30px 25px;} .production-logo .logo{padding-bottom: 15px; border-bottom: 2px #e6e6e6 solid; margin-bottom: 12px;} .production-logo .logo img{max-width: 100%; height: auto; display: inline-block;} .production-logo a{font-size: 12px; line-height: 14px; color: #ca1515; font-weight: 600;} .production-logo a:hover{color: #808080;} /* Tablets (>=768px)*/ @media (max-width: 991px) { } /*Phones (<768px)*/ @media (max-width: 767px) { .product-detail-box .button{float: none!important; width: auto!important; display: block!important;} .share-box .title, .share-box .socials-box{float: none; text-align: center;} } /*product tabs*/ .tabs-container.style-1 .swiper-tabs{font-size: 0;} .tabs-container.style-1 .tab-switcher{font-weight: 600; font-size: 13px; line-height: 13px; color: var(--paragraph-color-three); padding: 15px 20px; border: 1px #e6e6e6 solid; display: inline-block; margin-right: 14px; text-transform: uppercase;} .tabs-container.style-1 .tab-switcher.active{background: #ca1515; color: #fff; border-color: #ca1515;} .tabs-container.style-1 .swiper-tabs:before{bottom: 0;} .tabs-container.style-1 .tabs-entry{padding: 55px; border: 1px #e6e6e6 solid; border-top: none;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .tabs-container.style-1 .tabs-entry{padding: 25px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .tabs-container.style-1 .tabs-entry{padding: 15px;} .tabs-container.style-1 .tab-switcher{display: block; margin: -1px 0 0 0;} .tabs-container.style-1 .swiper-tabs{margin-bottom: 0;} } /*accordeon*/ .accordeon{margin-bottom: 40px;} .accordeon-title{font-size: 13px; line-height: 18px; padding: 15px 0 15px 0; color: var(--paragraph-color-three); text-transform: uppercase; font-weight: 600; border-top: 1px #ebebeb solid; cursor: pointer; padding-right: 15px; position: relative;} .accordeon-title:hover{color: #808080;} .accordeon-title .number{display: inline-block; width: 40px; line-height: 40px; background: var(--btn-color-one); text-align: center; font-size: 18px; color: var(--paragraph-color-three); font-weight: 600; margin-right: 18px;} .inline-label{font-size: 11px; color: #fff; line-height: 19px; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; padding: 0 10px; background: #d14242; position: relative; margin-top: -2px; margin-left: 7px;} .inline-label.red{background: #d14242;} .inline-label.green{background: #aac840;} .accordeon-title:after{content: "\f107"; position: absolute; height: 50px; line-height: 50px; top: 0; right: 0; font-size: 13px; color: var(--paragraph-color-three); font-family: FontAwesome;} .accordeon-title.active:after{content: "\f106";} .accordeon-entry{padding: 0 0 20px 0; display: none;} .accordeon.size-1 .accordeon-title{font-size: 16px; line-height: 40px; text-transform: none; padding: 13px 0; border-bottom: 1px #ebebeb solid; margin-top: -1px;} .accordeon.size-1 .accordeon-title:after{line-height: 66px;} .accordeon.size-1 .accordeon-entry{padding: 30px 0 55px 0;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - CONTACT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .map-box{position: relative; margin-top: -25px; margin-bottom: 55px;} .map-box.type-1{height: 450px; width: 100vw; left: 50%; margin-left: -50vw;} .map-box.type-2{height: 450px; margin-top: 0;} .map-box.type-3{height: 970px; margin-top: 0; margin-bottom: 20px;} #map-canvas{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .block-title.main-heading{font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px;} label{font-size: 13px; line-height: 14px; color: #313131; font-weight: 600; display: block; margin-bottom: 7px; padding-top: 5px;} label span{color: #eb0101; font-size: 30px; line-height: 14px; display: inline-block; position: relative; vertical-align: bottom;} .simple-field{margin-bottom: 25px; width: 100%; border: 1px #e6e6e6 solid; font-size: 13px; line-height: 43px; color: #313131; height: 45px; padding: 0 20px; font-weight: 400;} input.simple-field:hover, textarea.simple-field:hover, input.simple-field:focus, textarea.simple-field:focus{background: #f7f7f7;} .simple-field.size-1{height: 35px; line-height: 33px; margin-bottom: 12px; padding: 0 10px;} textarea.simple-field{margin-bottom: 20px; line-height: 19px; padding-top: 14px; padding-bottom: 14px; height: 199px;} textarea.simple-field.size-1{height: 138px;} .simple-drop-down.simple-field{width: auto; border: none; padding: 0;} .simple-drop-down.simple-field:after{width: 45px; height: 45px; line-height: 45px;} .simple-drop-down.simple-field.size-1:after{width: 35px; height: 35px; line-height: 35px;} .simple-drop-down.simple-field select{height: 45px; line-height: 43px; padding: 0 65px 0 20px;} select{background: #fff!important;} .simple-drop-down.simple-field.size-1 select{height: 35px; line-height: 33px; padding: 0 45px 0 10px;} .simple-field::-webkit-input-placeholder { color: #808080; opacity: 1;} .simple-field::-moz-placeholder { color: #808080; opacity: 1;} /* firefox 19+ */ .simple-field:-ms-input-placeholder { color: #808080; opacity: 1;} /* ie */ .simple-field:-moz-placeholder { color: #808080; opacity: 1;} .button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} .map-overlay-info{height: 360px; width: 350px; padding: 0 40px; overflow: hidden; margin-top: -460px; float: right; position: relative; background: rgba(255, 255, 255, 0.9); margin-right: 45px;} .map-overlay-info .cell-view{height: 360px;} .contact-spacer{height: 15px;} /*Desktops (>=992px)*/ @media (max-width: 1199px) { } /* Tablets (>=768px)*/ @media (max-width: 991px) { .map-box.type-1{left: auto; margin-left: 0; width: auto;} .map-overlay-info{height: auto; width: auto; padding: 0; margin: 0 0 20px 0; float: none; top: -15px;} .map-overlay-info .cell-view{height: auto; display: block;} .contact-spacer{display: none;} } /*Phones (<768px)*/ @media (max-width: 767px) { .map-box.type-1, .map-box.type-2, .map-box.type-3{height: 200px; margin-top: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - LOGIN */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .login-box{background: #fcfcfc; border: 1px #ebebeb solid; padding: 50px 55px; min-height: 470px;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .login-box{padding: 20px 25px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .login-box{min-height: 0; padding: 25px;} .login-box .button{display: block; padding-left: 10px; padding-right: 10px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 18 - BLOG */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .blog-landing-box{position: relative;} .blog-landing-box:after{content: ""; width: 100%; display: block; height: 0; clear: both;} @media (min-width: 992px) { .blog-landing-box.type-1 .hover-class-1 .hover-label, .blog-landing-box.type-2 .hover-class-1 .hover-label{font-size: 22px; line-height: 22px;} } .blog-entry{padding-bottom: 45px; border-bottom: 1px #ebebeb solid; margin-bottom: 45px;} .blog-entry:last-child{border: none;} .blog-entry:after{content: ""; width: 100%; height: 0; clear: both; display: block;} .blog-entry .image{position: relative; display: block; overflow: hidden; margin-bottom: 45px;} .blog-entry .image img{display: block; width: 100%; height: auto;} .blog-entry .image:hover img{transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);} .blog-entry .title{font-size: 28px; color: #2e2e2e; font-weight: 500; line-height: 30px; display: block; margin-bottom: 15px;} .blog-entry a.title:hover{color: #d14242;} .blog-entry .subtitle{font-size: 14px; line-height: 24px; margin-bottom: 12px; color: #808080; font-weight: 300;} .blog-entry .subtitle a{color: #434343; font-weight: 500;} .blog-entry .subtitle a:hover{color: #d14242;} .blog-entry .subtitle a b{color: #d14242; font-weight: 600;} .blog-entry .subtitle a:hover b{color: #434343;} .blog-entry .date{float: left; width: 70px; text-align: center; background: #f7f7f7; font-size: 30px; font-weight: 500; color: #2e2e2e; line-height: 70px;} .blog-entry .date span{display: block; background: #d14242; font-size: 13px; color: #fff; font-weight: 600; color: #fff; line-height: 25px; text-transform: uppercase;} .blog-entry .content{margin-left: 100px;} .blog-entry .description{font-size: 14px; line-height: 24px; margin-bottom: 12px; color: #808080; font-weight: 300; margin-bottom: 15px;} .blog-entry .readmore{font-size: 14px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; line-height: 16px; border-bottom: 2px #2e2e2e solid; display: inline-block;} .blog-entry .readmore:hover{color: #d14242; border-color: #d14242;} .page-selector{padding: 15px 0 0 0; border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; font-size: 0; margin-bottom: 30px;} .page-selector .description{float: left; font-size: 13px; line-height: 30px; font-weight: 400; color: #808080; margin-bottom: 15px;} .page-selector .pages-box{float: right;} .square-button{width: 28px; line-height: 28px; border: 1px #e3e3e3 solid; display: inline-block; font-size: 12px; color: #666666; font-weight: 500; text-align: center;} .square-button:hover, .square-button.active{background: #cd0000; border-color: #cd0000; color: #fff;} .page-selector .square-button{margin-right: 4px; margin-bottom: 15px;} .page-selector .square-button:last-child{margin-right: 0;} .page-selector .divider{display: inline-block; font-size: 18px; line-height: 18px; vertical-align: bottom; margin-right: 4px; margin-bottom: 15px;} .tags-box{font-size: 0;} .tags-box a{display: inline-block; margin: 0 10px 10px 0; line-height: 30px; padding: 0 15px; font-size: 13px; color: #7e7e7e; font-weight: 500; background: var(--btn-color-one);} .tags-box a:hover{color: #fff; background: #d14242;} .blog-sidebar .information-blocks{margin-bottom: 50px;} .categories-list{} .categories-list ul{} .categories-list ul li{border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; margin-top: -1px;} .categories-list ul li a{position: relative; font-size: 13px; color: var(--btn-color-two); font-weight: 500; line-height: 17px; padding: 15px 40px 15px 0; display: block;} .categories-list ul li a:hover{color: #d14242;} .categories-list ul li a span{position: absolute; line-height: 47px; top: 0; right: 0; font-weight: 600; color: #828282;} .blog-sidebar .inline-product-entry .title{font-size: 15px; line-height: 22px; font-weight: 600;} .blog-sidebar .inline-product-entry .image{width: 70px;} .blog-sidebar .inline-product-entry .content{margin-left: 90px;} @media (max-width: 991px) { .blog-sidebar{padding-top: 25px;} } @media (max-width: 767px) { .page-selector{margin-left: 0!important;} } /*blog timeline*/ .blog-landing-box.type-2{overflow: hidden;} .blog-landing-box.type-2 .blog-entry{margin-left: 100px; position: relative;} .blog-landing-box.type-2 .date{position: absolute; left: -100px; top: 0; z-index: 1;} .blog-landing-box.type-2 .date:before{content: ""; width: 1px; background: #ebebeb; height: 1000px; left: 50%; top: 95px; position: absolute;} .blog-landing-box.type-2 .blog-entry:last-child .date:after{content: ""; width: 1px; background: #fff; height: 1000px; left: 50%; top: 95px; position: absolute;} .blog-landing-box.type-2 .blog-entry .content{margin-left: 0;} @media (max-width: 480px) { .blog-landing-box.type-2 .date{left: 0;} .blog-landing-box.type-2 .date:before{display: none;} } /*blog list*/ @media (min-width: 768px) { .blog-landing-box.type-3 .blog-entry .image{float: left; width: 270px; margin-bottom: 0;} .blog-landing-box.type-3 .blog-entry .date{width: 45px; line-height: 45px; font-size: 24px; margin-left: 30px;} .blog-landing-box.type-3 .blog-entry .date span{font-size: 9px; line-height: 16px;} .blog-landing-box.type-3 .blog-entry .content{margin-left: 370px;} .blog-landing-box.type-3 .blog-entry .title{font-size: 22px; line-height: 24px; margin-bottom: 3px; padding-top: 7px;} .blog-landing-box.type-3 .blog-entry .description{margin-left: -70px; padding-top: 7px;} .blog-landing-box.type-3 .blog-entry .readmore{margin-left: -70px;} } /*blog grid*/ @media (min-width: 768px) { .blog-landing-box.type-4 .blog-entry{float: left; width: 33.3333333%; padding-left: 15px; padding-right: 15px; border: none; padding-bottom: 0; margin-bottom: 55px;} .blog-landing-box.type-4 .blog-entry:nth-child(3n+1){clear: both;} .blog-landing-box.type-4{margin-left: -15px; margin-right: -15px;} .blog-landing-box.type-4.columns-3 .blog-entry .date{width: 45px; line-height: 45px; font-size: 24px;} .blog-landing-box.type-4.columns-3 .blog-entry .date span{font-size: 9px; line-height: 16px;} .blog-landing-box.type-4.columns-3 .blog-entry .content{margin-left: 70px;} .blog-landing-box.type-4.columns-3 .blog-entry .image{margin-bottom: 25px;} .blog-landing-box.type-4.columns-3 .blog-entry .title{font-size: 20px; line-height: 24px;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { #content-block .blog-landing-box.type-4 .blog-entry .date{position: relative; float: none; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 14px; width: auto; background: none; text-align: left;} .blog-landing-box.type-4 .blog-entry .date span{background: inherit; color: inherit; font-size: inherit; line-height: inherit; display: inline-block;} .blog-landing-box.type-4 .blog-entry .content{margin-left: 0!important;} } /*blog big grid*/ @media (min-width: 768px) { .blog-landing-box.type-4.columns-2 .blog-entry{width: 50%;} .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(3n+1){clear: none;} .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1){clear: both;} .blog-landing-box.type-4.columns-2 .blog-entry .image{margin-bottom: 40px;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .blog-sidebar .information-blocks{margin-bottom: 40px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .blog-entry{margin-bottom: 30px; padding-bottom: 30px;} .blog-entry .image{margin-bottom: 30px;} } @media only screen and (max-width:480px){ .blog-entry{margin-left: 0!important;} #content-block .blog-entry .date{position: relative; float: none; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 14px; width: auto; background: none; text-align: left;} .blog-entry .date span{background: inherit; color: inherit; font-size: inherit; line-height: inherit; display: inline-block;} .blog-entry .content{margin-left: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - DETAIL POST */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .detail-post .blog-entry .content{margin-left: 0;} .detail-post-tags{font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 25px; margin-top: -10px;} .detail-post-tags a{color: #808080;} .detail-post-tags a:hover{text-decoration: underline;} .detail-post-tags b{color: var(--paragraph-color-three); font-weight: 600;} .comment{margin-bottom: 30px;} .comment:after{content: ""; width: 100%; height: 0; clear: both; display: block;} .comment-image{width: 100px; float: left; position: relative;} .comment-image:after{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 1px transparent solid;} .comment-image:hover:after{border-color: #ca1515;} .comment-image img{width: 100%; height: auto; display: block;} .comment-content{margin-left: 140px; padding-top: 7px;} .comment-title{font-size: 13px; color: #808080; line-height: 22px; font-weight: 300; margin-bottom: 12px;} .comment-title span{font-size: 17px; font-weight: 600; color: var(--paragraph-color-three);} .comment-text{font-size: 14px; line-height: 24px; color: #808080; font-weight: 300;} .additional-blog-title{font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 600; margin-bottom: 30px;} /*Phones (<768px)*/ @media (max-width: 767px) { .comment-image{margin-right: 15px;} .comment-content{margin-left: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - ERROR PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .container-404{text-align: center; max-width: 630px; margin: 0 auto; padding: 100px 30px;} .container-404 .title{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 300px; line-height: 300px; color: #343434; letter-spacing: -25px;} .container-404 .description{font-size: 70px; line-height: 100px; color: #343434; font-weight: 300; margin-bottom: 5px;} .container-404 .text{font-weight: 400; color: #808080; font-size: 14px; line-height: 24px;} .container-404 .text a{font-weight: 600; color: #ca1515; text-decoration: underline;} .container-404 .text a:hover{color: #343434;} /*Phones (<768px)*/ @media (max-width: 767px) { .container-404{padding: 25px 15px;} .container-404 .title{font-size: 100px; line-height: 100px; letter-spacing: -7px; margin-bottom: 10px;} .container-404 .description{font-size: 43px; line-height: 43px; margin-bottom: 10px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 21 - PORTFOLIO */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .portfolio-container{position: relative;} .portfolio-navigation{font-size: 0; text-align: center; margin-bottom: 36px; padding-top: 32px; border-top: 1px #ebebeb solid; position: relative; z-index: 2;} .portfolio-navigation a{line-height: 33px; border: 1px #e3e3e3 solid; display: inline-block; font-size: 12px; font-weight: 500; color: #666666; padding: 0 20px; margin: 0 4px 8px 4px;} .portfolio-navigation a:hover, .portfolio-navigation a.active{background: #cd0000; border-color: #cd0000; color: #fff;} .portfolio-entry{margin-bottom: 45px; position: relative;} .portfolio-entry .image{overflow: hidden; position: relative; display: block; margin-bottom: 20px;} .portfolio-entry .image img{display: block; position: relative; width: 100%;} .portfolio-entry.active .image img{transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);} .portfolio-entry .title{font-size: 24px; color: #2e2e2e; line-height: 32px; font-weight: 500; margin-bottom: 10px; display: block;} .portfolio-entry a.title:hover{color: #d14242;} .portfolio-entry .subtitle{font-size: 14px; line-height: 24px; color: #808080; font-weight: 300; margin-bottom: 10px;} .portfolio-entry .subtitle:after{content: ""; display: block; clear: both;} .portfolio-entry .subtitle a{color: #808080;} .portfolio-entry .subtitle a:hover{text-decoration: underline;} .portfolio-entry .subtitle .comments-number{color: #d53737; float: right;} .portfolio-entry .description{font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 20px;} .portfolio-entry .readmore{font-size: 14px; color: #2e2e2e; line-height: 18px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-left: 20px; text-decoration: underline;} @media (max-width: 767px) { .portfolio-navigation a{display: block; margin: -1px 0 0 0; line-height: 40px;} } /*portfolio simple*/ .portfolio-container.type-2 .portfolio-entry{margin-bottom: 30px;} .hover-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; opacity: 0;} .portfolio-entry.active .image .hover-layer{opacity: 1; background-color: rgba(0,0,0,0.5)!important;} .hover-layer .info{position: absolute; left: 15px; right: 15px; top: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} .portfolio-entry.active .image .hover-layer .info{top: 50%;} .hover-layer .info .title{font-size: 24px; line-height: 24px; color: #fff; font-weight: 500; margin-bottom: 0;} .hover-layer .info .subtitle{font-size: 14px; line-height: 24px; color: #fff; font-weight: 300;} .hover-layer .info .subtitle a{color: #fff;} .hover-layer .info .subtitle a:hover{text-decoration: underline;} .hover-layer .actions{text-align: center; text-align: center;} .action-button{display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: rgba(0,0,0,0.2); color: #fff; margin: 0 3px;} .action-button:hover{background: #cd0000;} /*portfolio custom*/ .image .title-info{position: absolute; left: 20px; right: 20px; bottom: -30px;} .portfolio-entry.active .image .title-info{bottom: 25px;} .image .title-info .actions{opacity: 0;} .portfolio-entry.active .image .title-info .actions{opacity: 1;} .image .title-info .title, .image .title-info .subtitle, .image .title-info .subtitle a{color: #fff;} .image .title-info .title{margin-bottom: 0;} .portfolio-container.type-3 .portfolio-entry .description{margin-left: 20px; margin-right: 20px;} .portfolio-container.type-3 .hover-layer{background: -webkit-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%); background: -moz-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%); background: -o-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%); background: -ms-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%); background: linear-gradient(to top, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%); opacity: 1;} /*portfolio simple fullwidth*/ .portfolio-container .wide-container{width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative;} .portfolio-container .wide-container .portfolio-entry, .portfolio-container .wide-container .grid-sizer{padding: 0; margin-bottom: 0; float: left;} .portfolio-container .wide-container:after{width: 100%; height: 0; clear: both; display: block; content: "";} /*Desktops (>=1200px)*/ @media (min-width: 1200px) { .portfolio-container .wide-container .portfolio-entry{width: 25%;} } @media (min-width: 1600px) { .portfolio-container .wide-container .portfolio-entry{width: 20%;} } /*Desktops (>=992px)*/ @media (max-width: 1199px) { .portfolio-container .wide-container .portfolio-entry{width: 25%;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .portfolio-container .wide-container .portfolio-entry{width: 33.3333333333%;} } /*Phones (<768px)*/ @media (max-width: 767px) { .portfolio-container .wide-container .portfolio-entry{width: 50%;} } @media only screen and (min-width:480px) and (max-width:767px){ .blog-landing-box.type-4.columns-2 .blog-entry, .blog-landing-box.type-4.columns-3 .blog-entry{ width: 50%; float: left; border-bottom: none; padding: 0 15px; } .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1), .blog-landing-box.type-4.columns-3 .blog-entry:nth-child(2n+1){ clear: both; } } @media (max-width: 500px) { .portfolio-container .wide-container .portfolio-entry{width: 100%;} } /*portfolio custom fullwidth*/ .portfolio-container .wide-container .image{margin-bottom: 0;} .portfolio-drop-down{position: absolute; width: 100%; top: 100%; left: 0; background: #323232; padding: 30px 45px; transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; transform: perspective(1000px) rotateX(180deg); -webkit-transform: perspective(1000px) rotateX(180deg); -moz-transform: perspective(1000px) rotateX(180deg); -ms-transform: perspective(1000px) rotateX(180deg); opacity: 0;} .portfolio-entry.active .portfolio-drop-down{transform: perspective(1000px) rotateX(0deg); -webkit-transform: perspective(1000px) rotateX(0deg); -moz-transform: perspective(1000px) rotateX(0deg); -ms-transform: perspective(1000px) rotateX(0deg); opacity: 1;} .portfolio-container .wide-container .portfolio-entry.active{z-index: 1;} .portfolio-drop-down .title{color: #fff;} .portfolio-drop-down .subtitle, .portfolio-drop-down .subtitle a{color: #bcbcbc;} .portfolio-drop-down .description{color: #808080;} .portfolio-container .hover-layer{} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 22 - PROJECT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .project-thumbnail{width: 100%; height: auto; display: block; margin-bottom: 40px;} .share-box .title b{font-weight: 500; color: #2e2e2e;} .detail-info-lines .share-box{margin-top: -1px;} .detail-info-lines .share-box:last-child{border-bottom: none;} .detail-info-lines.border-box{border: 10px #f5f5f5 solid; padding: 10px 30px;} .detail-info-lines.border-box .share-box:first-child{border-top: none;} /* Tablets (>=768px)*/ @media (max-width: 991px) { } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 23 - ABOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #content-block .continue-link{font-size: 14px; line-height: 18px; color: #d14242; display: inline-block; margin-bottom: 15px; font-weight: 600;} #content-block .continue-link:hover{color: var(--paragraph-color-three);} .heading-article{margin-bottom: 25px;} .heading-article .title{font-size: 32px; line-height: 32px; color: #2e2e2e; font-weight: 500; margin-bottom: 15px;} .heading-article .description{font-size: 24px; line-height: 32px; color: var(--paragraph-color-three); font-weight: 300; margin-bottom: 15px;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 24 - SHOP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .categories-border-wrapper{border: 3px #e6e6e6 solid; padding: 30px 20px 25px 20px;} .categories-border-wrapper .accordeon-title{text-transform: none;} /*jQuery UI Styles */ .ui-slider{position: relative; height: 2px; background: #d9d9d9; margin-right: 8px; margin-bottom: 18px;} .ui-slider-range{height: 100%; position: absolute; left: 0; top: 0; background: #ca1515;} .ui-slider-handle{width: 8px; height: 8px; background: #ca1515; margin: -3px 0 0 0; position: absolute; cursor: pointer;} .range-price{font-size: 14px; color: #4c4c4c; line-height: 18px; float: left; line-height: 36px;} .range-price b{color: var(--btn-color-two); font-weight: 600;} .min-price, .max-price{display: inline-block;} .range-wrapper .button{float: right;} .range-wrapper:after{width: 100%; height: 0; clear: both; content: ""; display: block;} /**/ .blog-sidebar .color-selector{margin-right: -10px;} .blog-sidebar .color-selector .entry{width: 36px; height: 36px; margin-right: 10px; margin-bottom: 14px; vertical-align: top;} /**/ .shop-grid-item:nth-child(4n+1){clear: both;} .shop-grid-controls{margin-right: 200px; font-size: 14px; font-weight: 600; margin-bottom: -15px;} #content-block .shop-grid-controls .entry{line-height: 30px; padding-right: 16px; float: left; border-right: 1px #ebebeb solid; margin-bottom: 15px!important; margin-right: 16px; min-height: 30px;} #content-block .shop-grid-controls .entry:last-child{border: none;} #content-block .shop-grid-controls .entry:first-child{padding-left: 0;} .shop-grid-controls .inline-text{float: left; margin-right: 10px;} .simple-drop-down{width: 130px; position: relative;} .simple-drop-down select{height: 30px; line-height: 28px; border: 1px #ebebeb solid; padding: 0 40px 0 10px; white-space: nowrap; text-overflow: ellipsis; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; font-size: 13px; font-weight: 400; color: #7c7c7c;} .simple-drop-down:after{width: 30px; height: 30px; position: absolute; top: 0; right: 0; border: 1px #ebebeb solid; content: "\f107"; font-family: FontAwesome; font-size: 12px; color: #7c7c7c; text-align: center; cursor: pointer; pointer-events: none; line-height: 30px; background: #fff;} .shop-grid-controls .simple-drop-down{float: left; margin-right: 10px;} .sort-button{font-family: FontAwesome; float: left; cursor: pointer;} .sort-button:before{content: "\f063";} .sort-button.active:before{content: "\f062";} .view-button{float: left; width: 30px; position: relative; margin-right: 10px; text-align: center; color: #b5b5b5; cursor: pointer;} .view-button:last-child{margin-right: 0;} .view-button:after{border: 1px #ebebeb solid; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";} .view-button.active{color: var(--paragraph-color-three);} .view-button.active:after{border: 2px var(--paragraph-color-three) solid;} /*list view*/ .list-view .shop-grid-item{width: 100%;} .list-view .product-slide-entry{max-width: 100%; margin-left: 230px; padding-bottom: 45px; margin-bottom: 44px; text-align: left!important;} .list-view .product-slide-entry:after{content: ""; display: block; clear: both; height: 1px; background: #ebebeb; margin-left: -230px; top: 45px; position: relative;} .list-view .product-slide-entry .product-image{max-width: 200px; margin-left: -230px; float: left; margin-bottom: 0;} .product-slide-entry .price{margin-bottom: 20px;} .product-slide-entry .article-container{display: none; margin-bottom: 15px;} .product-slide-entry .list-buttons{display: none; margin-bottom: 15px;} .product-slide-entry .reviews-number{display: none;} .list-view .product-slide-entry .reviews-number{display: inline-block; font-size: 14px; font-weight: 500; color: #ca1515; line-height: 14px; margin-left: 10px;} .list-view .product-slide-entry .article-container, .list-view .product-slide-entry .list-buttons{display: block;} .list-view .product-slide-entry .price{font-size: 17px;} .list-view .product-slide-entry .price .current{font-size: 22px;} .list-view .product-slide-entry .title{font-size: 17px;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .shop-grid-item:nth-child(4n+1){clear: none;} .shop-grid-item:nth-child(3n+1){clear: both;} .list-buttons .button{display: block;} .mozaic-banners-wrapper.type-2 .row{ margin: 0; } .information-blocks{ overflow: hidden; } .mozaic-banners-wrapper.type-2 .banner-column{ overflow: hidden; padding: 0; } } /*Phones (<768px)*/ @media (max-width: 767px) { .shop-grid-item{width: 50%; float: left;} .shop-grid-item:nth-child(3n+1){clear: none;} .shop-grid-item:nth-child(2n+1){clear: both;} .list-buttons .button{display: block;} .shop-grid-controls{margin-right: 0;} #content-block .shop-grid-controls .entry{ margin-right: 10px; padding-right: 10px; border-right: none; } } /*Phones (<480px)*/ @media (max-width: 480px) { .shop-grid-item{ float: left;} .list-view .product-slide-entry{margin-left: 0; text-align: center!important;} .list-view .product-slide-entry .product-image{max-width: 210px; margin-left: 0; float: none; margin-bottom: 15px; display: inline-block;} .list-view .product-slide-entry:after{margin-left: 0;} .products-swiper .paddings-container{padding: 0 8px;} body.style-7 .product-slide-entry{ max-width: 200px; } .food-category{ width: 100%; } .products-swiper{ margin: 0; } .products-swiper:before, .products-swiper:after{ display: none; } .shop-grid-controls{ text-align: center; margin-bottom: 0; } #content-block .shop-grid-controls .entry{ margin-right: 10px; padding-right: 10px; border-right: none; float: none; display: inline-block; } } @media only screen and (min-width: 481px) and (max-width: 580px){ .shop-grid-controls{ text-align: center; margin-bottom: 0; } #content-block .shop-grid-controls .entry{ margin-right: 10px; padding-right: 10px; border-right: none; float: none; display: inline-block; } .shop-grid-controls .simple-drop-down{ width: 115px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 25 - COMPARE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .compare-table{width: 100%; font-size: 14px; line-height: 24px; color: #808080;} .compare-table b{font-weight: 600; color: #313131;} .compare-table td{border: 1px #e6e6e6 solid; padding: 30px; vertical-align: middle;} .compare-table td:first-child{width: 200px;} .compare-table tr:nth-child(2n) td{background: #fcfcfc;} .compare-table .product-slide-entry{float: left; text-align: left!important; max-width: 100%;} /*Phones (<768px)*/ @media (max-width: 767px) { .compare-table{min-width: 700px;} .compare-table td{padding: 15px;} .compare-table td:first-child{width: 50px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 26 - WISHLIST */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .categories-list.account-links ul li a{font-size: 14px;} .wishlist-entry{padding-bottom: 32px; margin-bottom: 27px; border-bottom: 1px #ebebeb solid; position: relative;} .wishlist-entry .column-1{margin-right: 250px;} .wishlist-entry .column-2{position: absolute; width: 230px; right: 0; top: 50%; margin-top: -32px; text-align: right;} .wishlist-entry .button.style-14{padding: 8px 30px; float: left;} .traditional-cart-entry.style-1{padding-bottom: 33px; border-bottom: 1px #ebebeb solid; margin-bottom: 32px;} .traditional-cart-entry:after{display: block; clear: both; content:"";} .traditional-cart-entry .image{float: left; width: 70px;} .traditional-cart-entry.style-1 .image{width: 170px;} .traditional-cart-entry .image img{max-width: 100%; height: auto; display: block;} .traditional-cart-entry .content{margin-left: 100px;} .traditional-cart-entry.style-1 .content{margin-left: 200px;} .traditional-cart-entry .cell-view{height: 95px;} .traditional-cart-entry .tag{font-size: 10px; line-height: 10px; color: #8b8b8b; font-weight: 500; text-transform: uppercase; display: inline-block; margin-bottom: 5px;} .traditional-cart-entry .tag:hover{color: #2e2e2e;} .traditional-cart-entry .title{font-size: 20px; line-height: 28px; color: #2e2e2e; font-weight: 600; display: block; margin-bottom: 10px;} .traditional-cart-entry .title:hover{color: #ca1515;} .traditional-cart-entry .inline-description{font-size: 13px; line-height: 15px; color: #808080; font-weight: 400; margin-bottom: 5px;} .traditional-cart-entry .price{margin-bottom: 20px; padding-top: 15px;} .traditional-cart-entry .quantity-selector .entry{margin-bottom: 20px;} .traditional-cart-entry .quantity-selector .entry.number-plus{margin-right: 20px;} .remove-button{display: inline-block; border: 1px #e6e6e6 solid; width: 34px; line-height: 32px; text-align: center; font-size: 12px; background: transparent; color: #2e2e2e;} .remove-button:hover{background: #ca1515; color: #fff; border: 1px #ca1515 solid;} .wishlist-entry .column-2 .remove-button{margin-left: 50px;} .wishlist-header{border-bottom: 1px #e6e6e6 solid; border-top: 1px #e6e6e6 solid; margin-bottom: 32px; line-height: 68px; position: relative; font-size: 16px; color: #343434; font-weight: 600;} .wishlist-header .title-1{margin-left: 100px; margin-right: 230px;} .wishlist-header .title-2{width: 230px; position: absolute; top: 0; right: 0;} /*Phones (<768px)*/ @media (max-width: 767px) { .wishlist-entry .column-1{margin-right: 0; margin-bottom: 20px;} .wishlist-entry .column-2{position: relative; margin: 0 0 0 100px; top: auto; width: auto;} .wishlist-entry .column-2 .remove-button{margin-left: 10px;} .wishlist-entry .button.style-14{padding-left: 10px; padding-right: 10px; width: 140px;} .traditional-cart-entry .image{margin-bottom: 15px; display: inline-block;} } @media (max-width:480px){ .traditional-cart-entry.style-1 .image{ width: 100px; } .traditional-cart-entry.style-1 .content{ margin-left: 115px; } .traditional-cart-entry.style-1 .quantity-selector .button{ margin-right: 10px; } .traditional-cart-entry.style-1 .detail-info-entry-title{ display: none; } .traditional-cart-entry.style-1 .quantity-selector .entry.number-plus{ margin-right: 15px; } .quantity-selector .entry.number-minus{ margin-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 27 - CART */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cart-table{width: 100%; font-size: 14px; line-height: 28px; color: #2e2e2e; font-weight: 600;} .cart-table .column-1{} .cart-table .column-2{width: 150px;} .cart-table .column-3{width: 180px;} .cart-table .column-4{width: 130px;} .cart-table .column-5{width: 35px;} .cart-table .subtotal{font-size: 20px; line-height: 28px; font-weight: 600;} .cart-table td{vertical-align: middle; padding: 40px 30px; border-bottom: 1px #e6e6e6 solid;} .cart-table th{vertical-align: middle; padding: 25px 30px; font-size: 16px; line-height: 20px; color: #343434; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid;} .cart-table td:first-child{padding-left: 0!important;} .cart-table th:first-child{padding-left: 100px!important;} .cart-table td:last-child, .cart-table th:last-child{padding-right: 0; padding-left: 0;} .table-responsive{overflow-y: hidden; border: none;} .cart-submit-buttons-box{padding: 25px 0 13px 0; text-align: right; font-size: 0;} .cart-submit-buttons-box .button{margin-left: 11px;} .cart-column-title{font-size: 16px; line-height: 20px; color: var(--btn-color-two); font-weight: 600; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; padding: 20px 0; margin-bottom: 20px;} .cart-column-title.size-1{font-size: 18px; padding: 25px 0;} .cart-column-title.size-2{padding: 23px 0;} .cart-summary-box{border: 2px #e6e6e6 solid; padding: 40px 35px; text-align: right;} .cart-summary-box .button{padding-left: 10px; padding-right: 10px; display: block; margin-bottom: 18px;} .cart-summary-box .sub-total{font-size: 15px; line-height: 20px; color: #878787; font-weight: 600; margin-bottom: 5px;} .cart-summary-box .grand-total{font-size: 22px; line-height: 30px; color: #343434; font-weight: 600; margin-bottom: 15px;} .cart-summary-box .simple-link{font-size: 13px; color: #808080; line-height: 24px; font-weight: 400;} .cart-summary-box .simple-link:hover{color: #343434;} .sidebar-subtotal{margin-bottom: 30px;} .sidebar-subtotal .price-data{text-align: center; padding-bottom: 25px; border-bottom: 1px #e6e6e6 solid; margin-bottom: 30px;} .sidebar-subtotal .price-data .main{font-size: 40px; line-height: 40px; color: var(--btn-color-two); font-weight: 700; font-family: 'Montserrat', sans-serif; margin-bottom: 15px;} .sidebar-subtotal .price-data .title{font-size: 13px; line-height: 18px; color: #666666; margin-bottom: 5px;} .sidebar-subtotal .price-data .subtitle{font-size: 12px; line-height: 16px; color: var(--btn-color-two); font-weight: 600; text-transform: uppercase; margin-bottom: 10px;} .sidebar-subtotal .additional-data .title{font-size: 16px; line-height: 24px; color: var(--btn-color-two); font-weight: 600; margin-bottom: 20px;} .sidebar-subtotal .additional-data .title .inline-label{margin-left: 0; margin-right: 10px;} .sidebar-subtotal .additional-data .button{display: block; padding-left: 10px; padding-right: 10px;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .cart-table td, .cart-table th{padding-left: 15px; padding-right: 15px;} .cart-table .column-2{width: 105px;} .cart-table .column-3{width: 150px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .cart-table{min-width: 800px;} .cart-summary-box{padding: 30px 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 28 - CHECKOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .forgot-password{color: #ca1515!important; font-weight: 500; margin-left: 20px;} .forgot-password:hover{text-decoration: underline;} .checkout-progress-widget{margin-bottom: 25px;} .checkout-progress-widget .step-entry{display: block; font-size: 14px; line-height: 26px; color: #343434; font-weight: 600;} .checkout-progress-widget a.step-entry:hover{color: #ca1515;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 29 - TEMPLATE UNDERWEAR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 29.01 - header (class "type-2") */ .header-wrapper.style-11 header{} header.type-4 .header-top:before{background: var(--top-nav-color); position: absolute; width: 10000px; left: 50%; margin-left: -5000px; height: 100%; content: "";} @media (min-width: 1200px) { /*header.type-2:not(.fixed-header) nav, header.type-2:not(.fixed-header) .navigation{position: static;}*/ header.type-4 .header-top-entry, body.style-8 header .header-top-entry .title a{color: #fff;} header.type-4 .additional-header-logo img{max-height: 70px;} /*header.type-4 .fixed-header-square-button{margin-top: 0;}*/ header.type-4 .header-functionality-entry{color: var(--top-nav-text-color);} header.type-4 .header-functionality-entry:hover{color: var(--link-hover-color);} header.type-4 .header-functionality-entry b{display: inline-block; vertical-align: middle; position: relative;top: -1px; color: var(--top-nav-text-color);} header.type-4 .logo-wrapper{width: auto; text-align: center;} /*header.type-4 .header-middle{border: none;}*/ header.type-4 .header-middle .right-entries{position: absolute; top: -36px; right: 0; z-index: 1;} header.type-4 .header-middle .open-cart-popup{position: relative; padding: 0 30px; color: #9c9c9c;} header.type-4 .header-middle .open-cart-popup .fa{color: #fff;} header.type-4 .header-middle .open-cart-popup *{position: relative;} header.type-4 .header-middle .open-cart-popup:before{position: absolute; width: 100%; height: 55px; top: -20px; left: -1px; background: #383838; content: "";} /*.header-wrapper.style-8 .fixed-header-margin{padding: 55px 0 100px 0!important;} .header-wrapper.style-8 header .submenu{bottom: 100%; top: auto; text-align: left;} .header-wrapper.style-8 header .submenu-links-line{top: auto; bottom: 100%;} .header-wrapper.style-8 header .full-width .submenu, body.style-8 header .full-width-columns .submenu{left: auto; right: 0;}*/ header.type-4 .header-simple-search{position: absolute; width: 100%; left: 0; top: 0; padding-top: 14px;} header.type-4 .header-simple-search .simple-search-form{z-index: 1;} header.type-4:not(.fixed-header) nav>ul{width: 100%;} header.type-4 .header-top-entry .title{border-color: var(--top-nav-text-color);} header.type-4 .header-functionality-entry{border-color: #4c4c4c;} header.type-4 .header-top-entry .title .fa{color: var(--top-nav-text-color);} header.type-4 .header-top-entry .title .fa:last-child{color: #6c6c6c;} header.type-4 .header-top-entry.hidden-xs{color: #8c8c8c;} header.type-4 .header-top-entry.hidden-xs a{color: var(--top-nav-text-color);} } /* 29.02 - content styles */ body.style-11 .sidebar-navigation .title{background: #dc42b2;} body.style-11 .sidebar-navigation .entry:before{background: #dc42b2;} body.style-11 .sidebar-navigation{border-color: #dc42b2;} body.style-11 .swiper-tabs .block-title:before{background: #dc42b2;} body.style-11 .price .current{color: #dc42b2;} body.style-11 .swiper-active-switch{border-color: #dc42b2; background: #dc42b2;} body.style-11 .navigation-banner-content .subtitle{font-weight: 600; font-size: 18px; color: #cdcdcd; text-transform: uppercase; font-family: var(--body-font), sans-serif; letter-spacing: 3px;} body.style-11 .navigation-banner-content .title{font-family: 'Cantata One', serif; letter-spacing: 2px;} body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle{font-family: var(--body-font), sans-serif; font-size: 14px; line-height: 22px; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px;} body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{font-family: 'Cantata One', serif; font-size: 44px; line-height: 44px; text-transform: uppercase; color: #fff; letter-spacing: 2px;} .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view{font-family: "Merriweather", serif; font-style: italic; font-size: 12px; line-height: 16px; color: #fff; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px #fff solid; display: inline-block;} .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover{border-color: transparent;} body.style-11 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before{background: rgba(220, 66, 178, 0.7);} body.style-11 .mozaic-banners-wrapper.type-2 .banner-column{padding: 0 15px;} body.style-11 .mozaic-banners-wrapper.type-2 .row{margin-left: -15px; margin-right: -15px;} body.style-11 a.sale-entry:before{background: rgba(220, 66, 178, 0.7);} body:not(.mobile).style-11 a.sale-entry:hover{border-color: rgba(220, 66, 178, 1);} body.style-11 .sale-entry .sale-price{font-family: 'Cantata One', serif; letter-spacing: 2px;} body.style-11 .read-more:hover{color: #dc42b2;} body.style-11 .product-slide-entry .title:hover{color: #dc42b2;} body.style-11 .inline-product-entry .title:hover{color: #dc42b2;} body.style-11 .bubbles span{background: #dc42b2;} /*.tabs-container{margin-bottom: 45px;}*/ body.style-11 .mozaic-banners-wrapper.type-2 .banner-column{margin-bottom: 30px;} body.style-11 .inline-product-entry .image:hover{border-color: #dc42b2;} .header-wrapper.style-11 .menu-button{color: #fff;} body.style-11 .search-button{background: #dc42b2;} body.style-11 .cart-box.popup .content .price{color: #dc42b2;} body.style-11 .cart-box.popup .summary .grandtotal span{color: #dc42b2;} body.style-11 .button.style-4{background: #dc42b2; border-color: #dc42b2;} @media (max-width: 1199px) { header.type-4 .header-top-entry{color: #fff;} } /* 29.03 - color text widget */ .color-text-widget{padding: 18px; margin-bottom: 30px; border: 1px transparent solid;} .color-text-widget .cell-view{height: 135px; width: 2000px; border: 1px rgba(255, 255, 255, 0.5) solid; padding: 15px 35px; text-align: center;} body:not(.mobile) .color-text-widget:hover .cell-view{border-color: transparent;} body:not(.mobile) .color-text-widget:hover{border-color: #ebebeb; background: #fff!important;} .color-text-widget .title{font-size: 20px; line-height: 24px; color: #fafafa; text-transform: uppercase; font-family: 'Cantata One', serif; display: block; margin-bottom: 10px;} .color-text-widget .description{font-size: 13px; line-height: 22px; color: rgba(255, 255, 255, 0.7); display: block; margin-bottom: 10px;} body:not(.mobile) .color-text-widget:hover .title{color: #2e2e2e;} body:not(.mobile) .color-text-widget:hover .description{color: #a3a2a2;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 30 - TEMPLATE LOOKBOOK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .full-width-product-slider{width: 100vw; position: relative; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); margin-bottom: 50px; padding-top: 10px;} .full-width-product-slider .product-slide-entry{max-width: 370px;} .full-width-product-slider .paddings-container{padding: 0 15px; position: relative;} .full-width-product-slider .product-mix-info{left: 45px; right: 45px; -webkit-backface-visibility: hidden;} body.style-12 .swiper-active-switch{border-color: #ca1515; background: #ca1515;} body.style-12 .price .current{color: #ca1515;} body.style-12 .product-slide-entry .title:hover{color: #ca1515;} body.style-12 .footer-links a:hover{color: #ca1515;} body.style-12 .copyright a{color: #ca1515;} body.style-12 .read-more:hover{color: #ca1515;} .column-article-wrapper{border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; padding: 43px 0;} .column-article-entry{padding: 35px 60px 35px 60px; min-height: 220px;} .column-article-wrapper .left-border{border-left: 1px #ebebeb solid;} .column-article-entry .title{font-size: 24px; line-height: 24px; color: #2e2e2e; font-family: 'Cantata One', serif; text-transform: uppercase; margin-bottom: 15px; display: block;} .column-article-entry .title:hover{color: #ca1515;} .column-article-entry .description{font-size: 14px; line-height: 24px; color: #999797; font-weight: 300; margin-bottom: 15px;} body.style-10 .column-article-entry{text-align: center;} body.style-10 .column-article-entry .title{font-size: 22px; font-weight: 400; font-family: var(--body-font), sans-serif;} header.type-4 .menu-button{color: #fff;} @media (min-width: 992px) { .full-width-product-slider .pagination{display: none;} } @media (min-width: 768px) { .column-article-wrapper .left-border:first-child{border: none;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 31 - TEMPLATE BAGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body.style-14 .sidebar-navigation .title{background: #6d4c3d;} body.style-14 .sidebar-navigation .entry:before{background: #6d4c3d;} body.style-14 .sidebar-navigation{border-color: #6d4c3d;} body.style-14 .swiper-tabs .block-title:before{background: #6d4c3d;} body.style-14 .price .current{color: #6d4c3d;} body.style-14 .swiper-active-switch{border-color: #6d4c3d; background: #6d4c3d;} body.style-14 .navigation-banner-content .subtitle{font-weight: 600; font-size: 18px; color: #a25516; text-transform: uppercase; font-family: var(--body-font), sans-serif; letter-spacing: 3px;} body.style-14 .navigation-banner-content .title{font-family: 'Cantata One', serif; letter-spacing: 2px;} body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle{font-family: var(--body-font), sans-serif; font-size: 14px; line-height: 22px; color: #ad6e3f; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px;} body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{font-family: 'Cantata One', serif; font-size: 44px; line-height: 44px; text-transform: uppercase; color: #373737; letter-spacing: 2px;} body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view{font-family: "Merriweather", serif; font-style: italic; font-size: 12px; line-height: 16px; color: #373737; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px #373737 solid; display: inline-block;} body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover{border-color: transparent!important;} body.style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before{background: rgba(109, 76, 61, 0.7);} body.style-14 .mozaic-banners-wrapper.type-2 .banner-column{padding: 0 15px;} body.style-14 .mozaic-banners-wrapper.type-2 .row{margin-left: -15px; margin-right: -15px;} body.style-14 a.sale-entry:before{background: rgba(109, 76, 61, 0.7);} body.style-14 .sale-entry .sale-price{font-family: 'Cantata One', serif; letter-spacing: 2px;} body.style-14 .read-more:hover{color: #6d4c3d;} body.style-14 .product-slide-entry .title:hover{color: #6d4c3d;} body.style-14 .inline-product-entry .title:hover{color: #6d4c3d;} body.style-14 .bubbles span{background: #6d4c3d;} body.style-14 .mozaic-banners-wrapper.type-2 .banner-column{margin-bottom: 30px;} body.style-14 .sale-entry .sale-price span{color: #6d4c3d;} body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title, body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle, body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view{color: #fff; border-color: #fff;} body.style-14 .inline-product-entry .image:hover{border-color: #6d4c3d;} body.style-14 .sidebar-navigation .entry .fa{color: #aeaeae;} .header-wrapper.style-14 .menu-button{color: #fff;} body.style-14 .search-button{background: #6d4c3d;} body.style-14 .cart-box.popup .content .price{color: #6d4c3d;} body.style-14 .cart-box.popup .summary .grandtotal span{color: #6d4c3d;} body.style-14 .button.style-4{background: #6d4c3d; border-color: #6d4c3d;} @media (max-width: 1199px) { body.style-14 .header-top-entry{color: #fff;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 31 - TEMPLATE MINI */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul{width: auto; text-align: center;} .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul li{text-align: left;} .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible){float: none; display: inline-block;} body.style-15 .column-article-entry{text-align: center;} body.style-15 .column-article-entry .title{font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 400; font-family: var(--body-font), sans-serif;} body.style-15 .tabs-container{text-align: center;} body.style-15 .swiper-tabs .block-title{float: none; display: inline-block;} body.style-15 .block-title{color: #2e2e2e; font-weight: 500; text-transform: uppercase; font-size: 18px;} body.style-15 .price .current{color: #393939; font-weight: 400;} body.style-15 .product-slide-entry .title{font-size: 15px; line-height: 19px; font-weight: 500; text-transform: uppercase; color: #2e2e2e;} body.style-15 .product-slide-entry .title:hover{color: #8b8b8b;} body.style-15 .swiper-tabs .block-title:before{background: var(--body-font);} body.style-15 .navigation-banner-content .subtitle{font-size: 18px; line-height: 20px; margin-bottom: 8px; font-weight: 400; text-transform: uppercase; font-family: var(--body-font), sans-serif;} body.style-15 .navigation-banner-content .title{font-size: 80px; line-height: 72px; color: #fff; text-transform: uppercase; font-weight: 100; font-family: var(--body-font), sans-serif; letter-spacing: 5px;} body.style-15 .navigation-banner-content .description{max-width: 430px; margin-left: auto; margin-right: auto;} body.style-15 .swiper-active-switch{background: var(--body-font); border-color: var(--body-font);} body.style-15 .bubbles span{background: var(--body-font);} body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle{color: #dfdfdf; font-weight: 300; text-transform: uppercase;} body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{font-size: 60px; line-height: 60px; text-transform: uppercase; color: #fff; font-weight: 100; font-family: var(--body-font), sans-serif;} body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view{font-size: 14px; color: #dfdfdf; text-transform: uppercase; font-style: normal; font-family: var(--body-font), sans-serif; font-weight: 700; border-bottom-width: 2px;} body.style-15 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before{background: rgba(200,200,200,0.7);} body.style-15 .mozaic-banners-wrapper.type-2 .banner-column{padding: 0 15px; margin-bottom: 30px;} body.style-15 .mozaic-banners-wrapper.type-2 .row{margin-left: -15px; margin-right: -15px;} body.style-15 .search-button{background: var(--body-font);} body.style-15 .cart-box.popup .content .price{color: var(--body-font);} body.style-15 .cart-box.popup .summary .grandtotal span{color: var(--body-font);} body.style-15 .button.style-4{background: var(--body-font); border-color: var(--body-font);} body.style-15 .copyright a{color: var(--body-font);} body.style-15 .footer-links a:hover{color: var(--body-font);} .header-wrapper.style-15 .menu-button{color: #fff;} /*Phones (<768px)*/ @media (max-width: 767px) { body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{font-size: 40px; line-height: 40px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 32 - TEMPLATE FURNITURE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body.style-16 .product-slide-entry{text-align: center;} body.style-16 .swiper-tabs .block-title:before{background: #5f573a;} body.style-16 .sidebar-navigation .title{background: #5f573a;} body.style-16 .sidebar-navigation{border-color: #5f573a;} body.style-16 .sidebar-navigation .entry:before{background: #5f573a;} body.style-16 .price .current{color: #5f573a;} body.style-16 #loader-wrapper .bubbles span{background: #5f573a;} body.style-16 .product-slide-entry .title:hover{color: var(--btn-color-two);} body.style-16 .swiper-active-switch{background: #5f573a; border-color: #5f573a;} body.style-16 .sale-entry .sale-price span{color: #6e5f27;} body.style-16 a.sale-entry{background-size: cover;} body.style-16 a.sale-entry:before{background: rgba(95, 87, 58, 0.7); opacity: 1;} body.style-16 a.sale-entry:hover:before{background: rgba(95, 87, 58, 0.5);} body.style-16 a.sale-entry .sale-price, body.style-16 a.sale-entry .sale-price span{color: #fff;} body.style-16 a.sale-entry .sale-description{color: rgba(255, 255, 255, 0.7);} body.style-16 .read-more:hover{color: var(--btn-color-two);} body.style-16 .hover-class-1:after{background: var(--btn-color-two);} body.style-16 .product-slide-entry .subtitle:hover{color: var(--btn-color-two);} body.style-16 .inline-product-entry .image:hover{border-color: var(--btn-color-two);} body.style-16 .inline-product-entry .title:hover{color: var(--btn-color-two);} body.style-16 .navigation-banner-content .subtitle{font-weight: 400; font-size: 24px; color: #8d9296; font-family: var(--body-font), sans-serif;} body.style-16 .light-text .navigation-banner-content .subtitle{color: #fff;} body.style-16 .navigation-banner-content .description{color: #868789; margin-bottom: 25px;} body.style-16 .light-text .navigation-banner-content .description{color: #fff;} body.style-16 .navigation-banner-content .title{font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 0;} @media (min-width: 1200px) { .header-wrapper.style-16 header.type-4 .logo-wrapper{width: 300px; text-align: left;} } .header-wrapper.style-16 header .icon-entry{width: 33%;} body.style-16 .search-button{background: #6d4c3d;} .header-wrapper.style-16 .menu-button{color: #fff;} body.style-16 .information-blocks{margin-bottom: 50px;} @media (max-width: 991px) { body.style-16 a.sale-entry{background-image: none!important;} } body.style-16 .cart-box.popup .content .price{color: #5f573a;} body.style-16 .cart-box.popup .summary .grandtotal span{color: #5f573a;} body.style-16 .button.style-4{background: #5f573a; border-color: #5f573a;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 33 - TEMPLATE JEWELLERY */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body.style-17 .sidebar-navigation .title{background: #901794;} body.style-17 .sidebar-navigation{border-color: #901794;} body.style-17 .sidebar-navigation .entry:before{background: #901794;} body.style-17 .sidebar-navigation .entry .fa{color: #cac9c9;} body.style-17 .search-button{background: #901794;} body.style-17 .swiper-tabs .block-title:before{background: #901794;} body.style-17 .price .current{color: #901794;} body.style-17 .product-slide-entry .title:hover{color: #901794;} body.style-17 ol li:before{background: #d9d9d9;} body.style-17 #loader-wrapper .bubbles span{background: #901794;} body.style-17 .swiper-active-switch{background: #901794; border-color: #901794;} body.style-17 .hover-class-1:after{background: #901794;} body.style-17 .inline-product-entry .image:hover{border-color: #901794;} body.style-17 .inline-product-entry .title:hover{color: #901794;} .footer-wrapper.style-17 .footer-address a b{color: #901794;} .footer-wrapper.style-17 .copyright a{color: #901794;} .footer-wrapper.style-17 .footer-columns-entry .column a:hover{color: #901794;} body.style-17 .navigation-banner-content .subtitle{font-weight: 600; font-size: 18px; line-height: 22px; font-family: var(--body-font), sans-serif; text-transform: uppercase;} body.style-17 .navigation-banner-content .title{font-weight: 700; letter-spacing: -2px; font-family: var(--body-font), sans-serif;} body.style-17 .navigation-banner-content .description{margin-bottom: 25px;} @media (min-width: 1200px) { .header-wrapper.style-17 header:not(.fixed-header) .navigation:before{content: ""; position: absolute; width: 10000px; left: 50%; margin-left: -5000px; background: var(--paragraph-color-three); top: 0; height: 100%;} .header-wrapper.style-17 header:not(.fixed-header) nav > ul > li > a{color: #fff;} } body.style-17 .cart-box.popup .content .price{color: #901794;} body.style-17 .cart-box.popup .summary .grandtotal span{color: #901794;} body.style-17 .button.style-4{background: #901794; border-color: #901794;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 34 - TEMPLATE PRESENTATION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .side-square-wrapper{} .side-square-wrapper:after{content: ""; display: block; clear: both;} .side-square-entry{padding-bottom: 50%; position: relative; min-height: 800px;} .side-square-entry .fixed-parallax{width: 50%;} .side-square-entry.col-md-push-6 .fixed-parallax{left: 50%;} .side-square-entry .fixed-parallax:before{display: none;} .side-square-entry .align-content{position: absolute; left: 15%; right: 15%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} .parallax-view{font-size: 15px; line-height: 24px; color: #2e2e2e; font-weight: 600; display: block; padding-top: 18px; border-top: 1px #ebebeb solid; text-align: center;} .parallax-view:hover{color: #b1b1b1;} .side-square-entry .products-swiper{margin-bottom: 35px;} .swiper-slide.no-shadow:before{display: none;} body.style-18 .swiper-active-switch{background: #c2a325; border-color: #c2a325;} body.style-18 .price .current{color: #c2a325;} body.style-18 .product-slide-entry .title:hover{color: #c2a325;} body.style-18 .search-button{background: #c2a325;} .footer-wrapper.style-18 .copyright a{color: #c2a325;} .footer-wrapper.style-18 .footer-links a:hover{color: #c2a325;} body.style-18 .cart-box.popup .content .price{color: #c2a325;} body.style-18 .cart-box.popup .summary .grandtotal span{color: #c2a325;} body.style-18 .button.style-4{background: #c2a325; border-color: #c2a325;} body.style-18 .article-container ul li:before{color: #c2a325;} body.style-18 .bubbles span{background: #c2a325;} /*Desktops (>=992px)*/ @media (max-width: 1199px) { .header-wrapper.style-18 header{background: var(--paragraph-color-three)!important;} .side-square-entry .align-content{left: 5%; right: 5%;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { .side-square-entry .fixed-parallax{width: 100%;} .side-square-entry.col-md-push-6 .fixed-parallax{left: 0%;} .side-square-entry .fixed-parallax{ position: relative; } } /*Phones (<768px)*/ @media (max-width: 767px) { .side-square-entry .align-content{position: relative; left: auto; right: auto; padding: 50px 30px; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none;} .side-square-entry{padding-bottom: 0; min-height: 300px; min-height: 100vh;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 35 - FULLWIDTH HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .image-text-widget{border: 2px var(--btn-color-one) solid; position: relative; overflow: hidden; background-position: left top; background-repeat: no-repeat; background-size: auto 100%; padding: 40px 40px 40px 270px;} .image-text-widget .title{font-size: 16px; line-height: 24px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;} .image-text-widget ul li a{font-weight: 500; color: #2e2e2e;} .image-text-widget ul li a:hover{color: #ca1515;} .article-container ul li:before{color: #ca1515;} .special-item-entry{position: relative; max-width: 370px; margin-left: auto; margin-right: auto; overflow: hidden;} .special-item-entry>img:first-child{display: block; width: 100%; height: auto;} body:not(.mobile) .special-item-entry:hover>img:first-child{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);} .special-item-entry .title{position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 18px;} .special-item-entry .title span{font-size: 48px; line-height: 40px; display: block;} .special-item-entry .button{position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .fullwidth-block{width: 100vw; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .parallax-slide.small-slide{height: 600px!important;} /* Tablets (>=768px)*/ @media (max-width: 991px) { .special-item-entry .title span{font-size: 37px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .image-text-widget{padding-left: 40px; background: none!important; border: 2px var(--btn-color-one) solid;} .parallax-slide.small-slide{height: 350px!important;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 36 - FULLWIDTH HOMEPAGE WITH LEFT SIDEBAR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .color-background-widget{position: relative; padding: 120px 0; background-size: cover;} .color-background-widget:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: "";} .color-background-form{max-width: 450px; margin: 0 auto; text-align: center; position: relative;} .color-background-form .title{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 30px; line-height: 42px; color: #fff; border-top: 4px #fff solid; border-bottom: 4px #fff solid; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 10px;} .color-background-form .description{font-size: 14px; line-height: 22px; color: #fff; margin-bottom: 22px;} .simple-form .submit{position: relative; float: right; width: 130px; border: 2px #ccc solid; line-height: 30px; font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase;} .simple-form .submit:hover{border-color: #fff;} .simple-form .submit input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} .simple-form .input-wrapper{margin-right: 140px;} .simple-form .input-wrapper input{width: 100%; padding: 0 15px; background: rgba(255, 255, 255, 0.8); border: none; height: 34px; line-height: 34px; color: #000; font-size: 14px; font-weight: 500;} .latest-entries-heading{margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px #e6e6e6 solid;} .latest-entries-heading:after{content: ""; display: block; clear: both;} .latest-entries-heading .title{float: left; font-size: 20px; line-height: 24px; font-weight: 600;} .latest-entries-heading .latest-more{float: right; font-size: 14px; line-height: 24px; color: #ca1515;} .latest-entries-heading .latest-more:hover{color: #a3a2a2;} .client-logo-wrapper{text-align: center; padding-bottom: 20px;} .client-logo{display: inline-block;} body.style-19 .swiper-tabs .block-title:before{background: #a6a6a6;} body.style-19 .product-slide-entry .title:hover{color: #ca1515;} body.style-19 .price .current{color: #ca1515;} body.style-19 .product-slide-entry{text-align: center;} body.style-19 .hover-class-1:after{background: #a6a6a6;} body.style-19 .product-slide-entry .subtitle:hover{color: #ca1515;} body.style-19 .bubbles span{background: #ca1515;} body.style-19 .swiper-active-switch{background: #ca1515; border-color: #ca1515;} @media (min-width: 1200px) { body.style-19 .navigation-copyright a{color: #ca1515;} } @media only screen and (max-width:480px){ .welcome-section{ overflow: visible; } .welcome-section .color-background-widget{ padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 991px){ .welcome-section .color-background-widget{ background-position: center center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 37 - WINE TEMPLATE WITH LEFT SIDEBAR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @media (min-width: 1200px) { .sidebar-content-wrapper.center-container{max-width: 930px; padding: 0; margin-left: 150px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); position: relative;} .sidebar-content-wrapper.center-container:before{position: absolute; width: 10000px; height: 100%; background: #fff; content: ""; left: 100%; top: 0; margin-left: -1px;} .sidebar-content-wrapper.center-container .content-center{width: auto; padding: 30px;} .header-wrapper.center-container header{left: 50%; margin-left: -615px;} .header-wrapper.center-container header.type-3:not(.fixed-header) .full-width .submenu, .header-wrapper.center-container header.type-3:not(.fixed-header) .submenu{/*width: 955px!important;*/ } .header-wrapper.center-container header{background: none; border: none;} .header-wrapper.center-container header.type-3:not(.fixed-header) nav > ul > li > a{color: #fff;} .header-wrapper.center-container header.type-3:not(.fixed-header) .header-functionality-entry{color: #fff;} .header-wrapper.center-container header.type-3:not(.fixed-header) .header-functionality-entry b{color: #db2020;} .header-wrapper.center-container .navigation-footer{left: 50%; margin-left: -615px;} .header-wrapper.center-container .navigation-copyright{color: #fff;} .header-wrapper.center-container .navigation-copyright a{color: #b11a1a;} .header-wrapper.center-container .socials-box a:hover{color: #fff;} } @media (min-width: 1200px) and (max-width: 1400px) { .header-wrapper.center-container header.type-3:not(.fixed-header) .menu-slider-entry{padding-right: 15px;} } body.style-20 .navigation-banner-content .subtitle{font-family: var(--body-font), sans-serif; font-size: 18px; line-height: 22px; font-style: normal; text-transform: uppercase; font-weight: 600;} body.style-20 .navigation-banner-content .title{font-family: 'Times New Roman'; letter-spacing: 1px;} body.style-20 .mozaic-banners-wrapper.type-2 .banner-column{padding: 0 15px; margin-bottom: 30px;} body.style-20 .mozaic-banners-wrapper.type-2 .row{margin-left: -15px; margin-right: -15px;} body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle{color: #b11a1a!important;} body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title{font-size: 40px; color: #2e2e2e!important; font-family: 'Times New Roman';} body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .description{font-family: "Merriweather",serif; font-size: 13px; line-height: 20px; font-style: italic; color: #b3b3b3!important;} body.style-20 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .mozaic-banner-content .description{color: #2e2e2e;} body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content{max-width: 82%;} body.style-20 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before{background: rgba(245, 245, 245, 0.7);} body.style-20 .swiper-tabs .block-title:before{background: #b11a1a;} body.style-20 .product-slide-entry .title:hover{color: #b11a1a;} body.style-20 .price .current{color: #b11a1a;} body.style-20 .hover-class-1:after{background: rgba(117, 26, 26, 0.7);} body.style-20 .product-slide-entry .subtitle:hover{color: #ca1515;} body.style-20 .swiper-active-switch{background: #ca1515; border-color: #ca1515;} body.style-20 .bubbles span{background: #ca1515;} body.style-20 header .simple-search-form{background: none; border: 2px rgba(255, 255, 255, 0.5) solid;} body.style-20 header .simple-search-form.active{border-color: #fff;} body.style-20 header .simple-search-form .simple-submit{border-color: rgba(255, 255, 255, 0.5);} body.style-20 header .simple-search-form .simple-submit:hover{color: #fff;} body.style-20 header .simple-search-form input[type="text"]{color: #fff;} body.style-20 .search-button{background: #b11a1a;} .newsletter-join{border: 5px #f7f7f7 solid; padding: 40px 50px;} .newsletter-join .title{font-size: 18px; line-height: 18px; color: #2e2e2e; font-weight: 600; text-transform: uppercase; margin-bottom: 10px;} .newsletter-join .description{font-size: 13px; line-height: 22px; color: #a3a2a2; margin-bottom: 10px;} .newsletter-join .cell-view{width: 1000px; height: 75px;} .custom-col-4-in-row{float: left; width: 25%; padding: 0 15px;} .custom-col-4-in-row:nth-child(4n+1){clear: both;} body.style-20 .cart-box.popup .content .price{color: #b11a1a;} body.style-20 .cart-box.popup .summary .grandtotal span{color: #b11a1a;} body.style-20 .button.style-4{background: #b11a1a; border-color: #b11a1a;} @media (max-width: 1199px) { .header-wrapper.center-container header.type-3{background: var(--paragraph-color-three); border: none;} .header-wrapper.center-container header.type-3 .header-functionality-entry *{color: #fff;} .sidebar-content-wrapper.center-container .content-center{padding-top: 30px!important;} } /* Tablets (>=768px)*/ @media (max-width: 991px) { } /*Phones (<768px)*/ @media (max-width: 767px) { .sidebar-content-wrapper.center-container .content-center{padding-top: 15px!important;} .custom-col-4-in-row{width: 33.33333%;} .custom-col-4-in-row:nth-child(4n+1){clear: none;} .custom-col-4-in-row:nth-child(3n+1){clear: both;} .newsletter-join .cell-view{height: auto;} .information-entry-xs{margin-bottom: 10px;} body.style-20 .products-swiper{margin: 0;} } @media (max-width: 450px) { .custom-col-4-in-row{width: 50%;} .custom-col-4-in-row:nth-child(3n+1){clear: none;} .custom-col-4-in-row:nth-child(2n+1){clear: both;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 38 - FULL WITH TEMPLATE NO SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .products-slider-banner{margin-bottom: 40px; border: 1px #e6e6e6 solid; position: relative; overflow: hidden;} .products-slider-banner .pagination{display: none;} .products-slider-banner:after{display: block; content: ""; clear: both;} .products-slider-banner .products-swiper{/*border: 1px #e6e6e6 solid; height: 400px;*/ margin-left: 0; margin-right: 0; height: 400px; margin-left: 400px;} .products-slider-banner .products-swiper:before, .products-slider-banner .products-swiper:after{display: none;} .products-slider-banner .swiper-container, .products-slider-banner .swiper-wrapper, .products-slider-banner .swiper-slide{height: inherit!important; position: relative;} .products-slider-banner .swiper-slide:after{position: absolute; content: ""; height: 100%; width: 1px; left: 0; top: 0; background: #e6e6e6;} .products-slider-banner .paddings-container{position: relative; top: 15%;} .products-slider-banner .promo-banner-box{float: left; width: 400px; height: 400px; margin-bottom: 0; padding-bottom: 0;} .products-slider-banner .promo-banner-box .promo-text .description{font-size: 48px; line-height: 48px; letter-spacing: -1px;} body.style-21 .sidebar-logos-row a img{opacity: 0.7;} body.style-21 .sidebar-logos-row a:hover img{opacity: 1;} body.style-21 .price .current{color: #c7192c;} body.style-21 .product-slide-entry .title:hover{color: #c7192c;} body.style-21 .bubbles span{background: #c7192c;} body.style-21 .search-button{background: #c7192c;} .header-wrapper.style-21 header{padding-left: 30px; padding-right: 30px;} .demo-categories-wrapper{margin-bottom: 60px;} .demo-categories-entry{border: 1px #e6e6e6 solid; padding: 35px; background-position: right bottom; background-repeat: no-repeat; min-height: 450px; position: relative;} .demo-categories-entry .title{font-size: 14px; line-height: 16px; color: #2f2f2f; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 15px;} .demo-categories-entry .title:hover{color: #c3172b;} .demo-categories-entry .list a{font-size: 13px; line-height: 18px; font-weight: 500; color: #2e2e2e; display: block; padding: 15px 0; border-top: 1px #ebebeb solid;} .demo-categories-entry .list a:before{font-family: FontAwesome; content: "\f105"; margin-right: 7px; color: #cecece; display: inline-block;} .demo-categories-entry .list a:hover{color: #c3172b;} .demo-categories-entry .block-info{text-align: right; font-family: "Lato",sans-serif; text-transform: uppercase; font-weight: 400;} .demo-categories-entry .block-info .title{font-size: 18px; line-height: 24px; color: #a5a5a5;} .demo-categories-entry .block-info .description{font-size: 40px; line-height: 42px; color: var(--paragraph-color-three); font-weight: 900; letter-spacing: -2px;} .demo-categories-entry .block-info .detail-link{font-size: 14px; line-height: 30px; display: inline-block; color: #c3172b; text-decoration: underline;} .demo-categories-entry .block-info .detail-link:hover{text-decoration: none;} .footer-wrapper.style-21 footer.type-2 .footer-links a:hover{color: #ce1313;} .footer-wrapper.style-21 footer.type-2 .copyright a{color: #ce1313;} @media (max-width: 1700px) { .demo-categories-entry .block-info .description{font-size: 30px; line-height: 32px;} } @media (max-width: 1400px) { .demo-categories-entry .block-info .description{font-size: 24px; line-height: 25px; letter-spacing: -1px;} } @media (min-width: 1200px) { .header-wrapper.style-21 header:not(.fixed-header) .navigation{border: none;} .header-wrapper.style-21 header:not(.fixed-header) nav:before{background: var(--paragraph-color-three); position: absolute; height: 100%; width: 10000px; left: 50%; margin-left: -5000px; content: ""; z-index: -1;} .header-wrapper.style-21 header:not(.fixed-header) nav > ul > li > a{color: #fff;} } @media (max-width: 1199px) { .products-slider-banner .promo-banner-box{width: 350px; height: 350px;} .products-slider-banner .products-swiper{height: 350px; margin-left: 350px;} .demo-categories-entry:before{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.8);} } /*Phones (<768px)*/ @media (max-width: 991px) { .products-slider-banner .promo-banner-box{width: 250px;} .products-slider-banner .products-swiper{margin-left: 250px;} .products-slider-banner .promo-banner-box .promo-text .description{font-size: 33px; line-height: 33px;} } /*Phones (<768px)*/ @media (max-width: 767px) { .products-slider-banner .promo-banner-box{width: auto; float: none;} .products-slider-banner .products-swiper{margin-left: 0; height: auto;} .products-slider-banner .paddings-container{padding-top: 0; padding-bottom: 30px; padding-top: 30px;} .demo-categories-wrapper{margin-bottom: 40px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - TEASER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*teaser 1*/ .teaser-container{background-color: #f8f8f8; height: 100%;} .teaser-container .cell-view{vertical-align: middle;} .teaser-container .row-view{height: 25%;} .teaser-logo{text-align: center; padding: 15px 0;} .teaser-logo .logo{display: inline-block;} .teaser-logo .logo img{display: block;} .teaser-content{background: #fff; padding: 70px 0; text-align: center;} .teaser-subtitle{font-size: 24px; line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 9px;} .teaser-title{font-size: 48px; line-height: 48px; margin-bottom: 11px; color: var(--paragraph-color-three); text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif;} .teaser-description{font-size: 15px; line-height: 22px; color: #b6b6b6; max-width: 560px; margin: 0 auto; margin-bottom: 35px;} .teaser-date{margin-bottom: 55px;} .teaser-date .date-square{font-family: 'Montserrat', sans-serif; float: left; width: 25%; position: relative;} .teaser-date .date-square:after{height: 60px; width: 1px; background: #e3e3e3; position: absolute; top: 50%; margin-top: -30px; left: 0; content: "";} .teaser-date .date-square:first-child:after{display: none;} .teaser-date .date-square span{display: block; font-size: 72px; line-height: 70px; display: block; font-weight: 400; color: var(--paragraph-color-three);} .teaser-date .date-square p{font-size: 18px; line-height: 24px; display: block; font-weight: 700; color: var(--body-font); text-transform: uppercase;} .teaser-content .center{max-width: 740px; margin: 0 auto; padding: 0 15px;} .teaser-copyright{text-align: center; padding: 25px 0;} .teaser-copyright .copyright{margin-bottom: 0;} .teaser-copyright .copyright a{color: #d7af23;} .styled-form{max-width: 430px; margin: 0 auto;} .styled-form .form-title{font-size: 13px; line-height: 27px; color: #313131; text-align: left;} .styled-form .submit-wrapper{position: relative; float: right; height: 45px; white-space: nowrap; line-height: 45px; width: 110px; background: #d7af23; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center;} .styled-form .submit-wrapper:hover{background: #c2c2c2!important; color: #fff;} .styled-form .submit-wrapper input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: none;} .styled-form .field-wrapper{border: 1px #e6e6e6 solid; border-right: none; height: 45px; margin-right: 110px;} .styled-form .field-wrapper input{width: 100%; padding: 0 20px; border: none; font-size: 13px; line-height: 43px; height: 43px;} /*Phones (<768px)*/ @media (max-width: 767px) { .teaser-date .date-square span{font-size: 38px; line-height: 34px;} .teaser-date .date-square p{font-size: 14px;} .teaser-content{padding: 35px 0;} } /*teaser 2*/ body.teaser-2{background: #000;} body.teaser-2 .teaser-container{background-color: transparent;} body.teaser-2 .teaser-background{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; opacity: 0.3;} body.teaser-2 .teaser-content{background: none;} body.teaser-2 .teaser-container .row-view{height: 0%;} body.teaser-2 .teaser-title{color: #fff;} body.teaser-2 .teaser-description{color: #b6b6b6;} body.teaser-2 .teaser-date .date-square span{color: #fff;} body.teaser-2 .teaser-date .date-square p{color: #edc32f;} body.teaser-2 .teaser-date .date-square:after{background: rgba(255,255,255,0.3);} body.teaser-2 .styled-form .field-wrapper{border-color: rgba(255,255,255,0.1);} body.teaser-2 .styled-form .field-wrapper input{background: rgba(255,255,255,0.1); color: #fff;} body.teaser-2 .teaser-copyright .copyright a:hover{color: #fff!important;} /*teaser 2*/ body.teaser-3{background: #000;} body.teaser-3 .teaser-container{background-color: transparent;} body.teaser-3 .teaser-background{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; opacity: 0.5;} body.teaser-3 .teaser-content{background: none;} body.teaser-3 .teaser-container .row-view{height: 0%;} body.teaser-3 .teaser-title{color: #fff;} body.teaser-3 .teaser-description{color: #b6b6b6;} body.teaser-3 .styled-form .field-wrapper{border-color: rgba(255,255,255,0.1);} body.teaser-3 .styled-form .field-wrapper input{background: rgba(255,255,255,0.1); color: #fff;} body.teaser-3 .teaser-copyright .copyright a{color: #6aa207;} body.teaser-3 .teaser-copyright .copyright a:hover{color: #fff!important;} body.teaser-3 .styled-form .submit-wrapper{background: #6aa207;} body.teaser-3 .teaser-title{font-size: 72px; line-height: 62px; border-top: 4px #fff solid; border-bottom: 4px #fff solid; display: inline-block; margin-bottom: 15px;} /*Phones (<768px)*/ @media (max-width: 767px) { body.teaser-3 .teaser-title{font-size: 52px; line-height: 45px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - X */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .message-box{color: #8cbc09; border: 2px currentColor solid; margin-bottom: 25px; position: relative;} .message-icon{position: absolute; width: 62px; height: 100%; background: currentColor; left: 0; top: 0;} .message-icon .fa{font-size: 24px; line-height: 24px; text-align: center; color: #fff; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px;} .message-text{font-size: 13px; color: #2e2e2e; font-weight: 500; line-height: 22px; padding: 20px 60px 20px 100px;} .message-text b{font-weight: 700;} .message-close{width: 55px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer;} .message-close .fa{font-size: 12px; line-height: 12px; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -6px; color: #808080;} .message-danger{color: #bc0909;} .message-warning{color: #e7b60a;} .message-info{color: #03b4ea;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - X */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .overlay-popup{position: fixed; width: 100%; height: 100%; z-index: 15; left: -100%; top: 0; overflow: hidden;} .overlay-popup.visible{left: 0;} .overlay-popup *:last-child{margin-bottom: 0!important;} .overlay-popup .close-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); opacity: 0; min-height: 100vh;} .overlay-popup .cell-view{position: relative;} .overlay-popup.active .close-layer{opacity: 1;} .overlay-popup .overflow{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow-x: hidden;} .overlay-popup .popup-container{padding: 45px; background: #fff; max-width: 860px; margin: 0 auto; text-align: left; position: relative; transform: perspective(2000px) rotateX(77deg); -moz-transform: perspective(2000px) rotateX(77deg); -webkit-transform: perspective(2000px) rotateX(77deg); -ms-transform: perspective(2000px) rotateX(77deg); opacity: 0;} .overlay-popup.active .popup-container{transform: perspective(2000px) rotateX(0deg); -moz-transform: perspective(2000px) rotateX(0deg); -webkit-transform: perspective(2000px) rotateX(0deg); -ms-transform: perspective(2000px) rotateX(0deg); opacity: 1;} .overlay-popup .popup-container .gallery-image{width: 100%; height: auto;} .close-popup{width: 19px; height: 19px; position: absolute; top: 18px; right: 18px; cursor: pointer;} .close-popup:before, .close-popup:after{width: 19px; height: 2px; top: 50%; margin-top: -1px; left: -2px; content: ""; background: #292929; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;} .close-popup:after{transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} #product-popup .popup-container{max-width: 860px; width: 100%;} #subscribe-popup .popup-container{max-width: 830px; width: 100%; padding: 80px 330px 80px 70px;} .popup-background{position: absolute; right: 0; top: 0; height: 100%; width: auto;} .newsletter-title{font-size: 36px; line-height: 48px; color: #3d3d3d; font-weight: 400; position: relative;} .newsletter-text{font-size: 14px; line-height: 26px; color: #808080; font-weight: 300; margin-bottom: 25px; position: relative;} .newsletter-text a{font-weight: 500; color: #3d3d3d; text-decoration: underline;} .newsletter-text a:hover{text-decoration: none;} .overlay-popup .styled-form{margin-bottom: 25px; max-width: 100%;} .overlay-popup .form-title{font-size: 13; z-index: 48px; color: #313131; font-weight: 600;} /*Phones (<768px)*/ @media (max-width: 767px) { .overlay-popup .popup-container{padding: 25px;} .close-popup{top: 4px; right: 4px;} #product-popup .cell-view, #product-popup .table-view{display: block;} .popup-background{display: none;} #subscribe-popup .popup-container{min-width: 0; padding: 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - X */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .jspPane{margin-left: 0!important; margin-right: 10px;} .jspContainer{overflow: hidden; position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; border-left: 1px solid var(--btn-color-one);} .jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #fff; position: relative;} .jspDrag{background: #c2c2c2; position: relative; top: 0; left: 0; cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left; height: 100%;} .jspArrow{background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0;} .jspArrow.jspDisabled{cursor: default; background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px; float: left; height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4; float: left; height: 100%;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - X */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .article-container{font-size: 13px; line-height: 22px; color: #808080; margin-bottom: 25px;} .article-container b{font-weight: 500; color: #2e2e2e;} .article-container a{color: #d14242;} .article-container li a{color: #808080;} .article-container a:hover{color: #2e2e2e;} .article-container.columns-2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .article-container.columns-3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .article-container p, .article-container ul, .article-container ol, .article-container img{margin-bottom: 15px;} .article-container ol li{font-size: inherit; line-height: inherit; color: inherit;} .article-container ul li{padding: 4px 0 4px 10px;} .article-container ul li:before{content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 5px;} .article-container h1, .h1{font-size: 32px; line-height: 32px; color: var(--heading-color); font-weight: 500; margin-bottom: 15px;} .article-container h2, .h2{font-size: 28px; line-height: 34px; color: var(--heading-color); font-weight: 300; margin-bottom: 15px;} .article-container h3, .h3{font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 11px; color: #000;} .article-container h4, .h4{font-size: 14px; line-height: 22px; color: var(--heading-color); font-weight: 600; margin-bottom: 15px; text-transform: uppercase;} .article-container h5, .h5{font-size: 13px; line-height: 30px; color: var(--heading-color); font-weight: 600; text-transform: uppercase;} .article-container h5 .fa, .h5 .fa{font-size: 20px; color: #d14242; display: inline-block; vertical-align: middle; position: relative; top: -3px; margin-right: 5px;} .article-container h6, .h6{font-size: 11px; line-height: 18px; color: var(--heading-color); font-weight: 700; margin-bottom: 15px;} .article-container.style-1{font-size: 14px; line-height: 25px; font-weight: 300;} /*Phones (<768px)*/ @media (max-width: 767px) { .article-container.columns-2, .article-container.columns-3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - MEDIA QUERIES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*Desktops (>=1200px)*/ @media (min-width: 1200px) { } /*Desktops (>=992px)*/ @media (max-width: 1199px) { } /* Tablets (>=768px)*/ @media (max-width: 991px) { } /*Phones (<768px)*/ @media (max-width: 767px) { } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 00 - CSS ANIMATIONS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .sidebar-navigation .entry:before, .sidebar-navigation .entry, .button, .socials-box a, .socials-box a .fa, .search-drop-down .category-entry, .search-button, .header-functionality-entry, footer a, .product-slide-entry .title, .product-slide-entry .tag, .inline-product-entry .title, .inline-product-entry .image, .list-type-1 a, .hover-class-1:after, .hover-label, .menu-slider-arrows a .fa, .bottom-line-a, .top-line-a, .fixed-header-square-button .fa, .read-more, .product-mix-info, .simple-search-form .simple-submit, .departmets-drop-down .list a, .copyright a, .styled-form .submit-wrapper, .socials-box a .fa, .sidebar-logos-row a img, a.sale-entry:before, a.sale-entry .sale-price, a.sale-entry .sale-price span, a.sale-entry .sale-description, .breadcrumb-box a, .icon-entry .image, .quantity-selector .entry.number-minus, .quantity-selector .entry.number-plus, .tabs-container.style-1 .tab-switcher, .size-selector .entry:after, .color-selector .entry:after, .color-selector .entry:before, .blog-entry .title, .blog-entry .subtitle a, .blog-entry .subtitle a b, .blog-entry .readmore, .square-button, .tags-box a, .categories-list ul li a, .container-404 .text a, .portfolio-navigation a, .portfolio-entry .title, .action-button, .hover-layer, .continue-link, .accordeon-title, .traditional-cart-entry .tag, .traditional-cart-entry .title, .remove-button, .cart-summary-box .simple-link, .checkout-progress-widget a.step-entry, .simple-field, .column-article-entry .title, .product-slide-entry .subtitle, .parallax-view, .simple-form .submit, .latest-entries-heading .latest-more, .demo-categories-entry .title, .demo-categories-entry .list a, .sale-entry-border, .sale-entry-border:before, .color-text-widget, .color-text-widget .cell-view, .color-text-widget .title, .color-text-widget .description, .sale-entry, .simple-search-form, .special-item-entry>img{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;} .product-slide-entry .product-image:after, .sidebar-navigation .title .fa, .navigation-banner-content, .from-the-blog-entry .image:after, .toggle-list-button:after, .product-image .bottom-line, .product-image .top-line-a, .navigation-banner-content .subtitle, .navigation-banner-content .title, .navigation-banner-content .description, .navigation-banner-content .info, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .swiper-slide .parallax-article .info, a.mozaic-banner-entry .subtitle, a.mozaic-banner-entry .title, a.mozaic-banner-entry .description, a.mozaic-banner-entry:before, .creative-square-box .background-box, .creative-square-box:before, .promo-banner-box:before, .promo-banner-box .promo-text, .promo-banner-box .promo-text .description, .product-image img, .product-thumbnails-swiper .paddings-container, .blog-entry .image img, .comment-image:after, .hover-layer .info, .title-info, .actions, a.mozaic-banner-entry .view{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;} .swiper-slide .parallax-article .title, .portfolio-entry .image img, .portfolio-entry:hover .portfolio-drop-down, .overlay-popup .close-layer, .overlay-popup .popup-container{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;} .creative-square-box:hover .background-box, .blog-entry .image:hover img, .portfolio-entry:hover .image img{-moz-transition:all 15000ms linear!important; -o-transition:all 15000ms linear!important; -webkit-transition:all 15000ms linear!important; transition:all 15000ms linear!important; -ms-transition:all 15000ms linear!important;} .disable-animation, .shop-grid .product-slide-entry .title{-moz-transition: none!important; -o-transition: none!important; -webkit-transition: none!important; transition: none!important; -ms-transition: none!important;} /*transition delay*/ .navigation-banner-content .subtitle, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .overlay-popup.active .popup-container{transition-delay:200ms; -moz-transition-delay:200ms; -webkit-transition-delay:200ms; -ms-transition-delay:200ms;} .navigation-banner-content .title{transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms;} .swiper-slide .parallax-article .info{transition-delay:400ms; -moz-transition-delay:400ms; -webkit-transition-delay:400ms; -ms-transition-delay:400ms;} .header-demo{height: 250px; position: relative; background-size: cover; background-position: center top; margin-bottom: 50px;} .header-demo.background-demo:before{background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .header-demo .header-wrapper.style-3 header:before{height: 205px;} .header-demo header{position: absolute!important;} /*ie*/ _:-ms-input-placeholder, :root .simple-field.simple-drop-down select {padding-right: 22px;} _:-ms-input-placeholder, :root .size-1.simple-field.simple-drop-down select{padding-right: 14px;} _:-ms-input-placeholder, :root .simple-drop-down select{padding-right: 10px;} @media (max-width: 991px) and (min-width: 768px){ .header-functionality-entry{margin-left: 15px;} } .showsub-menu { display: block; } .furniture-footer-1 .footer_furniture-widget h4.footerTittle, .furniture-footer-1 .widget.sidebar-widget h4.footerTittle{ color: var(--paragraph-color) !important; font-size: 18px; padding: 0px; margin-bottom: 20px; } .furniture-footer-1 .footer_furniture-widget .footer-widget .listing .listItem a, .furniture-footer-1 .widget.sidebar-widget .widget-category-list .single-item a{ color: var(--paragraph-color) !important; } .footer-widget .listing-info .listItem{ padding: 5px 0 5px 5px; } .furniture-footer-1 .widget.sidebar-widget .widget-category-list li.single-item{ padding: 5px 0px; } .furniture-footer-1 .widget.sidebar-widget .widget-category-list li.single-item a{ font-size: 16px; } /*NEWLY ADDED CSS*/ body.furniture p.itemsCap, body.furniture span.offerStyle{ color: var(--paragraph-color-two) !important; } body.furniture a.itemsTittle{ color: var(--paragraph-color-three) !important; } body.furniture a.itemsTittle:hover{ color: var(--paragraph-color-two) !important; } .furniture .sectionBg1{ background: var(--main-color-one); } .furniture .heroCaption.heroPadding { padding: 0px !important; } .furniture .shapeHero{ display:none !important; } .furniture .section-tittle .title{ color: var(--main-color-one) !important; font-size: 36px; } .furniture .singleProduct .productCap a.title{ font-size: 18px ; color: var(--main-color-one) ; } .furniture .singleProduct .productCap .productPrice strong.regularPrice, .furniture .singleProduct .productCap .productPrice span.offerPrice{ color: var(--main-color-one) !important; } .furniture .productCampaign .small-tittle .tittle{ color: var(--main-color-one) !important; } .furniture .agro-newsletter h3{ font-size: 32px; } .furniture .agro-newsletter p{ font-size: 16px; color: #c4c1c1; } .furniture .agro-newsletter input.form-input{ width: 100%; padding: 12px; border: none; border-radius: 10px; } .furniture .agro-newsletter .form-button{ margin-top: 5px; } .furniture .agro-newsletter .form-button button{ background: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .furniture #searchResults { background: #fff; border-radius: 7px; display: block; margin: 5px 0 0 0; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); } .furniture #searchResults .matchedPackages a { color: #222; text-transform: capitalize; display: block; padding: 10px 15px; border-radius: 7px; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .furniture #searchResults .matchedPackages a:hover { background: #e7f1ff; } .furniture #searchResults .matchedPackages:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .furniture #searchResults .matchedPackages:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .furniture .footer_ecommerce-widget .footerTittle, .furniture .footer_mango-widget .footerTittle{ font-size: 22px; color: var(--footer-text-color); padding: 5px 0; } .furniture .footer_ecommerce-widget .listing, .furniture .footer_ecommerce-widget .listing-info, .furniture .footer_mango-widget .listing, .furniture .footer_mango-widget .listing-info{ padding: 10px 0; } .furniture .footer_ecommerce-widget .listItem a, .furniture .footer_mango-widget .listItem a{ font-size: 16px; color: var(--footer-text-color); } .furniture .footer_ecommerce-widget .listItem a:hover, .furniture .footer_mango-widget .listItem a:hover{ color: var(--link-hover-color); } .furniture .footer-widget .footer-pera p, .furniture .footer-widget .footer-pera p{ font-size: 16px; line-height: 1.5; color: var(--footer-text-color); } .furniture .footer-bottom-navigation{ background-color: var(--copyright-background-color); } .furniture .copyright p{ color: var(--copyright-text-color) } .furniture .breadcrumb-padding{ padding: 0; margin: 0; } .furniture .heroPadding2{ padding: 30px 0px 96px 0px; } .furniture .searchBox-wrapper .search-box .input-form .icon{ background-color: var(--button-color); /*color: var(--button-text-color);*/ } .furniture .servicesArea h4.title, .furniture .servicesArea .small-tittle .tittle{ color: var(--heading-color); font-size: 24px; } .furniture .servicesArea .popularServices-global .itemsCaption a{ color: var(--link-color) !important; font-weight: 500; } .furniture .servicesArea .popularServices-global .itemsCaption a:hover{ color: var(--link-hover-color) !important; } .furniture .servicesArea .contactUs.query_form .catTittle{ color: #0f0f0f; } .furniture .btn-wrapper .cmn-btn1:hover, .furniture .furniture_cmn_btn:hover, .furniture .pagination .page-item.active .page-link:hover, .furniture .pagination .page-item:hover .page-link:hover, .furniture .singleServices-global .eventCaption .cmn-btn-outline3:hover, .furniture .add-to-buy-now-btn:hover.barberShop__shop__cart, .furniture .singleProduct .btn-wrapper .cmn-btn-outline3:hover{ background-color: var(--button-hover-color); color: var(--button-hover-text-color); } .furniture .singleServices-global .eventCaption .tittle{ color: var(--heading-color); } .furniture .singleServices-global .eventCaption .tittle:hover{ color: var(--link-hover-color); } .furniture .singleServices-global .eventCaption p{ color: var(--paragraph-color); line-height: 1.5; font-size: 16px; } .furniture .servicesArea .serviceProvide p{ font-size: 16px; line-height: 1.5; } .furniture .selectItems .nice-select{ background-color: var(--button-color); /*color: var(--button-text-color);*/ } .furniture .singleProduct .productCap .global-card-contents-title a{ color: #222; font-size: 14px; word-break: break-word; font-weight: 600 ; } .furniture .singleProduct .productCap .global-card-contents-title a:hover{ color: var(--link-hover-color); } .furniture .productPrice .regularPrice { font-weight: 500; font-size: 18px; display: inline-block; /*color: rgb(38, 150, 70);*/ } .furniture .singleProduct .productCap .quintity { font-style: italic; font-size: 12px; } .furniture .barberShop__shop__cart{ border: 1px solid var(--button-color); color: var(--button-color); background-color: #fff; } .furniture .barberShop__shop__cart:hover{ border: 1px solid var(--button-color); color: var(--button-text-color); background-color: var(--button-color); } .furniture .singleContact .icon-wrap .icon{ background-color: var(--main-color-one); /*color: var(--icon-color);*/ } .furniture .singleContact .cat-cap .tittle{ font-size: 18px; margin: 0 0 0 0; } .furniture .contact_form .tittle{ font-size: 24px; } .furniture .form-group label{ color: var(--paragraph-color); } /*.furniture .header-middle .main-nav {*/ /* display: flex;*/ /* gap: 20px;*/ /*}*/ .furniture .header-middle .main-nav li a { font-size: 16px; color: var(--nav-text-color); } .furniture .header-middle .main-nav li a:hover { color: var(--nav-text-color); } .furniture .header-top .topheader-wrapper { display: flex; align-items: center; justify-content: space-between; } .furniture .header-top .topheader-wrapper a { color: #fff; border: none; } .furniture .headermid-wrapper { /*margin: 0 0 30px 0;*/ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 10px 0; background: var(--nav-background); } .global-side-cart .cap a { color: #222 !important; } .furniture .banner-maincontents { height: 505px; background: #00000087; display: flex; flex-direction: column; justify-content: center; padding: 50px; } .furniture .banner-maincontents h1 { font-size: 45px; color: #fff; width: 40%; text-transform: capitalize; margin: 0 0 20px 0; } .furniture .banner-maincontents h4 { color: #fff; font-size: 18px; margin: 0 0 10px 0; font-style: italic; } .furniture .banner-maincontents p { font-size: 15px; color: #fff; margin: 0 0 20px 0; } .furniture .banner-maincontents .info .button { color: #fff; } .furniture .footer-wrapper .footer-columns-entry ul li { margin: 0 0 15px 0; } .furniture .footer-wrapper .footer-columns-entry ul li a { line-height: 1.8; font-weight: 300 !important; } .furniture .footer-wrapper .footer-columns-entry ul li a i { margin-right: 5px; } .furniture .softwareFirm_blog_area .softwareFirm_blog__thumb {position: relative;} .furniture .softwareFirm_blog_area .softwareFirm_blog__thumb span { position: absolute; bottom: 7px; left: 0; background: #0000009c; color: #fff; padding: 10px 10px; border-top-right-radius: 4px; } .furniture .softwareFirm_blog_area .softwareFirm_blog__thumb img { height: 315px; width: 100%; object-fit: cover; } .furniture .suggested-products .inline-product-entry .content { margin: 0; text-align: center; } .furniture .suggested-products .inline-product-entry img { height: 75px; object-fit: contain; } .furniture .suggested-products .inline-product-entry .image { width: auto; float: none; } .furniture .suggested-products .inline-product-entry { border: 1px solid #ddd; border-radius: 10px; } .furniture .suggested-products .inline-product-entry .content .contents-wrapper > a { color: #222; font-weight: 600; font-size: 16px; padding: 0 11px; margin: 0 0 10px 0; } .furniture .tabsproducts-listing .tabs-switch img { height: 210px; object-fit: cover; width: 100%; } .furniture .breadcrumb-inner nav ul { background: transparent; padding: 15px 0; gap: 10px; } .furniture .relatedProduct .section-tittle h2 { font-size: 28px; } .furniture .ourReview .capDescription .loginArea { padding: 0; } .villagerstraders-com .agro-newsletter p { font-size: 16px; color: #222; } .furniture .mango-product-container .mango-section-title h2, .furniture .mango-product-tabs-container .mango-section-title h2{ text-align: center; padding: 10px 0; font-size: 44px; font-weight: 600; line-height: 1.2; color: var(--heading-color); } .furniture .mainslider-aside { margin-top: 60px; } .furniture .footer-columns-entry.container .row { justify-content: space-between; } .furniture .header-middle .middle-entry i { font-size: 35px; cursor: pointer; /*color: #fff;*/ } .furniture .main-nav-show { display: block !important; background: var(--top-nav-color); width: 100%; position: absolute; left: 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; z-index: 7; padding: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .furniture .main-nav-show li { padding: 0 0 10px 0; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; } .furniture .main-nav-show li a { display: block; } .furniture .main-nav-show li:last-child { margin: 0; } .furniture .blogArea-global .blog-img img { height: 345px; object-fit: cover; width: 100%; } .furniture .header-top-right-entries .selected-language { display: none; } .furniture .header-top-right-entries { display: flex; align-items: center; } .furniture .header-top-right-entries ul { display: flex; gap: 10px; } .furniture .header-top-right-entries ul li a {font-weight: 500 !important;font-size: 14px;} .furniture .order-summery-contents .proceed_checkout_btn { background: var(--main-color-one); color: #fff; } .furniture .order-summery-contents .cmn-btn-outline3 { border: 1px solid var(--main-color-one); color: var(--main-color-one); font-size: 16px; } .furniture .order-summery-contents .cmn-btn-outline3:hover { color: #fff; } .furniture .mango-product-tabs-container .product-container .product-card-content .title { word-break: break-word; } .furniture .cart-area .table-wishList thead { background: var(--main-color-one); } .furniture .cart-area .table-wishList thead tr th { color: #fff; border-right: 1px solid #fff; } .furniture .cart-area .table-wishList thead tr th:last-child { border: none; } .furniture .cart-area .table-wishList tbody tr td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .furniture .cart-area .table-wishList tbody tr td:first-child { border-left: 1px solid #ddd; } .furniture .error-page-content .billing-wrappers .billing-items {background: #fff;} .furniture .error-page-content { background: #f1f1f1; } .furniture .error-page-content .billing-wrappers .billing-items .billing-title, .furniture .error-page-content .right-content-area .billing-title{ background: var(--main-color-one); color: #fff; padding: 5px 5px; } .furniture .error-page-content .billing-wrappers .billing-items ul li { font-weight: 400 !important; padding: 0 10px; font-size: 14px; } .furniture .error-page-content .billing-wrappers .billing-items .btn-wrapper a { background: var(--main-color-one); color: #fff !important; margin: 0 0 20px 0; } .furniture .error-page-content .billing-wrappers .billing-items .btn-wrapper { text-align: center; margin: 20px 0 20px 0; } .furniture .error-page-content .right-content-area .price-table table thead { background: #c1c1c1; } .furniture .error-page-content .right-content-area .price-table { margin: 10px 0 0 0; } .furniture .error-page-content .right-content-area .price-table table tbody tr td { border: 1px solid #ddd; font-size: 14px; } .furniture .error-page-content .right-content-area .price-table table thead tr th { border-right: 1px solid #ddd; font-size: 14px; font-weight: 700; } .furniture .cart-area .btn-wrapper .barberShop_cmn_btn.btn_bg_1 { background: #fff; } .furniture .dashboard-right .order-history-inner .bg-dark { background: #314f2d !important; } .furniture .dashboard-right .order-history-inner table tbody tr td { border: 1px solid #ddd; } .furniture .dashboard-right .order-history-inner table thead tr th { border-right: 1px solid #ddd; } .furniture .dashboard-right .order-history-inner table tbody tr td .text-dark { background: #198754; color: #fff !important; font-size: 12px; padding: 0 8px; border-radius: 5px; } .furniture .order-summery-contents .checkout-cart-wrapper { max-height: max-content; overflow: hidden; } .furniture .checkout-area .single-check-carts .check-cart-flex-contents h6 { font-size: 14px; } .furniture .checkout-area .single-check-carts .checkout-cart-price { font-size: 14px; font-weight: 700 !important; } .furniture .blogDetails .login-form { border: 1px solid #ddd; padding: 30px; border-radius: 10px; } .furniture .blogDetails .login-form .login-form { border: none; padding: 0; border-radius: 0; } .furniture .blogDetails .login-form h4 { color: var(--main-color-one); font-size: 24px; text-transform: capitalize; } .furniture .blogDetails .blog-img .posted-date { position: absolute; bottom: 0; background: #0000007a; color: #fff; padding: 5px 5px; border-top-right-radius: 5px; } .furniture .search-form { background: #0000009c; position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 3; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: 0.5s ease-in; } .furniture .opensearch-form { visibility: visible; opacity: 1; } .furniture .search-form form { position: relative; width: 992px; } .furniture .search-form form button { position: absolute; top: 0; right: 0; border: 1px solid transparent; background: transparent; color: #fff; font-size: 22px; } .furniture .search-form #closesearch-form { position: absolute; top: 50px; right: 50px; } .furniture .search-form #closesearch-form i { font-size: 30px; } .furniture .search-form form input { background: transparent; border: 1px solid transparent; border-radius: 0; border-bottom: 1px solid #fff; } .furniture .search-form form input:focus { background: transparent; color: #fff; outline: none; border: 1px solid transparent; box-shadow: none; border-bottom: 1px solid; } .furniture .search-form form input::placeholder { color: #fff; } .furniture .header-middle .logo-wrapper { width: 200px; } /*.furniture .header-top-entry:first-child {display: none;}*/ .furniture .header-top-entry .title { border-left: none; } .furniture .categoryOption ul li, .furniture .categoryOption ul li a, .furniture .categoryOption ul li small{ font-weight: 400 !important; } .furniture .categoryOption ul li { position: relative; } .furniture .categoryOption ul li small { position: absolute; top: 0; right: 0; } .furniture .keysearch_module #global-search-form .form-group { width: 100%; } .furniture .keysearch_module #global-search-form .form-group input { padding-right: 60px; } .furniture .keysearch_module .serach-result ul { gap: 0; } .furniture .keysearch_module .serach-result li a { color: #222 !important; } .furniture .keysearch_module .serach-result li a:hover { color: var(--maincolor) !important; } /*.furniture .swiper-tabs .product-container .product-slide-entry .product-image img {*/ /* height: 240px;*/ /* object-fit: contain;*/ /*}*/ .construction_blog_area .construction_blog__contents ul { display: flex; gap: 10px; } .construction_blog_area .blog-img { position: relative; } .construction_blog_area .blog-img .img-text { position: absolute; top: 10px; left: 10px; background: var(--main-color-one); color: #fff; padding: 0 10px; } .call-to-action .position-relative .contents { height: 100%; display: flex; flex-direction: column; justify-content: center; padding-right: 2rem; } .villagerstraders-com { overflow: clip; } .checkout-wrapper .checkout-form-wrapper form .proceed_checkout_btn { border: 1px solid; border-radius: 69px !important; background: transparent !important; color: #222 !important; } .checkout-wrapper .checkout-form-wrapper form .proceed_checkout_btn:hover { color: #fff !important; } .checkout-wrapper .checkout-form-wrapper form .btn-wrapper a { background: var(--main-color-one); color: #fff; } .agro-newsletter .parallax-content form { display: flex; position: relative; border: 2px solid; border-radius: 30px; } .agro-newsletter .parallax-content form input, .agro-newsletter .parallax-content form input::placeholder{ color: #222 !important; } .checkout-area .checkout-wrapper .checkout-inner .checkout-form .checkbox-inlines input { -webkit-appearance: auto; } .checkout-area .checkout-wrapper .checkout-inner .checkout-form .checkbox-inlines { display: flex; align-items: center; } .checkout-area .checkout-wrapper .checkout-inner .checkout-form .manual_payment_attachment_div input { -webkit-appearance: auto; } .checkout-area .checkout-wrapper .checkout-inner .checkout-form .manual_payment_attachment_div label { display: inline-block; } .mango-product-tabs-container .product-container .product-card-content .tag { font-size: 14px; font-weight: 400 ; line-height: normal; margin: 0 0 10px 0; color: #222 !important; } .mango-product-tabs-container .product-container .product-card-content .price { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 5px; margin: 15px 0 5px 0; } .mango-product-tabs-container .product-container .product-card-content .price .prev { font-size: 12px; line-height: 13px; /*color: #222;*/ } .mango-product-tabs-container .product-container { height: 340px; margin: 0 0 20px 0; overflow: hidden; } .columbiasportswear { overflow: clip; } .columbiasportswear .cta_2 { margin: 0 0 70px 0; } .microlandcomputer-com .ourBranding-global { padding: 0; } .furniture .singleProduct .productCap a { font-weight: 400 ; font-size: 14px; } .furniture .pagination .pagination-list li .page-number { background: #f1f1f1; font-weight: 400 !important; } .furniture .pagination .pagination-list li .current { background-color: var(--main-color-one) !important; } .microlandcomputer-com .shop-area .global-card-contents-title a { font-size: 14px; font-weight: 400 !important; line-height: normal; margin: 0 0 10px 0; color: #222 !important; height: 40px !important; } .microlandcomputer-com .shop-area .price-update-through { margin: 0 !important; } .microlandcomputer-com .shop-area .price-update-through .flash-prices { color: var(--main-color-one); font-weight: 700; font-size: 18px; } .microlandcomputer-com .shop-area .price-update-through .flash-old-prices { text-decoration: line-through; font-size: 12px; margin-left: 5px; color: #808080; } .microlandcomputer-com .shop-area h4 { font-size: 28px; margin: 0; } .shop-area .shop-contents-wrapper { width: 100%; display: block; } .capDescription .single-description-tab-content ul li { font-weight: 400 !important; list-style: disc; } .capDescription .single-description-tab-content ul li b { font-weight: 600; margin-right: 5px; } .capDescription .single-description-tab-content ul { padding: 0 0 0 20px; } .furniture .singleProduct .productCap .global-card-contents-title { width: 100%; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; } .furniture .breadcrumb .breadcrumb-item { color: #222; } .furniture .blogDetails .recent_post_item li { display: flex; } .furniture .blogDetails .recent_post_item li .thumb { flex: 0 0 25%; } .furniture .blogDetails .recent_post_item li .content { flex: 0 0 75%; padding: 10px; } .furniture .blogDetails .recent_post_item li .content .title a { font-weight: 500 !important; } .furniture .blogDetails .recent_post_item li .content .time { font-weight: 400; font-style: italic; font-size: 14px; } .furniture .blogdetails-single h4 strong { color: #222; } .furniture .blogDetails .blogCaption h3 { color: #222; } .singleBlog-global .blogCaption .blogFooter { display: none; } .singleBlog-global .blogCaption h3 { color: #222; } .blog_comment_container .reviewText { width: 100%; } .blog_comment_container .reviewText .d-flex { flex-direction: column-reverse; align-items: flex-start !important; margin: 0 0 20px 0; } .blog_comment_container .reviewText .d-flex span { color: #808080; font-style: italic; margin: 0; } .categoryListing .browse-cat { display: none; } .quick-view-thumb img { height: auto !important; } .further-cart-btn-wrapper a { border: 1px solid transparent !important; } .further-cart-btn-wrapper a:hover { color: var(--top-nav-color) !important; border: 1px solid var(--top-nav-color) !important; } .furniture .singleContact .cat-cap .pera { word-break: break-word; font-size: 14px; } .furniture .contactArea .singleContact { border: 1px solid #E1E1E1; height: 200px; background: #f1f1f1; } .furniture .ourReview .capDescription .loginArea .section-tittle h2:before, .furniture .ourReview .capDescription .loginArea .section-tittle h2:after{ display: none; } .offer-area-info-block .special-item-entry .button { color: #fff !important; } .single-shop-details-wrapper .name_badge .tittle { font-size: 32px; } .furniture .tittle:before, .furniture .tittle:after { display: none; } .furniture .section-title p { padding: 0 !important; } .section-title h2 { padding: 0 !important; } .savitriincense .categoryListing .simplePresentCart3:last-child { display: none; } .thehanashop .cta-section .row { flex-direction: column; justify-content: center; align-items: center; } .thehanashop .cta-section .row .col-lg-3:first-child { display: none; } .thehanashop .cta-section .row .box-2 { margin: 30px 0 0 0; } .thehanashop .eventListing .row.justify-content-between.mb-24 { display: none; } .thehanashop .furniture-header { position: relative; z-index: 1; } .thehanashop .header-top, .thehanashop .headermid-wrapper{ background: transparent !important; border-bottom: none; box-shadow: none; } .thehanashop .headermid-wrapper .header-middle { border: none; } .thehanashop .footer-wrapper.style-3 .copyright a { color: #222; } .mozaic-banner-content .title { font-size: 32px; } .information-blocks img { width: 100%; height: auto; } .headerCart-body .btn-wrapper a { background: var(--button-color) !important; border: 1px solid !important; } .contact_form form button:hover { color: #fff !important; } .headerCart-body .btn-wrapper a { color: #fff !important; } .product-view-wrap .image-count{ display: none; } .product-view-wrap .thumb-wrap .slick-arrow { display: none !important; } .mango-product-container .product-container .product-card-content .title { padding: 0; border: none; } .products-featured .product-image .title { padding: 0; } .hausalagrihiniudhyog .hausalagrihiniudhyog-header .main-nav li a:hover { color: var(--main-color-one); } .furniture ul.dashboard-list .list:nth-child(2) { display: none; } .footer-social .social { display: flex; justify-content: center; align-items: center; } .footer-social { display: flex; } .dashboard-right .editprofile-dashboard h2 { background: var(--main-color-one); color: #fff; padding: 10px 10px; margin: 0; font-size: 21px; } .dashboard-right .editprofile-dashboard form { border: 1px solid #ddd; padding: 30px; padding-top: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .dashboard-right .editprofile-dashboard form .btn-wrapper button { background: var(--main-color-one); border: 1px solid transparent !important; transition: 0.5s ease-in; } .dashboard-right .editprofile-dashboard form .btn-wrapper button:hover { background: var(--secondary-color); } /*.zero-emission .single-shop-details-wrapper .color-heading strong:before {*/ /* content: 'Battery Variation';*/ /* font-size: 16px;*/ /* padding-right: 5px;*/ /*}*/ /*.zero-emission .single-shop-details-wrapper .color-heading strong {*/ /* font-size: 0;*/ /*}*/ .zero-emission .grid-product-list .productCap .avilable, .zero-emission .single-shop-details-wrapper .quantity-flex .stock-available{ display: none; } .muskan-enterprises .eventListing .row .col-lg-4 .categoryListing .simplePresentCart3:last-child { display: none; } .zero-emission #listproducttop .singleProduct .productPrice-shop .current, .categoryOption .category-lists.active-list .category-main-title:first-child{ display: none; } /*Responsive*/ @media (max-width: 1400px){ .dashboard-list .list a { font-size: 14px !important; } .furniture .contactArea .singleContact { height: 230px; } } @media screen and (max-width: 1200px){ .furniture .header-middle { border-bottom: none; padding: 0; } .furniture .contactArea .singleContact { height: 200px; } .furniture .breadcrumb .breadcrumb-item { border: none; } .furniture .breadcrumb .breadcrumb-item a { padding: 0; } .furniture .breadcrumb-inner nav ul { justify-content: flex-start; } .furniture .breadcrumb .breadcrumb-item + .breadcrumb-item::before, .furniture .header-top-right-entries a:nth-child(3){ display: none; } .furniture .header-middle .logo-wrapper img { height: 60px; object-fit: contain; } .furniture .header-middle .main-nav li a { color: #fff; } } @media screen and (max-width: 992px){ .furniture .mango-product-container .product-container .product-card-content .title, .suggested-products .contents-wrapper a{ word-break: break-word; } .furniture .checkout-area .checkout-order-summery { margin-left: 0; } .dashboard-left-content { position: initial; visibility: visible; opacity: 1; min-width: 100%; } .furniture .aboutArea .about-img { margin-bottom: 0; } .mango-product-tabs-container .product-container { height: auto !important; } .product-slide-entry { margin-bottom: 0 !important; } .product-slide-entry .product-image img { height: 290px; object-fit: cover !important; } .mango-product-container .product-container { margin: 0 0 20px 0 !important; } } @media screen and (max-width: 768px){ .furniture .mango-product-tabs-container .tabs-switch .title { display: none; } .mango-product-container .mango-section-title h2 { font-size: 30px; } .furniture .selectItems .nice-select { background-color: var(--button-color); /* color: var(--button-text-color); */ height: auto; padding: 5px 30px; font-size: 12px; min-width: auto; border-radius: 4px; margin: 0; } .sorting_shop_page .list li { font-size: 12px !important; padding: 0 5px; } .furniture .selectItems .nice-select:after { display: none; } .furniture .product-slide-entry { max-width: 100%; } .furniture .suggested-products .inline-product-entry img { height: auto; object-fit: cover; width: 100%; } /*.furniture .header-top-right-entries .fa-user-plus {*/ /* font-size: 21px;*/ /*}*/ .furniture .aboutArea .about-caption .section-title.mb-15, .furniture .information-blocks .row .col-6:nth-child(3) a, .furniture .information-blocks .row .col-6:nth-child(4) a{ margin: 0 0 0 0 !important; } } @media screen and (max-width: 576px){ .furniture .header-top .topheader-wrapper { flex-direction: column; } .furniture .relatedProduct .section-tittle h2 { font-size: 24px; } .relatedProduct .arrowStyleFour .slick-arrow { top: -47px; } .dashboard-left-content .close-bars { display: none; } .product-slide-entry .product-image img { height: 200px ; } .login-page form { padding: 30px 20px; } .information-blocks { margin-bottom: 0; } .swiper-tabs .tabs-entry .row { width: 100%; } .swiper-tabs .tabs-entry { display: flex; justify-content: space-around; } .mango-product-container .mango-section-title h2 { font-size: 24px ; } .furniture .breadcrumb .breadcrumb-item:last-child { padding: 0; } .furniture .header-top-entry .title a { display: block; margin: 10px 0 0 0; } .furniture .header-top-entry .title { text-align: center; } /*.furniture .mango-product-tabs-container .swiper-tabs .nav-pills .nav-link,*/ /*.furniture .mango-product-tabs-container .swiper-tabs .nav-pills .nav-link.active{*/ /* padding: 0;*/ /* font-size: 12px;*/ /*}*/ .furniture .footer-columns-entry { padding-left: 15px; padding-right: 15px; } .mango-product-tabs-container .row .col-6:nth-child(3) .product-container, .mango-product-tabs-container .row .col-6:nth-child(4) .product-container{ margin: 0; } .furniture .tabs-container .product-card-content .title { padding: 0; border: 1px solid transparent; } .furniture .tabs-container .product-card-content .title:after { display: none; } .furniture .contactArea .singleContact { height: auto; } .furniture .aboutArea .listing .listItems .title { font-size: 14px; } .testimonial-area .testimonialCaption { margin: 0 44px; } .testimonial-area .testimonial-founder { justify-content: center; } .furniture .aboutArea .about-caption .tittle, .mango-product-tabs-container .mango-section-title h2, .furniture .mango-product-container .mango-section-title h2, .furniture .mango-product-tabs-container .mango-section-title h2, .testimonial .section-title h1, .consulting_blog_area .title{ font-size: 30px ; } .mango-product-tabs-container .swiper-tabs .nav-pills .nav-link { border-radius: 0; padding: 5px 5px !important; font-size: 14px ; } .mango-product-tabs-container .swiper-tabs .nav-pills .nav-link.active { font-size: 14px ; } .aboutArea .about-caption .section-title.mb-15, .products-gridall .row .col-6:last-child .product-slide-entry, .products-gridall .row .col-6:nth-child(17) .product-slide-entry, .testimonial-area .video-area, .consulting_blog_area .subtitle{ margin: 0 0 0 0 !important; } .mango-product-tabs-container .product-row, .mango-product-container .product-row{ padding: 20px 0 50px 0; } /*.thehanashop .singleProduct img {*/ /* height: 250px !important;*/ /*}*/ } .capDescription .single-description-tab-content ul { padding: 0 !important; } .categoryOption .category-lists .singleOption .toggle-arrow { display: none; } .culinaryedgetools .headermid-wrapper { padding: 0 !important; } .culinaryedgetools .logo-wrapper a { display: block; line-height: 0; } .securanepal .construction_blog_area .container { max-width: 100% !important; width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; } .securanepal .headermid-wrapper { padding: 0 !important; } .securanepal .cta-section p { margin-top: 20px; /* increase spacing */ } .securanepal .left-btn { background-color: #1d4f8a; color: #ffffff !important; border: none; padding: 10px 20px; border-radius: 4px; text-decoration: none; display: inline-block; } .newsangitajewellery .mango-product-tabs-container .product-container .product-card-content .tag { font-weight: 700 !important; } .cosmimart .ProDescription .select-list { flex-wrap: wrap !important; }