Shopping Cart

Designer Wear

Show More

Wedding Wear

Show More

Jewelry Collection

Show More

View All Button

$primaryColor:{{ settings.color_body_primary }}; $BtnBorderRadius: {{ settings.btn_border-radius }}px; $colorBtnPrimary: {{ settings.bg_button }}; $colorBtnPrimaryHover: {{ settings.bg_hover_button }}; $colorBtnPrimaryText: {{ settings.color_text_button }}; $colorBtnPrimaryTextHover: {{ settings.color_text_hover_button }}; $colorBodyText: {{ settings.color_body_text }}; /*================Header================*/ $backgroundTopBar:{{ settings.header_topbar_bg }} ; $headerColor:{{ settings.header_topbar_colortext }} ; $backgroundNavigation:{{ settings.header_nav_bg }} ; $borderColorTopBar:{{ settings.header_top_bar_border }}; $colorTopBar:{{ settings.header_topbar_colortext }}; $colorNavigationLinks:{{ settings.header_nav_color }} ; $headerFontSize: {{ settings.header_font_size }}px; /*=======Product Miniature Title=======*/ $productMinTitleColor:{{ settings.product_min_title_color }} ; $productMinTitleFontSize: {{ settings.product_min_title_fontsize }}px; $productMinTextAlign:{{ settings.product_min_text_align }} ; $productMinTitleFontWeight:{{ settings.product_min_title_fontweight }} ; /*=======Product Miniature Price========*/ $productMinPriceFontSize: {{ settings.product_min_price_fontsize }}px; $productMinPriceColor:{{ settings.product_min_price_color }} ; $productMinOldPriceFontSize: {{ settings.product_min_oldprice_fontsize }}px; $productMinOldPriceColor:{{ settings.product_min_oldprice_color }} ; /*=============Product Flags ===========*/ $productFlagBackgroundColor:{{ settings.product_flags_bg }} ; $productFlagTextColor:{{ settings.product_flags_color }} ; $min: min-width; $max: max-width; @mixin at-query ($constraint, $viewport1, $viewport2:null) { @if $constraint == $min { @media screen and ($min: $viewport1) { @content; } } @else if $constraint == $max { @media screen and ($max: $viewport1) { @content; } } @else { @media screen and ($min: $viewport1) and ($max: $viewport2) { @content; } } } @mixin svg-currency-color($color-svg) { background-image: url('data:image/svg+xml;utf8,'); } *:focus, input:focus, button:focus { outline: none; } .df{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .aic{ -ms-align-items: center; align-items: center; } .aifs{ -ms-align-items: flex-start; align-items: flex-start; } .fww{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } body { max-width: 1920px; margin-left: auto; margin-right: auto; } li{ list-style: none; } .btn { min-width: 200px; line-height: 55px; padding: 0 20px; font-size: 14px; } a { &:hover { text-decoration: none; } } .site-header__cart-toggle { font-size: 21px; color: $headerColor; line-height: 1; .cart-count { text-align: center; color: $headerColor; font-size: 12px; vertical-align: baseline; margin-left: 1px; } } .site-nav { margin: 0; .site-nav__dropdown { top: 100%; text-align: left; border-top: none; padding: 28px 0; li { padding: 0 40px; } .site-nav__link { padding: 10px; padding-left: 0; text-transform: uppercase; color: {{ settings.color_link }}; &:hover { color: {{ settings.color_link_hover }}; } } } } .vertical-menu{ .site-nav__dropdown { .site-nav__link { color: {{ settings.color_link }}; &:hover { color: {{ settings.color_link_hover }}; } } } } .collection-sidebar { margin-top: 10px; } .old-price { display: inline-block; font-size: $productMinOldPriceFontSize; color: $productMinOldPriceColor; margin-left: 5px; text-decoration: line-through; } .mfp-counter { display: none; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .js-qty__adjust--plus, .ajaxcart__qty--plus, .js-qty__adjust--minus, .ajaxcart__qty--minus { &:hover { background: #f8f9fa; } } /*=============Header==============*/ /*Mobile menu*/ header.header_mobile{ display: none; &.fixed_menu{ &.scroll{ .header-main{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 50; margin-right: auto; margin-left: auto; background-color: $backgroundNavigation; flex: 100%; max-width: 100%; text-align: center; box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05); } .mobile_menu_wrapp{ text-align: left; } } } .vertical-menu{ display: none; .visible-items>li .fa-angle-right, .visible-items>li .fa-angle-down{ position: absolute; top: 0; right: 7px; padding: 15px 16px; } .mobile-hide{ display: none; } .desktop-hide{ display: inline-block; } .megamenu-wrapper.vertical-menu-wrap, .site-nav__dropdown{ opacity: 0; visibility: hidden; transform: translateY(0); position: static; top: auto; left: auto; right: auto; width: 100%!important; max-width: 100%; display: none; transition: all .4s; &.open_item{ display: block; opacity: 1; visibility: visible; transition: all .4s; } } .megamenu-wrapper.vertical-menu-wrap{ background-image: none!important; } .anmegamenu-linklist-widget ul li{ display: block; } } .header-main{ @extend .df; @extend .aic; justify-content: space-between; padding: 20px 15px; } .header-logo{ text-align: center; } .header-logo, .header-logo-link{ padding: 0; } .right_part_mobile_header{ text-align: right; >div{ display: inline-block; margin: 0; } .wishlist-btn{ margin-right: 14px; } } .mobile_menu_wrapp, .right_part_mobile_header{ width: 110px; } .mobile_menu_wrapp{ button{ font-size: 23px; color: $headerColor; } } &.header_thirteen{ border-bottom: 1px solid {{ settings.header_top_bar_border }}; } } .shopify-payment-button{ display: inline-block; vertical-align: top; } .shopify-payment-button__more-options.shopify-payment-button__button--hidden{ display: none; } /**/ /*Drawer Menu*/ .drawer.drawer--left{ background: {{ settings.drawer_background }}; padding: 0; border-color: rgba(255,255,255,.05); .drawer__header{ padding: 29px 27px 26px 29px; margin-bottom: 0; .icon-x{ font-size: 18px; color: {{ settings.drawer_color_hover }}; } } .drawer__title{ color: {{ settings.drawer_color_hover }}; text-transform: uppercase; } .drawer__close button{ padding: 0; right: 0; } span, .currency-selected, a, .header-top-phone a{ color: {{ settings.drawer_color }}; font-size: {{ settings.drawer_font_size }}px; } .icon-fallback-text .icon{ color: {{ settings.drawer_color }}; } .mobile-nav { margin: 0; a{ color: {{ settings.drawer_color }}; font-size: {{ settings.drawer_font_size }}px; line-height: 1.5; position: relative; z-index: 5; } .currencies-btn{ @extend .df; @extend .aic; justify-content: space-between; width: 100%; .currencies-arrow{ .icon{ color: {{ settings.drawer_color }}; } } } .currencies-picker{ width: 100%; } .currencies-dropdown{ top: 50%; right: -121px; border: 1px solid #e1e1e1; padding: 1px 9px; } .megamenu-wrapper.full_width, .megamenu-wrapper.an-custom-width, .currencies-dropdown{ width: 100%; margin: 0; margin-top: 15px; } .mobile-nav__item.weglot{ padding: 11px 22px 12px 27px; &:hover{ .weglot_here .wg-drop.country-selector .wgcurrent a{ color: {{ settings.drawer_color_hover }}; } .weglot_here .wg-drop.country-selector .wgcurrent:after{ @include svg-currency-color( {{ settings.drawer_color_hover }} ); } } } .anmegamenu-linklist-widget ul li{ padding: 0; } .search-bar .results .search-element__title { font-size: 14px; } .weglot_here{ margin: 0; width: 100%; .wg-list{ a{ margin-right: 15px; text-transform: uppercase; display: inline-block; } } .wg-drop.country-selector { width: 100%; .wgcurrent { a{ line-height: 36px!important; text-transform: uppercase; color: {{ settings.drawer_color }}; font-size: {{ settings.drawer_font_size }}px; } &:after{ top: 17px; } } ul{ position: static; width: 100%; max-width: 100%; margin: 13px 0 0 0; li{ a{ line-height: 36px!important; } } } } } } .header-top-blocks{ display: block; margin: 0; a{ display: inline-block; } span{ margin-right: 5px; color: {{ settings.drawer_color }}; } &:hover{ span{ color: {{ settings.drawer_color_hover }}; } } } .mobile-nav__item { padding: 19px 27px 18px; a { padding: 0; } &:hover{ .currencies-btn{ .currencies-arrow{ .cls-1{ fill: {{ settings.drawer_color_hover }}; } } } } } .mobile-nav__search{ padding: 11px 27px 12px; .icon-search{ font-size: 19px; line-height: 19px; } .close_search_five{ display: none; } span.input-group-btn{ padding-top: 5px; } input{ background: none; border: none; color: {{ settings.drawer_color }}; font-size: {{ settings.drawer_font_size }}px; padding: 0; padding-right: 25px; &::placeholder{ color: {{ settings.drawer_color }}; font-size: {{ settings.drawer_font_size }}px; text-transform: uppercase; } } &:hover{ input{ &::placeholder{ color: {{ settings.drawer_color_hover }}; } } } } .drawer__header, .mobile-nav>li::after, .header-top-blocks, .header-top-phone, .mobile-nav__item::after{ border-color: rgba(255,255,255,.05); } .currencies-label, .close_search{ display: none; } .mobile-nav__item{ >a{ text-transform: uppercase; &:hover{ color: {{ settings.drawer_color_hover }}; } } } .header-top-phone{ width: 100%; a{ display: inline-block; } &:hover{ span{ color: {{ settings.drawer_color_hover }}; } } } >li, .mobile-nav__item{ &::after{ left: 0; right: 0; } &:hover{ >a, >i, .currency-selected, .icon-arrow-down, .icon-search{ color: {{ settings.drawer_color_hover }}; } } } .currencies-dropdown{ >span{ &:hover{ background: none; color: #000; } } } } .mobile-nav{ >li{ padding: 19px 27px 18px; >.site-nav__link{ text-transform: uppercase; } &:hover{ >a, >i{ color: {{ settings.drawer_color_hover }}!important; } } a{ padding: 0; } } .currencies-dropdown{ position: static; padding: 9px 11px; } .has-megamenu, .site-nav--has-dropdown{ position: relative!important; &>i{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: {{ settings.drawer_color }}; &::before{ position: absolute; top: 22px; right: 29px; } } .fa-angle-down.desktop-hide{ display: block; cursor: pointer; } .fa-angle-down.mobile-hide{ display: none; } .site-nav__link{ display: inline-block; } .megamenu-wrapper, .site-nav__dropdown{ box-shadow: none; position: static; transform: none; opacity: 1; visibility: visible; transition: all 0s ease 0s; display: none; border: none; padding: 20px 6px 0px 6px; .anmegamenu-text-widget { .anmegamenu-widget-title{ margin-top: 13px; margin-bottom: 11px; } } } .site-nav__dropdown{ padding: 12px 20px; } .site-nav__childlist-item.has-dropdown{ display: block; .site-nav__dropdown-last-level{ position: static; opacity: 1; display: none; border: none; visibility: visible; transition: all 0s ease 0s; transform: none; padding: 5px 0 5px 14px; } } .site-nav__childlist-item i{ transform: rotate(90deg); padding: 9px; margin-left: 0; } .anmegamenu-linklist-widget{ margin-bottom: 15px; } } .header-top-blocks { padding: 15px 0; border-top: 1px solid rgba(255,255,255,.05); } } .drawer:not(.header_five){ .mobile-nav{ .has-megamenu, .site-nav--has-dropdown{ .megamenu-wrapper, .site-nav__dropdown{ &.an-custom-width{ width: 100%!important; } } } } } /**/ .header-cart{ i{ font-size: 16px; } } header{ background: {{ settings.header_bg }}; a:hover{ color: {{ settings.color_link_hover }}; } .header-customer, .wishlist-btn, .header-cart, .header-top-blocks, .header-top-phone, .social-item, .header_settings{ svg, .cls-1{ fill: $headerColor; } &:hover{ a, span, i{ color: $primaryColor!important; } svg, .cls-1{ fill: $primaryColor!important; } } } } .template-index .header.header_eight.header_thirteen{ margin-bottom: 30px; } header.header_twelve, .header.header_eight.header_thirteen{ a:hover{ color: {{ settings.color_link_hover }}; } .header-customer, .wishlist-btn, .header-cart, .header-search> .header-search-btn, .currencies-picker{ &:hover{ color: {{ settings.color_link_hover }}!important; a, span, i, .currency-selected{ color: {{ settings.color_link_hover }}!important; } svg, .cls-1{ fill: {{ settings.color_link_hover }}!important; } } } } .header_five { .main_line { .icon-hamburger { &:hover { color: $primaryColor; } } } .icon-fallback-text .icon{ color: {{ settings.header_topbar_colortext }}; } } .all_page_header_eleven{ .header.header_five .header-customer svg{ width: 14px; vertical-align: baseline; } .header.header_five .header-navigation-right{ padding-left: 0; } } .header-top-blocks{ .label{ font-size: $headerFontSize; } } .header-top-info{ background: {{ settings.header_top_info_bg }}; text-align: center; color: {{ settings.header_top_info_text }}; padding: 9px 0 11px; } .header-row{ border-bottom: 1px solid $borderColorTopBar; } .header-search { display: inline-block; position: relative; svg { vertical-align: sub; } .search-bar { .input-group-btn { position: absolute; top: 5px; right: 11px; width: auto; .icon-search { font-size: 19px; } } } } .header-search { display: inline-block; position: relative; input { padding: 0 15px; } .input-group-btn { position: absolute; width: auto; right: 20px; top: 56%; transform: translateY(-50%); } .overlay{ background: rgba(0,0,0,.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 20; } .search_question{ font-size: 13px; color: #707070; text-align: left; } .search_full_width{ background: #fff; padding: 56px 0 60px 0; display: none; .container{ position: relative; } .input-group-field{ border: none; border-radius: 0!important; border-bottom: 2px solid #d6d6d6; font-size: 28px; font-weight: 600; height: 66px; padding-bottom: 10px; padding-left: 0; color: #070707; padding-right: 32px; &::placeholder{ font-size: 24px; color: #070707; } } input:focus::placeholder { color: transparent; } .input-group-btn{ top: 25px; right: 0; svg{ width: 22px; height: auto; fill: #b7b7b7; .cls-1{ fill: #b7b7b7; } &:hover{ .cls-1 { fill: darken( #b7b7b7, 30%); } } } } .close_search{ position: absolute; top: -32px; right: 17px; .cls-1{ fill: #b7b7b7; } &:hover{ .cls-1 { fill: darken( #b7b7b7, 30%); } } } } } .top-bar-right { .header-top-blocks { display: inline-block; font-size: $headerFontSize; margin-right: 20px; border-right: 1px solid #ebebeb; padding: 5px 19px 6px 1px; letter-spacing: -0.5px; a { color: $headerColor; &:hover{ color: #000; } } } div.wishlist-btn{ display: none; } } .middle-line { height: 86px; align-items: center; } .header-middle-right { padding-top: 10px; } .header-middle-right, .top-bar-right { text-align: right; .header-cart { display: inline-block; position: relative; margin-right: 8px; .fa-shopping-cart { color: #000; font-size: 20px; } } } .header-top-bar { background-color: $backgroundTopBar; & .row { min-height: 38px; } & div.top-bar-right { display: flex; align-items: center; justify-content: flex-end; font-size: $headerFontSize; .header-cart { display: none; } button { font-size: $headerFontSize; } } .top-bar-center { .social { text-align: center; & > .social-item { background: none; margin: 0 3.5px 0 3.5px; a { color: $headerColor; } &:hover{ a{ color: $primaryColor; } } } } } .site-nav__link { padding: 0; font-size: 23px; color: #000; display: none; vertical-align: top; margin-right: 15px; } } .header-logo { a, a:hover, a:focus { text-decoration: none; } } .header-top-phone { a { font-size: $headerFontSize; letter-spacing: 0.5px; color: $headerColor } .fa-phone { font-size: $headerFontSize; transform: rotate(90deg); color: $headerColor; margin-right: 6px; } } .social { margin: 0; > .social-item { vertical-align: top; margin: 0 9px 7px 0; width: 29px; height: 29px; border-radius: 50%; text-align: center; } .social-link { font-size: 16px; color: #7e7e7e; line-height: 29px; svg{ width: 18px; .cls-1{ fill: #7e7e7e; } } &:hover { color: $primaryColor; svg .cls-1{ fill: $primaryColor; } } } } .drawer { .social { text-align: left; .social-link { font-size: 18px; &:hover { color: $primaryColor; opacity: 1; } } } } .header-nav-wrap { background-color: $backgroundNavigation; } .header-nav-wrap, .header-navigation-right { & .header-customer, & .header-search, & .header-cart, & .wishlist-btn{ display: inline-block; margin-left: 20px; } .header-customer { font-size: $headerFontSize; color: #707070; a { color: $headerColor; } } } .header-customer{ a{ color: $headerColor; } } .header-navigation { position: static; &.fixed_menu { &.scroll { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 50; margin-right: auto; margin-left: auto; background-color: $backgroundNavigation; flex: 100%; max-width: 100%; text-align: center; box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.05); .site-nav { margin: 0 auto; max-width: 1110px; position: relative; } } } & .site-nav { & .site-nav__link { padding: 14px 40px 14px 0; font-size: {{ settings.menu_font_size }}px; text-transform: uppercase; } } } .header-navigation-right { text-align: right; } .weglot_block{ margin-left: 20px; display: inline-block; >span{ color: {{ settings.header_topbar_colortext }}; font-size: $headerFontSize; display: inline-block; margin-right: 5px; } } .weglot_here{ position: relative; display: inline-block; z-index: 12!important; .wg-drop.country-selector{ background: none; position: static; ul{ top: calc(100% + 9px); width: auto; right: 0; left: auto; } li{ a{ padding: 0 18px; color: $colorBodyText; } &:hover a{ background-color: #000; color: #fff; } } &.closed{ .wgcurrent{ &:after{ -webkit-transform: rotate(0); transform: rotate(0); } } } .wgcurrent{ border: none; a{ color: {{ settings.header_topbar_colortext }}; font-size: $headerFontSize; padding-left: 0; height: auto; line-height: normal; padding-right: 15px; } &:after{ @include svg-currency-color( {{ settings.header_topbar_colortext }} ); background-size: 7px; top: calc(50% - 1px); right: 0; transition: none; height: 4px; line-height: normal; } } } &:hover{ .wg-drop.country-selector .wgcurrent { a { color: $primaryColor; } &:after{ @include svg-currency-color( $primaryColor ); } } } } /*=============Header 1==============*/ .drawer.header_one #customer_logout_link{ display: block; } .header_one { .header-navigation-left{ position: static; } .header-bottom_line{ position: relative; } .header-middle-right { padding: 6px 18px 0 0; } .middle-line { height: 89px; } .header-navigation-right{ padding-left: 0; } .header-navigation .site-nav .site-nav__link { padding: 20px 35px 20px 0; } .header-logo{ text-align: center; padding: 40px 0; } .header-logo-link{ margin: 0 auto; } .header-search{ margin: 0; padding: 19px 0; } .header-search-btn{ span{ color: $headerColor; } } .header-top-bar{ border-bottom: 1px solid $borderColorTopBar; } .currencies-dropdown { top: calc(100% + 10px); } } /*=============Header 2==============*/ .header_two { .header-middle-line { border-bottom: 1px solid $borderColorTopBar; } .top-bar-left { padding-bottom: 3px; } .header-logo{ text-align: center; padding: 40px 0 41px; } .header-logo-link{ margin: 0 auto; } .header-navigation .site-nav .site-nav__link { padding: 19px 40px 17px 0; } .header-bottom_line.header_navigation{ position: relative; } .header-navigation-right{ padding-left: 0; } .header-navigation-left{ position: static; } .header-search-btn{ span{ color: $headerColor; font-size: $headerFontSize; } } .header-row{ border-bottom: 0; } .line_block{ border-top: 1px solid {{ settings.header_top_bar_border }}; } .header-top-bar{ border-bottom: 1px solid {{ settings.header_top_bar_border }}; .row{ min-height: 36px; } } } .header{ .header-search{ .icon-search{ font-size: 15px; } } .header-customer{ .fa-user{ font-size: 14px; } } } .header_two, .header_four, .header_six, .header_seven{ .header-top-blocks { display: inline-block; margin-right: 27px; span { color: $headerColor; margin-right: 3px; } } } /*=============Header 3==============*/ .header-logo.header_three { text-align: right; margin: 0; a, img { margin: 0; } } .header_three { .weglot_block{ margin-left: 0; margin-right: 20px; >span{ vertical-align: bottom; line-height: normal; } .wg-drop.country-selector{ vertical-align: bottom; .wgcurrent:after{ top: calc(50% + 2px); } } } .site-nav { text-align: right; .site-nav__link { padding: 14px 0 14px 20px; margin-left: 20px; } .site-nav__dropdown{ border: none; } } .header-nav-wrap>.container{ position: relative; } .header-top-bar { padding-bottom: 5px; & div.top-bar-right { .header-cart { display: inline-block; } div.wishlist-btn{ display: inline-block; } } } .site-header__cart-toggle { .fa-shopping-cart { font-size: 16px; } .cart-count { position: static; background: none; } } .header-navigation.fixed_menu.scroll { padding: 0 15px; } .header-nav-wrap { padding: 43px 0; } .header-search-btn{ span{ color: $headerColor; } } } /*=============Header 4==============*/ .header.header_four, .header.header_six, .header.header_seven, .header.header_eight, .header.header_nine{ .header-top-bar{ border-bottom: 1px solid {{ settings.header_top_bar_border }}; .row{ min-height: 36px; } } .weglot_block { margin-left: 32px; } .header-search{ .search-bar{ transform: translateY(-50%); top: 50%; bottom: auto; input{ border-radius: 0; } } } .header-search-btn{ span{ color: $headerColor; } } .header-customer, .wishlist-btn, .header-cart{ margin-left: 16px; } .header-top-info{ i{ font-size: 12px; transform: rotateY(180deg); margin-right: 7px; } } .header-top-blocks{ margin-right: 29px; span{ margin-right: 2px; } a{ color: $headerColor; } .fa-map-marker-alt{ font-size: 12px; &::before { vertical-align: text-top; } } .fa-address-card, .fa-envelope{ font-size: 16px; } .fa-question-circle{ font-size: 13px; } } .header-row{ border: none; } .main_line{ min-height: 110px; } .site-nav{ .fa-angle-down.mobile-hide{ display: none; } } .header-customer.log_out{ margin-left: 29px; svg{ margin-right: 5px; } } } .header.header_five, .header.header_four, .header.header_six, .header.header_seven, .header.header_eight, .header.header_nine{ div.wishlist-btn { i { font-size: 15px; } } .header-customer { svg { width: 12px; vertical-align: top; } } .header-cart i { font-size: 14px; } .header-search { .header-search-btn, .header-search-btn-five{ .icon-search { font-size: 15px; } } } .header-search{ margin-left: 0; } } .header.header_four .header.header_six, .header.header_seven, .header.header_eight, .header.header_nine{ div.wishlist-btn span{ vertical-align: baseline; } } .header.header_eight{ .weglot_block{ margin-left: 0; margin-right: 15px; } } /*=============Header 5==============*/ .template-index{ .header.header_five { .header_fixed { position: fixed; z-index: 5; width: 100%; &.scroll { top: 0; background: {{ settings.header_bg }}; .main_line { min-height: 70px; } } } } } .header.header_seven { &.header_fixed { &.scroll { .header-navigation .site-nav .site-nav__link { padding: 22px 20px; } } } } .template-index{ .header.header_seven { &.header_fixed { position: fixed; z-index: 5; width: 100%; background: none; .header-navigation{ background: none; } &.scroll { height: auto!important; top: 0; background: {{ settings.header_bg }}; .header-navigation-right { margin-bottom: 22px; } .header-logo { margin-bottom: 22px; } .main_line { min-height: 70px; } } } } } .header.header_seven { .header-navigation{ background: none; } &.header_fixed { &.scroll { height: auto!important; height: auto!important; position: fixed; z-index: 5; width: 100%; top: 0; background: {{ settings.header_bg }}; border: none; .header-navigation .site-nav .site-nav__link { padding: 22px 20px; } .header-navigation-right { margin-bottom: 22px; } .header-logo { margin-bottom: 22px; } .main_line { min-height: 70px; } } } } .header.header_five { .header_fixed { &.scroll { position: fixed; z-index: 41; width: 100%; top: 0; background: {{ settings.header_bg }}; .main_line { min-height: 70px; } } } } .header.header_five{ .header_logo_wrapp{ text-align: center; a{ margin-left: auto; margin-right: auto; } } .main_line{ min-height: 99px; position: relative; .icon-hamburger{ font-size: 23px; } } .header-customer, .wishlist-btn, .header-cart{ margin-left: 17px; } .site-header__cart-toggle .cart-count{ margin-left: 0; } .header-navigation-right{ position: static; } .header-search { position: static; } .header-customer{ .fa-user{ font-size: 13.4px; } } } .header-navigation{ background-color: $backgroundNavigation; } /*=============Header 6==============*/ .header.header_six, .header.header_eight{ .weglot_here .wg-drop.country-selector .wgcurrent:after{ top: calc(50% - 2px); } .currencies-arrow{ padding-bottom: 1px; } .header-search{ margin-top: 5px; width: 100%; .search-bar{ position: static; transform: none; input{ background-color: #f4f4f4; border: none; height: 50px; padding: 16px 40px 15px 18px; } .input-group-btn { top: 16px; right: 20px; .icon-search { font-size: 15px; } } } .close_search{ display: none; } } } .header.header_six, .header.header_eight, .header.header_nine{ .header-top-bar .row{ min-height: 41px; } .main_line{ min-height: 98px; } .header_navigation{ background-color: $backgroundNavigation; } .currencies-dropdown{ top: calc(100% + 11px); } .header-navigation { .site-nav { text-align: center; >li{ >.site-nav__link{ padding: 15px 21px; &:hover{ background: rgba(244, 244, 244, 0.13); color: $colorNavigationLinks; } } } } } .header-cart{ margin-left: 15px; } .wishlist-btn{ margin-left: 16px; } .header-customer{ margin: 0; } .header-navigation-right{ padding-left: 0; } } .header_mobile.header_six{ .header-top-info{ display: none; } } .header.header_six .header-top-blocks span{ display: inline-block; height: 17px; } /*=============Header 7==============*/ .header_seven .cls-1{ fill: $headerColor; } .header.header_seven { border-bottom: 1px solid rgba($borderColorTopBar,.1) ; .header-navigation.fixed_menu.scroll { position: static; margin-right: 0; margin-left: 0; background: none; text-align: left; box-shadow: none; } .header-navigation-right { padding-left: 0; margin-bottom: 37px; .header-search .header-search-btn{ color: $headerColor; } } .header-customer, .wishlist-btn, .header-cart{ margin-left: 13px; } .header-customer.account{ svg{ vertical-align: text-top; width: 15px; } } .wishlist-btn{ .load-wishlist{ display: none; } } .main_line { min-height: 101px; } .header-navigation .site-nav .site-nav__link { padding: 37px 20px; } .header-logo{ margin-bottom: 36px; } } .header.header_seven, .header.header_nine, .additional_header{ .header_settings{ display: inline-block; margin-left: 12px; position: relative; .settings_icon{ cursor: pointer; svg{ vertical-align: middle; margin-bottom: 2px; } } } .settings_dropdown { position: absolute; top: calc(100% + 38px); z-index: 2; background: {{ settings.header_dropdown_bg }}; box-shadow: 2.5px 4.33px 7px 0px rgba(1, 2, 4, 0.2); transform: translateX(50%) translateY(10px); right: 50%; padding: 18px 17px 16px; opacity: 0; visibility: hidden; transition: all .4s; @extend .df; .weglot_here{ font-size: 0; vertical-align: top; .country-selector { font-size: 0; .wg-li{ font-size: 0; } .wgcurrent { a{ font-size: 13px; text-transform: uppercase; color: {{ settings.color_body_headings }}!important; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 0 0 12px 0; margin-bottom: 12px; text-decoration: none; display: inline-block; line-height: normal; } &::after{ display: none; } } ul{ display: inline-block!important; position: static; border: none; li{ &:hover a{ background: none; } } a{ font-size: 13px; text-transform: uppercase; color: {{ settings.color_body_headings }}; padding: 0; text-decoration: none; height: auto; margin-bottom: 5px; display: inline-block; line-height: 1.6; &:hover{ background: none; } } } } } .currency-selected { color: {{ settings.color_body_headings }}; font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 12px; margin-bottom: 12px; } .currencies-list{ font-size: 0; } .currency-list { span { display: block; font-size: 13px; margin-bottom: 5px; color: {{ settings.color_body_headings }}; cursor: pointer; text-align: left; } } &.active { opacity: 1; visibility: visible; transform: translateX(50%) translateY(0); transition: all .4s; } } } /*=============Header 8==============*/ .header.header_eight{ .header_fixed.fixed_menu.scroll{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 50; margin-right: auto; margin-left: auto; background-color: #fff; flex: 100%; max-width: 100%; text-align: center; box-shadow: 0px 1px 20px 0 rgba(0,0,0,0.05); .header-navigation .site-nav>li>.site-nav__link { padding: 22px 37px 22px 0; } } .currencies-dropdown{ border: none; padding: 6px 11px; box-shadow: 2.5px 4.33px 7px 0px rgba(0, 1, 2, 0.2); top: calc(100% + 43px); span{ &:hover{ background: none; color: {{ settings.color_link_hover }}; } } } .header-logo{ a{ margin-left: auto; margin-right: auto; } } .middle_line{ border-bottom: 1px solid $borderColorTopBar; } .main_line{ min-height: 109px; } .header-navigation .site-nav{ text-align: left; >li>.site-nav__link { padding: 32px 37px 32px 0; } } .currencies-picker{ font-size: 13px; } } /*=============Header 9==============*/ .header.header_nine { .header_fixed.fixed_menu.scroll { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 50; margin-right: auto; margin-left: auto; background-color: #fff; flex: 100%; max-width: 100%; text-align: center; box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.05); } .main_line { min-height: 79px; } .header-top-blocks{ display: inline-block; margin-right: 7.5%; &:last-child{ margin-right: 0; } a{ text-shadow: $headerColor 0 0 0; letter-spacing: 0.5px; &:hover{ color: $primaryColor; text-shadow: $primaryColor 0 0 0; } } } .header-search-btn{ span{ color: $colorNavigationLinks; } } .middle_line_left{ padding-right: 0; } .site-header__cart-toggle .cart-count{ margin-left: 2px; } .header-cart, .wishlist-btn, .header-customer{ margin-left: 13px; } .header-customer.log_out{ margin-left: 13px; } .header_settings{ margin: 0; } .settings_dropdown{ top: calc(100% + 27px); } .header-navigation{ margin-left: 8px; display: inline-block; .site-nav>li>.site-nav__link { padding: 25px 21px 24px; &:hover{ color: $primaryColor; } } } .header-search{ display: inline-block; width: auto; position: relative; margin-top: 0; } } /*=============Header 10==============*/ .template-index { .header.header_seven.header_ten.header_fixed{ position: static; background: {{ settings.header_bg }}; } } .template-index { .header.header_seven.header_ten.header_fixed.scroll{ position: fixed; } } .header.header_seven.header_ten{ border: none; .main_line { min-height: 85px; } .header-navigation.fixed_menu.scroll{ width: auto; } .header-navigation .site-nav .site-nav__link { padding: 29px 20px 31px 20px; } .header-navigation-right { margin-bottom: 30px; } .header-logo { margin-bottom: 31px; } .header-cart{ margin-right: 2px; } .settings_dropdown { top: calc(100% + 30px); } .header-search{ display: inline-block; margin-left: 8px; >button>.icon-search{ color: $colorNavigationLinks; } } .header-navigation{ display: inline-block; } } .header.header_six, .header.header_eight, .additional_header{ .header-search{ position: relative; .search_question{ display: none; } .cls-1{ fill: $headerColor; } .search-bar .input-group-btn{ top: 26px; svg{ width: 14px; height: auto; } } .search-bar-content{ width: 100%; top: calc(100% + 12px); position: absolute; background: #fff; margin: 0; &.open{ margin: 0; box-shadow: 0 8px 19px rgba(0,0,0,.15); &.no-result, &.loading{ &::before{ content: ''; display: inline-block; border: 13px solid #fff; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; position: absolute; top: -26px; right: 50%; transform: translateX(50%); } } } .results{ padding: 30px 15px; position: relative; &::before{ content: ''; display: inline-block; border: 13px solid #fff; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; position: absolute; top: -26px; right: 50%; transform: translateX(50%); } } } .search-bar .search-bar-content.open.no-result { padding: 32px 0; } } } /*=============Header 12==============*/ .header.header_two.header_twelve{ .weglot_block{ margin-left: 13px; .wg-drop.country-selector .wgcurrent a{ text-transform: uppercase; } &:hover{ .wg-drop.country-selector .wgcurrent { a { color: {{ settings.color_link_hover }}; } &:after{ @include svg-currency-color( {{ settings.color_link_hover }} ); } } } } .currencies-picker{ vertical-align: baseline; .currencies-label{ display: none; } } .header_fixed { &.scroll { position: fixed; z-index: 5; width: 100%; top: 0; } } .header-navigation{ display: inline-block; .site-nav--has-dropdown, .has-megamenu{ a>.fa-angle-down{ display: none; } } .site-nav .site-nav__link { padding: 13px 38px 13px 0; } } .header-search{ .search-text{ display: none; } } .header-search-btn{ &:hover{ >span{ color: $primaryColor; } } } .header-logo{ padding: 28px 0 27px; } .line_block { border-top: 1px solid {{ settings.header_top_bar_border }}; border-bottom: 1px solid {{ settings.header_top_bar_border }}; background: $backgroundNavigation; } .currency-selected{ font-size: 13px; } .header-cart{ margin: 0 8px 0 0; } .wishlist-btn{ margin: 0 15px 0 0; i{ font-size: 15px; } } .header-customer{ margin: 0 14px 0 0; svg{ width: 13px; height: auto; } } .header-navigation-right{ padding-top: 2px; } .header-top-info{ position: relative; span{ letter-spacing: 0.1px; } i{ transform: rotateY(180deg); font-size: 13px; margin-right: 6px; } .top_info_close{ display: none; position: absolute; right: 50px; top: 12px; cursor: pointer; &:hover{ opacity: 0.6; } } &:hover{ .top_info_close{ display: block; } } .cls-1{ fill: {{ settings.header_top_info_text }}; } } .currencies-dropdown{ top: calc(100% + 12px); } } .header_mobile.header_twelve{ border-bottom: 1px solid {{ settings.header_top_bar_border }}; } /*=============Header 13==============*/ .header.header_eight.header_thirteen{ .header-customer, .wishlist-btn, .header-cart, .header-search> .header-search-btn, .currencies-picker{ color: {{ settings.header_topbar_colortext }}!important; a, span, i, .currency-selected{ color: {{ settings.header_topbar_colortext }}!important; } svg, .cls-1{ fill: {{ settings.header_topbar_colortext }}!important; } } .main_line { min-height: 80px; } .weglot_here { margin-top: 1px; } .currencies-dropdown{ top: 100%; } .currencies-arrow svg{ margin-bottom: 3px; } .header_fixed.fixed_menu.scroll{ background: $backgroundNavigation; .header-navigation .site-nav>li>.site-nav__link{ padding: 16px 27px 17px 0; } } .header-search{ margin-top: 3px; margin-bottom: 4px; .input-group-btn{ right: 21px; top: 25px; .cls-1{ fill: {{ settings.color_link }}; } } .input-group-field{ background: {{ settings.header_bg }}; } .search-bar-content{ max-height: calc(100vh - 150px); .results{ max-height: calc(100vh - 150px); overflow: auto; } } } .header-navigation { .site-nav>li>.site-nav__link{ padding: 16px 27px 17px 0; &:hover{ background: none; } } } .header_search_wrapp{ font-size: 0; >div{ font-size: initial; } } } /*=============Header fourteen==============*/ .header.header_nine.header_fourteen { margin-bottom: 20px; .weglot_block { margin-left: 18px; .wg-drop.country-selector { vertical-align: middle; .wgcurrent a{ text-transform: uppercase; } } } .currencies-arrow svg { margin-bottom: 3px; } .header_fixed.fixed_menu.scroll{ background: $backgroundNavigation; } .main_line { min-height: 59px; } .header-navigation { margin-left: 0; margin-right: 18px; .site-nav>li>.site-nav__link { padding: 11px 21px; &:hover{ color: $colorNavigationLinks; } } } .currencies-label{ display: none; } .currencies-picker{ margin-left: 9px; } .currencies-dropdown { top: calc(100% + 17px); } .header-cart, .wishlist-btn, .header-customer { margin-left: 15px; } } /*=============Header 15==============*/ {% if settings.header_type == 'header_fifteen' %} body.template-index { padding: 48px 61px 55px 57px; } body:not(.template-index) .footer:not(.footer_ten){ margin: 0 61px 55px 57px; } {% endif %} .template-index { .header.header_seven.header_fifteen{ &.header_fixed{ top: 0; } &.header_fixed.fixed{ position: absolute; top: 0; left: 0; } } } body:not(.template-index){ .header.header_seven.header_fifteen{ .header-top-bar{ border-bottom: 1px solid $borderColorTopBar; } .main_line { min-height: 100px; } } } .header.header_seven.header_fifteen { &.header_fixed.fixed{ position: static; } .header_fixed.fixed_menu{ &.scroll{ position: fixed; top: 0; left: 0; right: 0; background: $backgroundNavigation; max-width: 100%; padding: 10px 0; z-index: 5; } } .currencies-arrow svg { margin-bottom: 3px; } .weglot_block { margin-left: 0; margin-right: 14px; } .header-top-bar{ border: none; padding: 12px 0 13px 0; min-height: 48px; .row{ min-height: 0; } } .nav_wrapp{ max-width: 1140px; position: relative; margin-left: auto; margin-right: auto; } .main_line { min-height: 122px; } .header-customer{ text-align: right; a{ font-size: $headerFontSize; } } .currencies-picker{ .currency-selected, .currencies-label{ font-size: $headerFontSize; } } .wishlist-btn, .header-cart{ position: relative; vertical-align: top; a{ display: inline-block; border-radius: 50%; background: $colorBtnPrimary; color: $colorBtnPrimaryText; min-height: 40px; min-width: 40px; text-align: center; } &:hover{ a, i{ color: $colorBtnPrimaryText!important; } a{ background: {{ settings.color_link_hover }}; } } i{ color: $colorBtnPrimaryText; font-size: 14px; } .load-wishlist{ font-size: 0; } .load-wishlist, .cart-count{ position: absolute; top: -5px; right: -5px; display: inline-block; } .cart-count, .number-in-wishlist{ display: inline-block; color: $colorBtnPrimary; font-size: 10px; background: $colorBtnPrimaryText; border-radius: 50%; min-height: 18px; min-width: 18px; text-align: center; font-weight: bold; margin: 0; line-height: 17px; padding-top: 1px; } } .wishlist-btn{ margin-left: 0; a{ padding: 9px 0; } } .header-cart{ margin-left: 6px; a{ padding: 8px 0; } } .header-navigation{ display: inline-block; .site-nav .site-nav__link { padding: 5px 17px; font-weight: 600; } } .header-logo, .header-navigation-right{ margin-bottom: 0; } .header-search{ margin-left: 9px; .header-search-btn{ >span{ color: $colorNavigationLinks; } &:hover{ .icon-search{ color: {{ settings.color_link_hover }}; } } } } .currencies-dropdown { top: calc(100% + 13px); } } .message_button{ margin-top: 21px; } /*=============Header 16==============*/ .header.header_six.header_sixteen{ .header-top-bar{ border-bottom: none; .row{ min-height: 42px; } .header-customer{ a{ color: {{ settings.header_top_info_text }}; font-weight: bold; &:hover{ color: {{ settings.color_link_hover }}!important; } } &:hover{ a{ color: {{ settings.color_link_hover }}!important; } } } .currencies-picker{ line-height: 42px; margin-right: 19px; .currencies-label{ display: none; } .currency-selected{ color: {{ settings.header_top_info_text }}; font-weight: bold; } .currencies-arrow { margin-left: 4px; svg{ vertical-align: middle; margin-bottom: 3px; } .cls-1{ fill: {{ settings.header_top_info_text }}; } } &:hover{ .currency-selected { color: {{ settings.color_link_hover }} !important; } .currencies-arrow { .cls-1{ fill: {{ settings.color_link_hover }} !important; } } } .currencies-dropdown { top: 100%; } } .weglot_block{ line-height: 41px; border-left: 1px solid rgba(255, 255, 255, .1); position: relative; margin-left: 0; .wg-drop.country-selector{ background: none; position: static; ul{ top: calc(100% + 1px); right: auto; } li{ a{ padding-left: 18px; } &:hover a{ background-color: #000; color: #fff; } } .wgcurrent{ border: none; a{ font-weight: bold; color: {{ settings.header_top_info_text }} !important; font-size: $headerFontSize; padding-left: 21px; } &:after{ @include svg-currency-color( {{ settings.header_top_info_text }} ); background-size: 7px; -webkit-transform: rotate(0); transform: rotate(0); top: 0; right: -4px; transition: none; height: 39px; line-height: 37px; } } } &:hover{ .wg-drop.country-selector .wgcurrent { a { color: {{ settings.color_link_hover }} !important; } &:after{ @include svg-currency-color( {{ settings.color_link_hover }} ); } } } } } .header_navigation{ border-top: 1px solid $borderColorTopBar; border-bottom: 1px solid $borderColorTopBar; .site-nav{ text-align: left; >li>.site-nav__link{ padding: 13px 35px 13px 3px; font-weight: 600; &:hover{ color: {{ settings.color_link_hover }}; } } } } .main_line{ min-height: 80px; } .header-search{ .input-group-btn{ &:hover{ .cls-1{ fill: $primaryColor; } } } } .header-navigation-right{ &.header_fixed.fixed_menu{ &.scroll{ position: fixed; top: 11px; z-index: 51; left: auto; right: calc(100vw * 0.5 - 570px); } } } } /*=============Vertical menu==============*/ body:not(.template-index) .header-navigation-vertical .vertical-menu{ display: none; } .header-navigation-vertical{ height: 100%; position: relative; .vertical-manu-header{ @extend .df; @extend .aic; justify-content: space-between; height: 100%; background-color: $primaryColor; color: {{ settings.header_top_info_text }}; padding: 1px 20px 0 20px; cursor: pointer; min-height: 50px; span{ font-weight: 700; text-transform: uppercase; } svg{ .cls-1{ fill: {{ settings.header_top_info_text }}; } } } .vertical-menu{ position: absolute; top: 100%; z-index: 4; right: -1px; left: -1px; border: 1px solid $borderColorTopBar; border-top: none; .site-nav__link{ @extend .df; @extend .aic; justify-content: space-between; } .anmegamenu-linklist-widget{ a{ &:hover{ color: $primaryColor!important; } } } .has-megamenu{ position: relative!important; } .visible-items, .hide-items{ >li{ background: {{ settings.header_nav_bg }}; margin-bottom: 0; border: 1px solid $borderColorTopBar; border-top: none; &:hover{ background-color: #f4f4f4; } >a{ padding: 12px 19px 10px; } .site-nav__dropdown{ padding: 28px 0; li{ padding: 0 36px; } } .site-nav__childlist-item .site-nav__dropdown-last-level{ border: none; } .fa-angle-down{ transform: rotate(-90deg); } .site-nav__dropdown{ a{ } } } } .megamenu-wrapper{ background-color: {{ settings.vart-megamenu_bg }}; left: calc(100% + 1px); right: 0; top: 0; max-width: 855px; margin: 0; border: none; } .site-nav__dropdown { left: 100%; top: 0; } .hide-items{ display: none; } .vert-menu_show_more{ cursor: pointer; padding: 11px 18px; color: {{ settings.color_body_headings }}; background: {{ settings.header_nav_bg }}; margin-bottom: 0; border: 1px solid $borderColorTopBar; border-top: none; &:hover{ span::after{ width: 0; transition: all .4s; } } span{ margin-right: 8px; position: relative; &::after{ content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; transition: all .4s; background-color: {{ settings.header_nav_color }}; } } i{ &.fa-angle-up, &.fa-angle-down{ display: none!important; } } .fa-angle-up, .show_less{ display: none; } &.active{ .fa-angle-up, .show_less{ display: inline; } .fa-angle-down, .show_more{ display: none; } } } .anmegamenu-products-widget{ &>div{ @extend .df; @extend .fww; justify-content: space-around; } .sidebar-product{ max-width: 270px; .sidebar-product-miniature .sidebar-product-image{ width: 45%; } .sidebar-product-miniature .sidebar-product-desc{ width: 50%; } } } } } /*=============Currency Picker==============*/ .currencies-picker { position: relative; display: inline-block; vertical-align: middle; line-height: normal; font-size: $headerFontSize; } .currencies-dropdown { position: absolute; top: calc(100% + 8px); right: 0; border: 1px solid #e1e1e1; border-top: none; display: none; background-color: #fff; z-index: 2; } .currencies-dropdown span { display: block; cursor: pointer; line-height: normal; padding: 10px; text-transform: uppercase; } .currencies-dropdown span:hover { background-color: #000; color: #fff; } .currencies-btn { text-transform: uppercase; color: $headerColor; outline: none; } .currencies-label { color: $headerColor; margin-right: 3px; } .currency-selected { display: inline-block; line-height: normal; font-size: $headerFontSize; color: {{ settings.header_topbar_colortext }}; &:hover{ color: $primaryColor; } } .currencies-arrow { display: inline-block; color: {{ settings.header_topbar_colortext }}; .cls-1{ fill: {{ settings.header_topbar_colortext }}; } svg{ vertical-align: middle; } } /*===============Home Slider==============*/ .homeslider { position: relative; border-bottom: 1px solid $borderColorTopBar; .homeslider-item { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; overflow: hidden; background-position-x: right; background-position-y: center; background-size: cover; >a.homslider_link{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } } .homeslider-content { position: absolute; top: 49.2%; left: 0; right: 0; transform: translateY(-50%); } .homeslider-desc { max-width: 504px; line-height: 1.75; margin-bottom: 53px; } .homeslider-title { line-height: 1.2; margin-bottom: 15px; font-weight: 600; max-width: 547px; text-transform: uppercase; } .homeslider-btn{ font-weight: 700; } .owl-nav button.owl-prev, .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 17px; background: #070707; color: #fff; border-radius: 50%; height: 40px; width: 40px; opacity: 0.1; &:hover { opacity: 1; } i { padding: 0 10px; } } .owl-prev { left: 21px; } .owl-next { right: 21px; } .owl-dots { position: absolute; left: 0; right: 0; bottom: 35px; max-width: 1140px; padding: 0 10px; margin-right: auto; margin-left: auto; .owl-dot { span { display: inline-block; width: 9px; height: 9px; margin: 0 6px; background-color: #000; border-radius: 50%; } &.active, &:hover { span { background-color: #fff; } } } } } .homeslider.type_one{ .homeslider-item{ background-position-x: center; } } .homeslider.type_two{ border: none; .homeslider-item{ background-position-x: 62%; } .homeslider-content{ top: 48.7%; left: 49.11%; } .homeslider-title{ font-weight: 700; max-width: none; margin-bottom: 17px; } .owl-dots{ max-width: none; padding: 0; left: 48.8%; bottom: 34px; } .owl-nav button.owl-prev, .owl-nav button.owl-next{ background: #070707; color: #fff; opacity: 0.1; &:hover{ opacity: 1; } } .owl-next{ right: 31px; } .owl-prev{ left: 31px; } } .homeslider.type_three{ border: none; .homeslider-title{ max-width: none; font-weight: 700; } .owl-nav button.owl-prev, .owl-nav button.owl-next{ top: 50.4%; } .owl-next { right: 30px; } .owl-prev { right: 30px; } .owl-dots{ text-align: center; } } .main-content.index_header_five{ margin-top: 0; } .homeslider.type_four{ border: none; .homeslider-item{ background-position: center; } .homeslider-content{ text-align: center; } .homeslider-title{ max-width: 900px; margin-right: auto; margin-left: auto; } .homeslider-desc{ margin-right: auto; margin-left: auto; } .owl-dots{ text-align: center; } } .homeslider.type_five{ margin-top: 30px; border: none; .owl-dots{ text-align: center; } .owl-nav button.owl-next, .owl-nav button.owl-prev{ display: none; } &:hover{ .owl-nav button.owl-next, .owl-nav button.owl-prev{ display: inline-block; } } .homeslider-content{ padding: 0 7.5%; top: 49%; } .homeslider-title{ font-weight: bold; margin-bottom: 22px; } .homeslider-desc{ line-height: 1.5; max-width: 502px; } .homeslider-item{ min-height: 0; } } .homeslider.type_six{ border: none; margin-top: 30px; .homeslider-desc{ max-width: 540px; } .homeslider-btn{ background: {{ settings.bg_button }}; color: {{ settings.color_text_button }}; &::before{ background: {{ settings.shine_color_button }}!important; opacity: 0.25!important; } } .homeslider-item{ background-position-x: center; } .owl-dots{ text-align: center; } } .homeslider.type_seven{ border: none; .homeslider-content { top: 49.2%; left: 29.55%; } .owl-dots{ left: calc(29.55% - 16px); } .homeslider-title { margin-bottom: 22px; font-weight: 700; } .homeslider-desc { margin-bottom: 33px; } .homeslider-item { background-position: bottom right; } .homeslider-btn{ background: {{ settings.bg_button }}; color: {{ settings.color_text_button }}; &::before{ background: {{ settings.shine_color_button }}!important; opacity: 0.25!important; } } } /*============Product Miniature===========*/ .featured-products-slider { .products-slider.owl-carousel > .owl-stage-outer { padding-bottom: 30px; } } .product-miniature.product-miniature-large { max-width: 540px; } .product-flags { position: absolute; top: 10px; left: 10px; z-index: 3; .product-flag { min-width: 63px; width: max-content; display: block; text-align: center; padding: 0 12px 0 12px; line-height: 33px; font-size: 12px; font-weight: 500; margin-bottom: 6px; background: $productFlagBackgroundColor; color: $productFlagTextColor; &.on-sale { background: {{ settings.product_flags_sale_bg }}; color: {{ settings.product_flags_sale_color }}; } } } .template-collection .product-miniature, .template-collection .product-list-img { max-width: 100%; } //, .product-list-img .product-miniature { position: relative; padding-bottom: 25px; margin-bottom: 20px; overflow: hidden; max-width: 255px; &:hover { .thumbnail-container-image .hover-slider { .owl-nav button.owl-prev, .owl-nav button.owl-next { opacity: 1; top: 50%; background-color: #fff; } } .thumbnail-container-image{ border: 1px solid #000; } } .product-title { margin-top: 17px; margin-bottom: 1px; font-size: $productMinTitleFontSize; font-weight: $productMinTitleFontWeight; > a { color: $productMinTitleColor; } } &:hover { .quick-view-hover { .link-product { position: absolute; top: 0; right: 0; bottom: 13px; left: 0; z-index: 2; } } .review-regular{ display: block; } } .review-regular{ position: absolute; z-index: 2; right: 5px; top: 0; display: none; .spr-badge-starrating .spr-icon { font-size: 10px; color: #000; } .spr-icon.spr-icon-star-empty{ opacity: 1; } } .js-wish-list{ &:hover{ .fa-heart { color: lighten($primaryColor, 10%); } } } .product_opt_wrapp{ text-align: center; select{ display: inline-block; margin: 0 3px 2px 3px; background-color: #f4f4f4; border: none; color: #000; font-weight: 600; font-size: 12px; border-radius: 0; padding: 4px 30px 4px 8px; min-width: 60px; } .text_option{ .js-option{ background-color: #f4f4f4; margin-bottom: 3px; &[data-value_down="white"] { &.active, &:hover{ border: none!important; } p{ border: none; } } } } } .hover_part_block{ .product_opt_wrapp{ select{ background-color: #fff; } .text_option{ .js-option{ background-color: #fff; } } } } } .ajaxcart__product-name{ color: $productMinTitleColor; } .product-miniature-desc { text-align: $productMinTextAlign; } .product-price-and-shipping { position: relative; > span { font-weight: 600; font-size: $productMinPriceFontSize; color: $productMinPriceColor; } .old-price { display: inline-block; font-size: $productMinOldPriceFontSize; color: $productMinOldPriceColor; margin-left: 5px; } } .product-list-img{ padding-bottom: 0; .review-regular { right: 24px; top: 5px; } } .hover-slider-qw { .quick-view-hover { top: auto; } } .quick-view-hover { .js-wish-list{ display: inline-block; } .ph-link, .js-wish-list a, .js-wish-list .contact-form, .button-list{ width: 27px; height: 27px; position: relative; text-decoration: none; color: #fff; background-color: $colorBtnPrimaryText; transition: all 0.3s; z-index: 2; text-align: center; border-radius: $BtnBorderRadius; display: inline-block; line-height: 27px; i{ color: #000; } &:hover { color: lighten(#000, 40%); i{ color: lighten(#000, 40%); } } &:hover span{ display: inline-block; } &[data-tooltip="In Wishlist"]{ i{ color: #e42033; } } span{ display: none; font-size: 10px; color: $colorBtnPrimaryTextHover; background: $colorBtnPrimaryHover; position: absolute; bottom: 32px; padding: 0 6px; line-height: 22px; left: 50%; transform: translateX(-50%); white-space: pre; &::after{ content: ""; display: inline-block; position: absolute; border: 3px solid $colorBtnPrimaryHover; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent; bottom: -6px; left: 50%; transform: translateX(-50%); } } } } .thumbnail-container-image { position: relative; overflow: hidden; border: 1px solid transparent; .hover-toggle { img.hover_change { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .8s; background: #fff; &.cover { opacity: 1; z-index: 1; } } &:hover { img.hover_change { opacity: 1; } img.cover { opacity: 0; } } } .hover-slider { &.owl-carousel.owl-loading { opacity: 1; } .owl-nav button.owl-prev, .owl-nav button.owl-next { position: absolute; top: 45%; transform: translateY(-50%); width: 30px; height: 30px; border: 0; font-size: 18px; color: #000; opacity: 0; transition: all .4s; &:hover { color: $primaryColor; } } .owl-prev { left: 15px; } .owl-next { right: 15px; } } } .product-miniature{ &:hover { .thumbnail-container-image { .hover-toggle { img.hover_change { opacity: 1; } img.cover { opacity: 0; } } } } } .collection-list-item { .product-title { font-size: $productMinTitleFontSize; font-weight: $productMinTitleFontWeight; > a { color: $productMinTitleColor; } } .product-price-and-shipping { > span.money { font-size: $productMinPriceFontSize; color: $productMinPriceColor; } } } .collection-sidebar-widget.sidebar-featured-products{ .product-flags{ .product-flag{ min-width: 0; padding: 0 7px; line-height: 21px; } } } /*==============Featured products=============*/ .featured-products { margin-bottom: 36px; .fp-text{ margin-bottom: 34px; h3 { font-weight: 700; margin-bottom: 3px; text-transform: uppercase; } p { color: $colorBodyText; padding: 0 15px; } } &.type_two{ margin-bottom: 54px; .fp-text{ margin-bottom: 43px; } .products_banner{ position: relative; margin-bottom: 39px; .products_banner_content{ position: absolute; bottom: 12%; left: 8%; } .products_banner_title{ text-transform: uppercase; max-width: 350px; line-height: 1.2; margin-bottom: 24px; } } } &.type_three{ margin-bottom: 45px; .fp-text { margin-bottom: 42px; } .product-miniature{ max-width: 362px; } .owl-nav{ button.owl-next, button.owl-prev{ width: 45px; height: 45px; text-align: center; background-color: rgba(0,0,0,.17); border-radius: 50%; position: absolute; top: 43%; transform: translateY(-100%); font-size: 17px; color: #fff; &:hover{ background-color: rgba(0,0,0,1); } } button.owl-next{ padding-left: 2px!important; right: 40px; } button.owl-prev{ padding-right: 2px!important; left: 40px; } } } &.type_four{ margin-bottom: 44px; .row{ >div{ width: 20%; padding: 0 15px; } } .product-miniature{ max-width: 362px; } } } /*==============Advantages=============*/ .advantages_hp { margin-bottom: 99px; &.type_three{ margin-bottom: 0; .advantages-item { padding: 28px 19px 27px; } } &.type_two{ margin-bottom: 91px; .advantages-item{ padding: 38px 20px 37px; } } .adv_header{ text-align: center; margin-bottom: 36px; .adv_title{ margin-bottom: 2px; } } .advantages-item__title{ color: {{ settings.color_body_headings }}; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } .advantages-item__desc{ font-size: 13px; margin-bottom: 0; } .advantages-item{ position: relative; border: 1px solid rgba(0,0,0,0.1); @extend .df; @extend .aic; padding: 36px 20px 37px 20px; >a{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; } } .advantages-item_thumb{ max-width: 45px; //min-height: 45px; margin-right: 16px; } .advantages-item{ // animation &:hover{ .advantages-item_thumb{ img{ -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } } } } .advantages-item_thumb{ // animation -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; img{ -webkit-transform: translateZ(0); transform: translateZ(0); } } } /* animation Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /*============== Newsletter=============*/ .newsletter { text-align: center; padding: 52px 0 59px; background-size: cover; max-width: 1440px; margin-right: auto; margin-left: auto; background-position: center; h3 { text-transform: uppercase; margin-bottom: 12px; } p { max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 34px; } .newsletter-desc{ opacity: 0.65; } .newsletter-btn { position: absolute; top: 0; right: 0; bottom: 0; transition: all 0.5s; padding: 2px 17px 0 16px; background: $colorBtnPrimary; .cls-1{ fill: $colorBtnPrimaryText; width: 14px; height: auto; } &:hover { transform: rotate(360deg); } } form{ max-width: none; } .input-group { max-width: 730px; margin-left: auto; margin-right: auto; .input-group-field { height: 47px; padding: 0 40px 0 29px; margin-bottom: 0; border: none; border-radius: 0; &::placeholder{ font-size: 13px; } } } .confirm_sending{ margin-top: 7px; input{ display: inline-block; width: auto; margin-bottom: 0; height: 24px; vertical-align: top; } label{ width: calc(100% - 25px); } } } .newsletter.type_two{ max-width: none; padding: 8px 0 9px; .newsletter-title{ text-transform: uppercase; font-weight: 700; margin: 0; text-align: left; margin-top: 3px; margin-right: 36px; } .newsl_wrapp{ @extend .df; @extend .aic; justify-content: space-between; } form { width: 60%; } .newsletter_text{ width: 40%; } .newsletter-btn{ background: none; padding-top: 4px; padding-right: 20px; .cls-1{ fill: #242424; } } .social{ min-width: 210px; >.social-item{ margin-bottom: 0; margin-right: 0; margin-left: 8px; } } .newsletter-desc{ pacity: 1; } .confirm_sending { text-align: left; } } /*==============Products Slider=============*/ .products-slider { position: relative; .product-miniature { margin-bottom: 0; img { width: auto; } .product-flag { left: 25px; } } .owl-nav button.owl-prev, .owl-nav button.owl-next { position: absolute; top: -55px; z-index: 1; width: 35px; height: 35px; border: 1px solid{{ settings.color_link }}; color: {{ settings.color_link }}; font-size: 18px; &:hover { border-color: $primaryColor; color: $primaryColor; } } .owl-prev { left: 0; } .owl-next { right: 0; } .owl-dots { position: absolute; left: 0; right: 0; bottom: -40px; text-align: center; .owl-dot { span { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background-color: transparent; border: 1px solid #000; border-radius: 50%; } &.active, &:hover { span { background-color: $primaryColor; } } } } } /*============== Featured Blog ==============*/ .featured-blogs{ padding: 81px 0 87px; .blog_header{ text-align: center; margin-bottom: 29px; .blog_title{ margin-bottom: 2px; } } .blog-article-thumb{ min-height: 250px; margin-bottom: 23px; background-size: cover; .blog-article-date{ font-size: 12px; background: #fff; color: #000; display: inline-block; text-shadow: $colorBtnPrimary 0 0 0; margin: 10px 0 0 10px; padding: 7px 15px 7px 13px; } } .blog-article-details{ .tags { margin-bottom: 5px; display: inline-block; a{ color: {{ settings.color_body_headings }}; text-shadow: {{ settings.color_body_headings }} 0 0 0; } } .blog-article-title{ margin-bottom: 25px; a{ font-size: calc({{ settings.basic_font_size }}px + 2px); font-weight: 700; text-transform: capitalize; } } .read_more{ background: $colorBtnPrimaryText; color: $colorBtnPrimary; font-weight: 700; &::before{ background-color: $colorBtnPrimary; opacity: 0.05; } } } } /*==============Products Tabs=============*/ .tabs-wrapp{ overflow: hidden; } .featured-products-tabs{ margin-bottom: 41px; &>h3{ text-align: center; text-transform: uppercase; margin-bottom: 2px; } p{ text-align: center; color: $colorBodyText; margin-bottom: 36px; } .product-miniature{ margin-bottom: 4px; } .tabs-item.owl-carousel{ overflow: visible; } .owl-carousel{ .products-tabs-item{ width: auto; padding: 0; } .product-miniature{ width: 100%; max-width: 362px; margin-bottom: 38px; .product-title{ margin-top: 22px; } } } .tabs-content .tabs-item > .owl-nav{ button.owl-next, button.owl-prev{ width: 45px; height: 45px; text-align: center; background-color: rgba(0,0,0,.17); border-radius: 50%; position: absolute; top: 43%; transform: translateY(-100%); font-size: 17px; color: #fff; &:hover{ background-color: rgba(0,0,0,1); } } button.owl-next{ padding-left: 2px!important; right: 40px; } button.owl-prev{ padding-right: 2px!important; left: 40px; } } &.type_two{ margin-bottom: 53px; .tab_banner{ position: relative; margin-bottom: 39px; .tab_banner_content{ position: absolute; bottom: 12%; left: 8%; } .tab_banner_title{ text-transform: uppercase; max-width: 350px; line-height: 1.2; margin-bottom: 24px; } } } &.type_three{ margin-bottom: 26px; } &.type_four{ .products-tabs-item { width: 20%; padding: 0 15px; } .product-miniature{ max-width: 362px; } } } .tabs-nav { width: 100%; margin: 0; margin-bottom: 50px; list-style: none; text-align: center; > .tab-nav-item { display: inline-block; margin: 0 15px; &.active { a { color: $colorBodyText; } } a{ text-transform: uppercase; margin-bottom: 0; color: {{ settings.color_body_headings }}; text-shadow: {{ settings.color_body_headings }} 0 0 0; font-weight: 700; } } } .tabs-item { height: 0; overflow: hidden; opacity: 0; transition: opacity .3s; &.active { opacity: 1; height: auto; } } .border-animation { $speed: 0.5s; position: relative; display: inline-block; border: 1px solid transparent; line-height: 22px; &.active{ &:before{ top: calc(1px * (-1)); left: calc(1px * (-1)); bottom: 0; right: auto; width: calc(1px + 50%); height: calc((1px * 2) + 100%); } &:after{ top: calc(1px * (-1)); left: auto; bottom: 0; right: calc(1px * (-1)); width: calc(1px + 50%); height: calc((1px * 2) + 100%); } } .border-animation__inner { position: relative; display: inline-block; width: 100%; cursor: pointer; z-index: 1; border: solid 1px transparent; background-color: #fff; padding: 2px 17px; } &:before { content: ''; position: absolute; background: #707070; top: auto; left: 38%; bottom: calc(1px * (-1)); right: auto; width: 16px; height: 1px; } &:after { content: ''; position: absolute; background: #707070; top: auto; left: 38%; bottom: calc(1px *(-1)); right: auto; width: 16px; height: 1px; } &:focus:before, &:hover:before { animation: beforeBorders $speed forwards ease-in-out; } &:focus:after, &:hover:after { animation: afterBorders $speed forwards ease-in-out; } &:focus, &:hover { animation: borderColors $speed steps(1) forwards; outline: none; } } @keyframes beforeBorders { 0% { top: auto; left: 50%; bottom: calc(1px * (-1)); right: auto; width: 0; height: 1px; } 33% { top: auto; left: calc(1px * (-1)); bottom: calc(1px * (-1)); right: auto; width: calc(1px + 50%); height: 1px; } 66% { top: auto; left: calc(1px * (-1)); bottom: calc(1px * (-1)); right: auto; width: 1px; height: calc((1px * 2) + 100%); } 100% { top: calc(1px * (-1)); left: calc(1px * (-1)); bottom: auto; right: auto; width: calc(1px + 50%); height: calc((1px * 2) + 100%); } } @keyframes afterBorders { 0% { top: auto; left: auto; bottom: calc(1px * (-1)); right: 50%; width: 0; height: 1px; } 33% { top: auto; left: auto; bottom: calc(1px *(-1)); right: calc(1px * (-1)); width: calc(1px + 50%); height: 1px; } 66% { top: auto; left: auto; bottom: calc(1px * (-1)); right: calc(1px * (-1)); width: 1px; height: calc((1px * 2) + 100%); } 100% { top: calc(1px * (-1)); left: auto; bottom: auto; right: calc(1px * (-1)); width: calc(1px + 50%); height: calc((1px * 2) + 100%); } } @keyframes borderColors { 0% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } 33% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: #707070; border-left-color: transparent; } 66% { border-top-color: transparent; border-right-color: #707070; border-bottom-color: #707070; border-left-color: #707070; } 100% { border-top-color: #707070; border-right-color: #707070; border-bottom-color: #707070; border-left-color: #707070; } } .template-blog main{ padding-bottom: 0; } .wishlist{ td.product-title { max-width: 214px; } } /*==============Footer============*/ body:not(.template-index) .footer:not(.footer_ten){ padding-top: 54px; border-top: 1px solid $borderColorTopBar; margin-top: 21px; } .footer { a{ &:hover{ color: $primaryColor; } } padding-top: 10px; .footer-links-title { font-weight: 700; text-transform: uppercase; color: #000; } ul { list-style: none; margin: 0; } .footer-copyright { margin-top: 49px; padding: 10px 0; background-color: {{ settings.color_copyright_bg }}; border-top: 1px solid #ebebeb; .legal-links { text-align: center; font-size: 12px; padding-top: 6px; } .social { text-align: left; .social-item { margin-left: 0; margin-right: 10px; margin-bottom: 0; } } .copyright{ a{ &:hover{ color: {{ settings.color_footer_text }}; } } } } .site-footer__menu { > li { overflow: hidden; margin-bottom: 4px; a { position: relative; font-size: 14px; transition: all .3s; } } } .mobile-footer-links-title { display: none; } .footer-list-arrow { display: none; font-size: 18px; } } .footer-contacts { color: {{ settings.color_footer_text }}; margin-bottom: 24px; .contacts-list-item { margin-bottom: 8px; a{ word-break: break-all; } } } .payments { text-align: right; > li { display: inline-block; margin-left: 9px; margin-bottom: 0; a { display: block; max-width: 40px; img { max-width: 100%; } } } } .footer-contacts { .payments { text-align: left; padding-top: 10px; li { margin-right: 10px; margin-left: 0; } } } .footer { .footer-copyright-one { .copyright { text-align: center; } .social { text-align: center; } } } .footer { .footer-copyright-three { .social { text-align: center; .social-item { margin-bottom: 0; } } .payments { padding-top: 4px; } } } .footer_logo{ img{ max-width: 300px; } } .footer_one.footer_index_header_eleven{ .social{ padding-left: 12px; } } .footer.footer_one{ padding-top: 54px; .social-links .icon { display: inline-block; font-size: 15px; } .social .social-link svg { width: 13px; } .footer-copyright .copyright li, .footer-copyright .copyright a{ font-size: 12px; } .footer-copyright .legal-links { text-align: center; font-size: 12px; padding-top: 1px; } .newsletter-desc{ line-height: 1.7; } } .footer_three.footer_index_header_eleven{ .social{ padding-left: 12px; } } .footer.footer_two.footer_index_header_eleven .footer-logo .social{ margin-left: 0; } .footer.footer_two{ padding-top: 85px; .footer-logo{ padding-top: 5px; img{ margin-bottom: 22px; } .social{ margin-left: -10px; } } .site-footer__menu>li{ margin-bottom: 8px; } .footer-logo-text{ margin-bottom: 19px; } .footer-copyright { border: none; margin-top: 74px; .legal-links{ text-align: left; padding-top: 2px; } } .footer-contacts li{ margin-bottom: 10px; } } .footer{ .row{ justify-content: space-between; } .footer-contacts li, .footer-logo-text, .newsletter-desc{ font-size: {{ settings.footer_font_size }}px; } .site-footer__menu>li{ a{ font-size: {{ settings.footer_font_size }}px; } } } .footer-copyright{ .copyright{ li, a{ font-size: {{ settings.copyright_font_size }}px; } } } .footer.footer_three{ .footer-newsletter{ margin-top: -5px; .footer-links-title{ font-size: {{ settings.h3_font_size }}px; margin-bottom: 10px; } .newsletter-desc{ margin-bottom: 35px; } form{ max-width: 445px; } } .footer-contacts{ padding-top: 1px; li{ margin-bottom: 10px; } } .site-footer__menu>li{ margin-bottom: 7px; } .footer-copyright{ margin-top: 56px; border: none; padding: 8px 0; .legal-links{ padding-top: 3px; } .payments{ padding-top: 3px; >li{ margin-left: 7px; } } } } .footer.footer_four{ padding-top: 0; .footer-right{ background-color:{{ settings.color_copyright_bg }}; padding: 48px 54px 31px; } .footer-left{ background-color:{{ settings.color_footer_bg }}; padding: 53px 0px 0 0; .footer-left-top{ width: 100%; display: inline-block; } .footer-container{ height: 100%; @extend .df; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; margin-left: auto; margin-right: 0; } } .footer-copyright{ background: none; margin-top: 43px; padding: 13px 0; display: inline-table; max-width: 91%; .copyright{ display: inline-block; width: 64%; padding: 0; } .payments{ display: inline-block; width: 35%; >li{ margin-left: 6px; } } .legal-links{ text-align: left; } } .footer-links-title { letter-spacing: 0; padding: 0; } .footer-contacts .contacts-list-item { margin-bottom: 10px; } .site-footer__menu>li { margin-bottom: 8px; } .footer-newsletter{ .footer-links-title{ font-size: {{ settings.h3_font_size }}px; margin-bottom: 10px; } .newsletter-desc { margin-bottom: 35px; } form{ margin-bottom: 31px; max-width: 500px; input{ background: #fff; } } } .social{ margin-left: -8px; } } .footer.footer_five, .footer.footer_eight{ padding-top: 54px; .payments{ text-align: left; >li{ margin: 0 6px 0 0; } } .footer-copyright{ border: none; padding: 12px 0; .legal-links{ padding-top: 2px; } } .footer-logo{ padding-top: 6px; img{ margin-bottom: 22px; } .footer-logo-text{ max-width: 265px; margin-bottom: 27px; } } .footer-contacts { padding-top: 3px; .contacts-list-item { margin-bottom: 10px; } } .site-footer__menu>li { margin-bottom: 8px; } } /*=============Footer 6=============*/ .footer.footer_six{ padding-top: 47px; padding-bottom: 55px; border-top: 1px solid rgba(0,0,0,.1); .site-footer__menu{ text-align: center; li{ display: inline-block; text-transform: uppercase; margin: 0 2.5%; a{ padding: 6px 0; display: inline-block; } } } .payments{ text-align: left; li{ display: inline-block; transition: all .4s; margin-top: 4px; margin-left: 0px; margin-right: 7px; &:hover{ opacity: 0.5; transition: all .4s; } } } .footer-social{ ul{ text-align: right; li{ margin: 5px 0 0 10px; display: inline-block; a, .cls-1{ color: {{ settings.color_footer_text }}; fill: {{ settings.color_footer_text }}; &:hover{ opacity: 0.5; transition: all .4s; } } } } } .footer_logo{ text-align: center; margin-top: 44px; img{ margin-bottom: 11px; } } .copyright{ li,a{ font-size: 12px; } } } /*=============Footer 7=============*/ .footer.footer_seven{ padding: 45px 0 34px 0; .footer-links-title{ color: {{ settings.color_footer_text }}; } .copyright{ li{ font-size: 13px; } } .footer_logo{ padding-top: 6px; padding-right: 0; img{ margin-bottom: 23px; } } .mobile-footer-links-title{ display: none; } .footer-links-title{ display: block; } .footer-contacts{ margin-bottom: 10px; display: block!important; li{ display: inline-block; &::after{ content: '/'; display: inline-block; margin: 0 13px; color: {{ settings.color_footer_text }}; } &:last-child{ &::after{ display: none; } } } } .social{ margin-left: -6px; li{ margin-right: 6px; &:hover{ opacity: .7; } } a{ color: {{ settings.color_footer_text }}; } .cls-1{ fill: {{ settings.color_footer_text }}; } } .footer-newsletter{ .footer-links-title{ margin-bottom: 20px; } .newsletter-desc{ margin: 0; } .newsletter-btn{ background: none; top: 2px; svg{ path{ fill: {{ settings.color_footer_bg }}; } } } input{ border-radius: 0; } } } .newsletter-btn{ &[disabled="disabled"]{ opacity: .3!important; } } /*==============Footer 8=============*/ .footer.footer_eight{ margin-top: 100px; .footer-newsletter{ .footer-links-title{ margin-bottom: 9px; } .newsletter-desc{ margin-bottom: 22px; } input{ background: #fff; border-radius: 0; } form{ margin-bottom: 23px; } } .footer-logo img { margin-bottom: 31px; } .footer-copyright{ margin-top: 46px; padding: 21px 0; .copyright{ padding-top: 0; li, a{ color: #707070; font-size: 13px; } } } .footer-links-title, .social .social-link{ color: {{ settings.color_footer_text }}; } .social .social-link .cls-1{ fill: {{ settings.color_footer_text }}; } a:hover{ color: {{ settings.color_footer_text }}; opacity: 0.8; } } /*==============Footer 9=============*/ .footer.footer_nine{ border-top: 1px solid #ebebeb; padding-top: 53px; padding-bottom: 51px; .footer-newsletter { input[type="email"]{ background: none; border: 1px solid #ebebeb; border-radius: 0; } .newsletter-desc { margin-bottom: 24px; line-height: 1.7; } } .footer-links-title{ font-size: {{ settings.h5_font_size }}px; letter-spacing: 0; } } /*==============Footer 10=============*/ .footer.footer_ten{ padding-top: 50px; border-top: 1px solid #ebebeb; .footer-newsletter{ .footer-links-title{ font-size: {{ settings.h3_font_size }}px; line-height: 1.2; } .newsletter-desc { margin-bottom: 35px; } } .footer-contacts .contacts-list-item { margin-bottom: 10px; } .site-footer__menu>li { margin-bottom: 8px; } .footer-copyright { margin-top: 42px; .copyright { a, li{ font-size: 12px; } } } .payments>li { margin-left: 6px; } } /*==============Footer 11=============*/ .footer.footer_eleven{ padding-top: 0; .footer_newsletter_full_width{ padding: 38px 0 46px 0; border-bottom: 1px solid #ebebeb; .footer-links-title{ font-size: {{ settings.h3_font_size }}px; margin-bottom: 10px; } .newsletter-desc{ margin-bottom: 0; } .footer-newsletter{ @extend .df; @extend .aic; .f_newsletter_text{ width: 43%; padding-right: 15px; } form.input-group{ width: 57%; margin-top: 11px; } } } .main_footer{ padding-top: 38px; } .payment_block{ margin-bottom: 35px; .footer-links-title{ margin-bottom: 17px; display: block; } .payments{ text-align: left; li{ margin-right: 8px; margin-left: 0; } } } .social-links{ .footer-links-title{ display: block; } .social-item{ margin: 0 14px 7px 0; width: auto; a{ color: #a7a7a7; } .cls-1{ fill: #a7a7a7; } &:hover{ a{ color: $primaryColor; } .cls-1{ fill: $primaryColor; } } } } .site-footer__menu>li { margin-bottom: 8px; } .footer-contacts .contacts-list-item { margin-bottom: 10px; } .footer-copyright { margin-top: 26px; padding: 18px 0 19px; .copyright li, .copyright a { font-size: 12px; } } } /*==============Footer 12=============*/ .footer.footer_eleven.footer_twelve{ .main_footer { padding-top: 54px; } .footer_newsletter_full_width{ border-bottom: none; padding: 49px 0 0 0; .footer-newsletter .f_newsletter_text{ padding: 0 15px; } } .footer-newsletter{ display: block; text-align: center; .f_newsletter_text, form.input-group{ width: 100%; } form.input-group{ max-width: 730px; margin-right: auto; margin-left: auto; input{ background-color: #fff; } } .f_newsletter_text{ margin-bottom: 35px; } } .footer-copyright{ border: none; margin-top: 32px; padding: 14px 0 22px; >.container{ position: relative; &::before{ content: ''; display: inline-block; height: 1px; position: absolute; top: -14px; left: 15px; right: 15px; background: rgba(0,0,0,.1); } } .legal-links{ text-align: left; } } } /*==============Footer instagram=============*/ .instagram-block-footer{ #instafeed{ justify-content: space-between; padding-top: 7px; max-width: 245px; } .footer-links-title{ margin-bottom: 15px; display: block!important; } .insta-item{ max-width: 30.7%; margin-bottom: 3.6%; position: relative; a{ display: inline-block; &:hover::before{ @extend .df; } &::before{ content: "+"; @extend .aic; justify-content: center; color: #fff; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.35); display: none; font-size: 31px; } } } } .footer-insta{ padding-right: 9px; } /*==============Footer Newsletter=============*/ .footer-newsletter{ input[type="email"]{ border: none; height: 47px; background-color: #f4f4f4; padding: 0 60px 0 18px; } .newsletter-btn{ position: absolute; top: 0; right: 0; bottom: 0; background-color: #242424; fill: #fff; width: 47px; text-align: center; height: 47px; transition: all .4s; &:hover{ background-color: $primaryColor; transition: all .4s; transform: rotate(360deg); } } .newsletter-desc{ margin-bottom: 33px; } p.footer-links-title{ display: block; } .confirm_sending{ margin-top: 8px; label{ display: inline-block; width: calc(100% - 25px); margin-bottom: 0; font-size: {{ settings.footer_font_size }}px; } .newsletter_checkbox{ vertical-align: top; margin-top: 4px; } } } /*=============Reviews=============*/ .reviews-slider-wrapp{ position: relative; margin-bottom: 91px; &:hover{ .reviews-slider div.owl-nav{ display: block; } } } .reviews-slider-wrapp-type_two{ position: relative; &::before{ content: ''; background-color: rgba(0,0,0,.5); position: absolute; top: 0; right: 0; left: 0; bottom: 0; } div.owl-nav { button { opacity: 1; &:hover{ opacity: 0.7; } } } } .reviews-slider.type_two{ .review-author, .review-pos, .review-text{ color: #fff; } } .reviews-slider.type_two, .reviews-slider.type_four { position: static; max-width: none; background-size: cover; background-position: center; .review { text-align: center; position: relative; touch-action: manipulation; padding: 100px 0 66px; border: none; img { width: auto; max-width: 90px; margin: 0 auto; border-radius: 50%; margin-bottom: 9px; } } .review-author{ font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 0; } .review-pos{ font-size: 14px; display: inline-block; margin-bottom: 27px; } .review-text { max-width: 800px; margin-left: auto; margin-right: auto; font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.45; margin-bottom: 7px; } div.owl-nav { display: none; &.disabled{ button{ display: none; } } button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; border-radius: 50%; background: #000!important; height: 45px; width: 45px; line-height: 1px!important; &.owl-next { right: 1.6%; svg{ margin-left: 1px; } } &.owl-prev { left: 1.6%; margin-right: 1px; } } } .owl-dots{ text-align: center; padding-bottom: 34px; button{ span{ border: 2px solid transparent; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; background-color: #bababa; } &:hover, &.active{ span{ border-color: #363636; position: relative; background: none; width: 12px; height: 12px; &::before{ content: ''; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 4px; height: 4px; background: #363636; border-radius: 50%; display: inline-block; } } } } } } .reviews-slider.type_four{ .review-author, .review-pos{ color: #000; } .review-pos{ font-size: 13px; } } .reviews-slider-wrapp-type_four{ margin-bottom: 80px; } .reviews-text{ text-align: center; margin-bottom: 52px; h3{ margin-bottom: 3px; } } .review{ border: 1px solid rgba(0,0,0,.1); padding: 31px 32px 14px; img{ max-width: 60px; height: auto; display: inline-block!important; } .autor-info{ display: inline-block; width: calc(100% - 66px); padding-left: 19px; vertical-align: middle; padding-top: 7px; .review-author{ text-transform: uppercase; margin-bottom: 4px; } .review-author-pos{ font-size: 13px; margin-bottom: 0; } } .review-text{ padding: 22px 1px 22px 7px; line-height: 1.75; } } .reviews_block{ position: relative; margin-bottom: 84px; margin-top: 27px; &.type_three, &.type_five{ margin-top: 0; padding: 91px 0 94px 0; margin-bottom: 92px; .review{ background: #fff; border: none; } } &.type_five{ padding: 79px 0 82px 0; margin-bottom: 83px; .review{ text-align: center; padding: 31px 32px 27px; width: 83%; margin-left: auto; margin-right: auto; .review-text{ max-width: 686px; margin-right: auto; margin-left: auto; padding-bottom: 15px; padding-left: 0; } .autor-info{ padding-left: 0; width: auto; } } .reviews-slider { position: relative; .owl-dots { margin-top: 56px; } .owl-prev { left: 0; top: 41%; } .owl-next { right: 0; top: 41%; } } } } .reviews-slider{ max-width: 1110px; margin-left: auto; margin-right: auto; position: static; .owl-nav button.owl-prev, .owl-nav button.owl-next { position: absolute; top: 56.66%; transform: translateY(-50%); z-index: 1; font-size: 17px; background: #070707; color: #fff; border-radius: 50%; height: 40px; width: 40px; opacity: 0.1; &:hover { opacity: 1; } i { padding: 0 10px; } } .owl-prev { left: 29px; } .owl-next { right: 29px; } .owl-dots { margin-top: 33px; text-align: center; .owl-dot { span { display: inline-block; width: 9px; height: 9px; margin: 0 6px; background: $primaryColor; border-radius: 50%; } &.active, &:hover { span { background-color: rgba(0,0,0,.1); } } } } } /*=========Product Reviews========*/ .product-tab-item{ display: none; overflow: hidden; opacity: 0; transition: opacity .3s; border: 1px solid #efefef; padding: 33px 33px 45px 33px; &.active{ display: block; opacity: 1; } } .product-tabs-nav{ margin-bottom: -1px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; li{ display: inline-block; margin-bottom: 0; &.active, &:hover{ a{ background: #fff; border-color: #efefef; } } a{ display: inline-block; text-transform: uppercase; color: #000; padding: 23px 36px; background: #f4f4f4; border: 1px solid #f4f4f4; border-bottom: none; margin-bottom: -1px; } } } .product-miniature{ .spr-badge-caption{ display: none; } &.no-fade-effect{ img.cover{ z-index: 2!important; opacity: 1!important; transition: all .8s; } } } #shopify-product-reviews .spr-container{ border: none; } .reviews-at-bottom{ margin-top: 49px; margin-bottom: 41px; .h3{ text-align: center; text-transform: uppercase; } .section-header { margin-bottom: 26px; } } #shopify-product-reviews{ .spr-container{ padding: 0; } .spr-summary{ font-size: 12px; } .spr-starrating{ font-size: 8px; color: #000; display: inline-block; } .spr-header-title{ margin-bottom: 26px; } .spr-summary-actions{ font-size: 15px; } .spr-review:last-child{ margin-top: 0; } .spr-reviews { margin: 13px 0 0 0; } .spr-starratings.spr-review-header-starratings { font-size: 8px; margin-bottom: 8px; color: #000; } .spr-review-header-title { font-size: 14px; border: none; } .spr-review-header-byline{ margin-bottom: 28px; strong{ font-weight: 500; } } .spr-review-content { margin: 0 0 10px 0; } } /*=========Brand Slider========*/ .index_header_eleven .brand-slider.type_two{ padding: 0; margin-bottom: 89px; } .brand-slider { padding: 30px 0; a { display: flex; -ms-align-items: center; align-items: center; justify-content: center; min-height: 40px; min-width: 170px; } .brand.bob{ // animation -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding: 10px 0; img{ -webkit-transform: translateZ(0); transform: translateZ(0); } &:hover { img { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } } } .owl-item img { width: auto; } .owl-nav { button.owl-prev, button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; color: {{ settings.color_link }}; &:hover { color: $primaryColor; } } button.owl-prev { left: -25px; } button.owl-next { right: -25px; } } &.type_two{ margin-bottom: 55px; } &.type_three{ margin-bottom: 91px; padding: 73px 0 69px; } } /* animation Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /*===========Information block============*/ .information_block{ @extend .df; @extend .aic; justify-content: space-between; margin-bottom: 128px; .inf_title{ text-transform: uppercase; display: inline-block; position: relative; padding-bottom: 22px; margin-bottom: 23px; &::after{ content: ''; width: 51px; height: 1px; background: {{ settings.color_body_headings }}; position: absolute; bottom: 0; left: 0; transition: width .4s; } &:hover::after{ width: 100%; transition: width .4s; } } .inf_desc{ width: 48%; margin-top: 73px; } .inf_img{ width: 40.1%; } .inf_text{ line-height: 1.75; margin-bottom: 53px; } } /*===========Categories promo============*/ .categories_blocks { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 81px; .category_block-big, .category_block-small { overflow: hidden; position: relative; .category_block-content { position: absolute; top: 34px; left: 40px; .category_block-link { color: #000; font-size: 14px; display: none; i { color: #000; } } h4 { font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } } &:hover .category_block-link { display: block; } } .categories_blocks_big { width: 57.208%; } .categories_small { width: 42.792%; padding-left: 29px; .category_block-small { margin-bottom: 29px; } :last-child { margin-bottom: 0; } } } .shine_block .shine, .team_item .person_photo{ position: relative; overflow: hidden; } .shine_block .shine::before, .team_item .person_photo::before{ position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .shine_block .shine:hover::before, .team_item .person_photo:hover::before{ -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .zoom-in img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .zoom-in:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*===========Promo block============*/ .promoblocks{ margin-bottom: 80px; .promo_item_wrap{ position: relative; a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; } } .promo_item{ position: relative; overflow: hidden; .promo_title{ text-transform: uppercase; color: {{ settings.color_body_headings }}; font-weight: 700; position: absolute; top: 36px; left: 40px; } } } .promoblocks.type_two{ margin-bottom: 78px; @extend .df; @extend .fww; .promo_item_wrap{ width: 50%; a, .promo_title{ position: static; } .promo_title{ line-height: 1.2; margin-bottom: 24px; } a{ padding-left: 3px; } .promo_text{ position: absolute; bottom: 12.975%; left: 41.9%; max-width: 200px; } &:nth-child(even){ .promo_text{ left: 6.1%; } } } } .promoblocks.type_three{ .shine{ padding-bottom: 6px; &::before{ left: -89%; } } .block_content{ text-align: center; h4{ margin-bottom: 3px; } p{ margin-bottom: 18px; } a{ font-weight: 700; position: relative; color: {{ settings.color_body_headings }}; padding-bottom: 8px; &::after{ content: ''; display: inline-block; height: 1px; width: 16px; background: {{ settings.color_body_headings }}; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } } >.row{ .promoblock-item{ &:nth-child(odd){ img{ margin-bottom: 34px; } } &:nth-child(even){ @extend .df; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; justify-content: space-between; .block_content{ margin-bottom: 45px; margin-top: -4px; } .shine{ @extend .df; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; justify-content: space-between; } } } } } .promoblocks.type_four{ margin-bottom: 91px; .container-fluid{ padding: 0; .row{ margin: 0; .col-md-6{ padding: 0; position: relative; } } } .promo-item{ a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } &:hover{ .hover_shadow{ opacity: 1; transition: all .5s; } } } .promo-title{ color: #fff; position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); z-index: 2; } .hover_shadow{ background: rgba(0,0,0,.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; transition: all .5s; } &.type_five { .container-fluid .row{ margin-right: -15px; margin-left: -15px; } .hover_shadow{ left: 15px; right: 15px; } } } .promoblocks.type_six{ text-align: center; margin-bottom: 49px; .promo_header{ margin-bottom: 3px; } .promoblock_desc{ margin-bottom: 0; } .block_desc{ margin-bottom: 49px; } .promo-item{ position: relative; a.item_link{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } img{ margin-bottom: 27px; } .promo-title{ margin-bottom: 13px; cursor: pointer; a{ color: {{ settings.color_body_headings }}; } span{ position: relative; &::after{ content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 1px; left: 0; background: {{ settings.color_body_headings }}; transition: all .4s; } } &:hover{ span{ &::after{ width: 0; transition: all .4s; } } } } } &.type_seven{ margin-bottom: 64px; .promo-item img { margin-bottom: 23px; } } } .promoblocks.type_eight{ margin-bottom: 90px; .promo-item{ position: relative; .promo-image { img{ max-width: 90%; } } } .promo-item:nth-child(even){ margin-top: -131px; .promo-item_wrapp{ @extend .df; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } .promo-image { text-align: right; img{ max-width: 100%; } } .promo-text { margin-left: auto; padding: 20px 15px 20px 0; padding-left: 0; margin-top: 93px; height: 100%; margin-bottom: 0; max-width: 556px; } } .promo-text{ max-width: 550px; @extend .df; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; height: calc( 100% - 155px ); padding-left: 9px; margin-bottom: 131px; } .promo-image{ padding: 0; } .promo-title{ margin-bottom: 22px; } .promo-content{ font-size: 16px; line-height: 1.65; } .promo_link{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } } /*===========Buttons animation============*/ .btn, .shopify-payment-button__button{ position: relative; z-index: 0; overflow: hidden; line-height: 54px; } .btn::before, .shopify-payment-button__button::before{ content: ''; opacity: 0.25; height: 100px; position: absolute; transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg); transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); width: 200px; z-index: 1; top: 50%; left: 0; } .btn:hover, .shopify-payment-button__button:hover{ transition: background 0s; } .btn:hover::before, .shopify-payment-button__button:hover::before{ transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg); } /*===========Banner============*/ .banner-wrapp{ margin-bottom: 82px; } .banner-t1 { min-height: 430px; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; padding-bottom: 10px; .banner-t1-title { margin-bottom: 18px; color: #000; font-weight: 700; text-transform: uppercase; max-width: 700px; } .banner-t1-content{ padding-left: 9.85%; object{ display: block; a{ font-weight: 600; font-size: 14px; line-height: 52px; white-space: normal; max-width: 400px; } } p { line-height: 1.75; color: $colorBodyText; max-width: 479px; margin-bottom: 49px; } } .banner-t1-link { display: block; cursor: pointer } } .banner-sale-wrapp{ max-width: 1440px; margin-left: auto; margin-right: auto; margin-top: 88px; margin-bottom: 81px; .banner-sale{ padding: 75px 0px 83px; background-position-x: center; background-size: cover; } .banner-sale-content{ max-width: 560px; margin-left: auto; text-align: center; } .banner-sale_text{ text-transform: uppercase; font-weight: 700; color: {{ settings.color_body_headings }}; margin-bottom: 2px; } .banner-sale-title{ margin-bottom: 48px; } #clockdiv{ >div{ background: #fff; display: inline-block; padding: 22px 23px 28px 22px; margin: 0 13px ; min-width: 110px; text-align: center; .days, .hours, .minutes, .seconds{ font-size: {{ settings.h2_font_size }}px; font-weight: 700; color: {{ settings.color_body_headings }}; line-height: 1.3; margin-bottom: 2px; display: inline-block; } .smalltext{ color: {{ settings.color_body_headings }}; text-transform: capitalize; } } } &.type_one{ margin-top: 46px; margin-bottom: 108px; } &.type_two{ max-width: none; position: relative; margin-top: 0; margin-bottom: 0; .banner-sale{ padding: 77px 0px 91px; } .banner-sale-content{ position: relative; z-index: 2; max-width: none; margin-left: auto; margin-right: auto; .banner-sale_text, .banner-sale-title{ color: #fff; } } .box_shadow{ background: rgba(0,0,0,.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #clockdiv{ >div{ background: rgba(255,255,255,.8); position: relative; margin: 0 21px 0 20px; padding: 17px 23px 23px 22px; &::after{ content: ':'; color: #fff; display: inline-block; position: absolute; top: 50%; right: -28px; font-size: 44px; transform: translateY(-50%); padding-bottom: 9px; } &:last-child{ &::after{ display: none; } } } } } } .banner-wrapp.type_two{ margin-top: 15px; margin-bottom: 91px; .banner-t1{ justify-content: center; position: relative; min-height: 540px; padding-top: 17px; padding-bottom: 0; &::after{ content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.2); z-index: 1; transition: all .4s; } &:hover{ &::after { transition: all .4s; opacity: 1; } } } .banner-t1-content{ padding: 0 15px; } .banner-t1-title{ color: #fff; position: relative; z-index: 2; } } .video_banner{ .banner-t1{ min-height: 547px; position: relative; background-position: center; background-size: cover; padding: 0; &::after{ content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.6); } .banner-t1-content{ text-align: center; position: relative; z-index: 2; padding: 20px 0; >a{ display: inline-block; margin-bottom: 43px; opacity: .6; transition: all .4s; img{ transform: scale(0.9); transition: all .4s; } &:hover{ opacity: 1; transition: all .4s; img{ transform: scale(1); transition: all .4s; } } } h2, p{ color: #fff; text-align: center; margin-right: auto; margin-left: auto; } p{ margin-bottom: 0; } .banner-t1-title{ margin-bottom: 9px; } } } } /*===========Product Page============*/ .product-single__photos { max-width: 480px; position: relative; margin-bottom: 19px; } .product-single{ &.horizontal, &.vertical{ .shopify-payment-button{ margin-right: 12px; } } .zoomImg{ background: #fff; } .product-photos-list.owl-carousel{ .owl-stage{ @extend .df; -ms-align-items: stretch; align-items: stretch; } } .product-left{ padding-top: 14px; } .product-right{ padding-top: 5px; h3{ margin-bottom: 0px; } .spr-badge-caption{ display: none; } .spr-badge-starrating{ font-size: 9.5px; margin: 0; i{ margin: 0 0.5px; } } .review-regular{ margin-bottom: 17px; } .social>.social-item{ width: auto; margin-right: 18px; } .spr-starrating{ color: #000; } .wish-list-product{ display: inline-block; margin-left: 17px; vertical-align: middle; cursor: pointer; svg{ width: 16px; height: auto; margin-right: 4px; } span{ color: $colorBodyText; } .cls-1{ fill: $colorBodyText; } &:hover{ span{ color: $primaryColor; } .cls-1{ fill: $primaryColor; } } } .product_prices{ .old-price{ font-size: 21px; } .product-regular-price{ margin-bottom: 15px; } } } .quantity-control { margin-bottom: 29px; } .btn-add-to-cart, .shopify-payment-button__button{ line-height: 3.85; min-width: 182px; } .shopify-payment-button__button{ line-height: 3.7!important; padding: 0 20px!important; } } .product-single{ &.horizontal{ .shopify-payment-button__more-options{ margin-bottom: 15px!important; } } } .blog_post_open{ @extend .df; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; .article{ margin-bottom: 10px; } } .selector-wrapper{ &>select{ border: none; background-color: #f4f4f4; min-width: 94px; border-radius: 0; color: #000; } &>label{ color: #000; } } .js-qty{ max-width: 93px; button{ height: 50%; font-size: 13px; padding: 0 14px; background-color: #f4f4f4; border: none; &.js-qty__adjust--plus{ padding-top: 4px; } &.js-qty__adjust--minus{ padding-bottom: 4px; right: 0; top: auto; left: auto; span{ vertical-align: super; } } } input{ border-radius: 0; color: #000; border: 2px solid #f4f4f4; padding: 7px 31px 6px 0; } } .product-photos-list { position: relative; max-width: 480px; list-style: none; margin: 0; @extend .df; @extend .fww; &.owl-carousel { padding: 0 30px; .product-photos-list-item { margin: 0 auto; display: block; opacity: 0.5; &.active, &:hover{ opacity: 1; } &.video{ height: 100%; } } } .product-photos-list-item { display: inline-block; margin-right: 12px; width: 90px; a { display: block; } } .owl-nav { button.owl-prev, button.owl-next { position: absolute; top: 0; width: 20px; height: 100%; text-align: center; background-color: #f5f6fa; &:hover { background-color: $primaryColor; color: #ffffff; } span { font-size: 26px; } } button.owl-prev { left: 0; } button.owl-next { right: 0; } } } .product-regular-price { display: inline-block; margin-bottom: 11px; font-size: 28px; font-weight: 700; color: $productMinPriceColor; } .selector-wrapper { display: flex; align-items: center; margin-bottom: 15px; > label { width: 100px; margin-bottom: 0; font-weight: 400; } > select { margin-bottom: 0; } } .quantity-control { display: flex; align-items: center; .quantity-selector, label{ min-width: 80px; margin-right: 15px; width: auto; font-weight: 400; margin-bottom: 0; color: #313131; } .js-qty { margin-bottom: 0; } .quantity-selector{ max-width: 100px; } } .btn-add-to-cart { min-width: 150px; line-height: 45px; font-size: 14px; } .quick-view-hover .btn-add-to-cart{ min-width: 0; } .separator { margin: 20px 0; } .product-description { padding: 0; margin-top: 90px; } .related-products { margin-top: 80px; .section-header { text-align: center; margin-bottom: 34px; h3 { margin-bottom: 2px; text-transform: uppercase; } } .product-miniature{ margin-bottom: 0; } } .short-description { margin-bottom: 25px; line-height: 1.75; } .lightbox-link { display: block; position: relative; transition: all .4s; } .full-photo-overlay { position: absolute; bottom: 20px; right: 20px; z-index: 3; svg{ vertical-align: bottom; } &:hover{ .cls-3{ fill: $colorBtnPrimary; } } } .lb-nav a.lb-next { background: url("{{ 'next.png' | asset_url }}'") right 48% no-repeat; } .lb-nav a.lb-prev { background: url("{{ 'prev.png' | asset_url }}'") left 48% no-repeat; } .product-single.vertical{ &.reverse{ .product-left{ @extend .df; justify-content: flex-end; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -ms-align-items: flex-start; align-items: flex-start; .vertical-slider{ margin-left: 8px; margin-right: 0; } } } .selector-wrapper{ display: inline-block; >label{ display: none; } >select{ margin-right: 10px; margin-bottom: 9px; } } .product-right .review-regular{ margin-bottom: 17px; } .quantity-control.selector-wrapper{ margin-bottom: 0; margin-right: 15px; } .product-regular-price{ margin-bottom: 18px; } .btn-add-to-cart{ vertical-align: top; margin-right: 15px; } .wish-list-product { i{ font-size: 20px; } a{ span{ display: none; } } } .wrapp_block{ @extend .df; @extend .aic; @extend .fww; margin-top: 27px; } .js-wish-list{ vertical-align: middle; margin-bottom: 0; } .form-vertical { margin-bottom: 36px; } .product-description{ margin-top: 85px; } .short-description{ margin-bottom: 19px; } .product-right { .social>.social-item { margin-right: 18px; a { color: #a7a7a7; .cls-1{ fill: #a7a7a7; } &:hover{ opacity: 0.7; } } } .product_prices { margin-bottom: 13px; } } } .product-single.big_horizontal_slider{ .product-single__photos{ max-width: 100%; } .btn-add-to-cart, .shopify-payment-button{ margin: 0 5px; } .product-image-item{ .full-photo-overlay{ display: none; } &:hover{ .full-photo-overlay{ display: block; } } } .size_guide_wrapp, .del_ret_wrapp{ margin: 0 10px; } .product_slider_three_img{ position: relative; .owl-nav{ button{ display: none; position: absolute; top: 50%; transform: translateY(-50%); padding: 20px!important; } .owl-prev{ left: 0; } .owl-next{ right: 0; } svg{ width: 10px; height: auto; .cls-1{ fill: #070707; } } } } &:hover{ .owl-nav button{ display: block; } } .product-right{ text-align: center; .quantity-control{ justify-content: center; } .short-product-info, .product_adv{ max-width: 650px; margin-left: auto; margin-right: auto; } } } .product-single.slider_grid{ .shopify-payment-button{ margin-right: 12px; } .product-single__photos{ max-width: none; .full-photo-overlay{ display: none; } &:hover{ .full-photo-overlay{ display: block; } } } .product-photos-list-two{ font-size: 0; margin: 0 -5px; } .product-photos-list-item{ display: inline-block; width: 20%; padding: 0 4px; margin-bottom: 10px; img{ border: 1px solid transparent; } &.active img{ border-color: #070707; } &.grid-item{ vertical-align: top; } } .product_layout_slider{ margin-bottom: 10px; .owl-nav{ button{ display: none; position: absolute; top: 50%; transform: translateY(-50%); padding: 20px!important; } .owl-prev{ left: 0; } .owl-next{ right: 0; } svg{ width: 10px; height: auto; .cls-1{ fill: #070707; } } } &:hover{ .owl-nav button{ display: block; } } } } .product-single.without_slider{ .btn-add-to-cart, .shopify-payment-button{ margin: 0 5px; } .fixed_part{ text-align: center; max-width: 100%; overflow-y: auto; } .glued { @extend .df; -ms-align-items: flex-end; align-items: flex-end; } .product-single__photos{ margin-bottom: 0; >.zoomImg{ display: none!important; } } .product-right{ margin-top: 11px; } .product-flags { top: 20px; } .product-image_without_slider { margin-top: 11px; &:first-child{ margin-bottom: 0; } .full-photo-overlay{ display: none; } &:hover{ .full-photo-overlay{ display: block; } } } .product-right .product_prices { margin-bottom: 12px; } .product-right .social>.social-item { margin-right: 9px; margin-left: 9px; } .selector-wrapper{ display: inline-block; margin: 0 5px 10px; >label { display: none; } } .social_on_product{ margin-bottom: 24px; } .short-description { margin-bottom: 18px; } .quantity-control.selector-wrapper{ margin: 0 7px 0 0; } .line_block{ margin: 30px 0 39px 0; } .wish-list-product { i{ font-size: 20px; } span{ display: none; } } .js-wish-list{ vertical-align: middle; margin-bottom: 0; } .form-vertical { margin-bottom: 36px; } .product-regular-price{ margin-bottom: 20px; } .grid-item.video{ min-height: 333px; height: 1px; } #an-product-video-btn { i{ font-size: 81px; color: #fff; opacity: 0.8; } &:hover i{ opacity: 1; } } .short-product-info .count-product-progress_wrapp { max-width: 600px; margin-left: auto; margin-right: auto; } } .product-single.two_image_in_line{ .shopify-payment-button{ margin-right: 12px; } .product-single__photos{ font-size: 0; margin: -10px; max-width: none; .two_image_in_line, .product-photos-list-item{ width: calc(50% - 20px); display: inline-block; margin: 10px; vertical-align: top; .full-photo-overlay{ display: none; } &:hover{ .full-photo-overlay{ display: block; } } } > .zoomImg{ display: none!important; } } .product-flags { top: 20px; left: 20px; } } .vertical-slider{ max-width: 66px; display: inline-block; vertical-align: top; margin-right: 27px; .wrapper{ padding: 0; } .btn_next{ width: 100%; display: inline-block; text-align: center; background-color: {{ settings.product_img_slider_btn_bg }}; color: {{ settings.product_img_slider_btn_color }}; padding: 1px 0; cursor: pointer; &:hover { background-color: $primaryColor; color: #ffffff; } } .btn_prev{ display: none; width: 100%; text-align: center; background-color: {{ settings.product_img_slider_btn_bg }}; color: {{ settings.product_img_slider_btn_color }}; padding: 1px 0; cursor: pointer; } .product-photos-list .product-photos-list-item{ margin-right: 0; } .slick-slide img{ width: 100%; } .video.slick-slide{ min-height: 76px; height: 1px; } } .vertical .product-left { .product-single__photos { vertical-align: top; display: inline-block; max-width: calc(100% - 100px); } } .product-right .fixed_part.scroll { position: fixed; z-index: 40; overflow: auto; backface-visibility: hidden; >div, >h3{ will-change: transform; } } /****************Contact page*************/ .an_contact_us_form{ h3{ margin-bottom: 21px; } .contact-form{ max-width: 100%; } label{ display: none; } .form-inputs{ margin-bottom: 4px; @extend .df; justify-content: space-between; margin-bottom: 11px; input{ height: 50px; margin-bottom: 9px; border: none; border-radius: 0; background-color: #f4f4f4; width: 31.6%; } label{ vertical-align: middle; margin-top: 0; } } .input-full{ display: inline-block; padding: 16px 21px; border-radius: 19px; height: 162px; } .btn{ width: auto; display: inline-block; font-weight: 700; margin-top: 8px; } } #contact-us{ .rte{ margin-bottom: 30px; } .contact-form{ max-width: none; .form-inputs{ width: 100%; } textarea{ display: inline-block; height: 190px; vertical-align: top; border-radius: 0; border: none; background-color: #f4f4f4; margin-bottom: 22px; } .btn{ max-width: 350px; } } } .contacts{ margin-bottom: 23px; } #contacts{ .main-content{ padding-bottom: 0; } } .contact_page_title{ text-align: center; padding-top: 6px; margin-bottom: 26px; } .adv_title{ margin-bottom: 20px; } .cp_contacts{ padding: 24px 31px 13px 30px; .advantages-item_thumb{ width: 16px; height: auto; margin-right: 10px; } h6{ margin-bottom: 5px; margin-top: 3px; font-weight: 600; text-transform: uppercase; } p.advantages-item__title{ max-width: 100%; color: #000; line-height: 1.85; margin-bottom: 0; a{ color: #000; } } .ap_adv_text { width: 100%; } h6.advantages-item__lable{ color: #a7a7a7; text-transform: capitalize; float: left; margin: 0; line-height: 2.1; margin-right: 3px; } .advantages-item.ap_adv{ @extend .df; margin-bottom: 11px; } } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .an-map-contact_us{ margin-bottom: 47px; } .page-contact{ .breadcrumb{ margin-bottom: 0; } .main-content{ margin-top: 0; } } .page-about_us{ .reviews_block { margin-bottom: 57px; } .reviews-text h3{ text-transform: capitalize; } .brand-slider{ margin-bottom: 61px; } } /****************About us page*************/ .about_us_block{ margin-bottom: 73px; min-height: 330px; @extend .df; flex-wrap: wrap; .about_us_image{ margin-right: 0; max-width: 100%; margin-bottom: 15px; width: 40%; padding-top: 9px; } .about_us_content{ width: 60%; padding-right: 15px; h3{ margin-bottom: 35px; } p{ padding-left: 4px; line-height: 1.65; margin-bottom: 50px; } } } .au_banner-wrapp{ margin-bottom: 65px; .au_banner{ min-height: 400px; position: relative; @extend .df; @extend .aic; justify-content: center; &::before{ content: ""; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 0; } } .au_banner-content{ text-align: center; z-index: 2; position: relative; P{ color: #fff; margin-bottom: 1px; } h3{ color: #fff; font-weight: 600; text-transform: uppercase; max-width: 600px; padding: 0 15px; line-height: 1.2; margin-bottom: 0; } } } .team-wrapp{ padding: 85px 0 20px; margin-bottom: 91px; } .our_team{ margin-bottom: 23px; h3{ margin-bottom: 3px; text-align: center; } p{ text-align: center; margin-bottom: 55px; } .team_item{ margin-bottom: 29px; &:hover{ .social_links{ transform: scale(1)!important; transition: all .4s; } } .person_photo{ max-width: 255px; margin-right: auto; margin-left: auto; position: relative; } .personal_info{ max-width: 255px; margin-right: auto; margin-left: auto; padding: 20px 18px; h5{ line-height: 1; margin-bottom: 5px; text-align: center; } p{ font-size: 14px; margin-bottom: 0; text-align: center; color: #818181; } } } } #about-us{ .featured-blogs { padding: 73px 0 99px; } .main-content{ padding-bottom: 0; } } .an-blog-small{ .blog-post-image{ max-height: 222px; overflow: hidden; } } /*=============Collection Page================*/ .all-collection-widget { ul { margin: 0; list-style: none; } } .collection-list-item{ margin-bottom: 30px; .product-list-desc{ p{ line-height: 1.75; margin-bottom: 17px; } } .product-regular-price{ margin-bottom: 21px; } .btn-add-to-cart{ margin-top: 21px; min-width: 200px; line-height: 54px; } .quick-view-hover{ position: absolute; bottom: 10px; right: 15px; left: 15px; text-align: center; opacity: 0; transition: all .4s; } .fa-heart, .fa-eye{ font-size: 13px; } .product-flags { top: 10px; left: 25px; } &:hover{ .quick-view-hover{ opacity: 1; transition: all .4s; } } } .collection-filter-btn { padding: 7px 0 7px 15px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; cursor: pointer; color: #000; > i { font-size: 14px; } > span { display: inline-block; margin-left: 5px; font-size: 16px; } } .collection-products-grid, .collection-products-list{ margin-top: 20px; } .collection-filters-fullwidth .collection-sidebar-widget{ padding-top: 30px; border-bottom: 1px solid #ebebeb; padding-bottom: 0; } .collection-filters-fullwidth { display: none; margin-bottom: 10px; .collection-filter { margin-right: 40px; display: inline-block; vertical-align: top; .widget-dropdown { li { text-transform: capitalize; } } } aside.widget_layered_nav{ border-bottom: none; margin-bottom: 12px; ul:not(.filter-color)>li{ padding-bottom: 8px; margin-bottom: 0 !important; } } .filters-groups { .group { display: inline-block; vertical-align: top; margin-right: 40px; } } &.dropdown-style { .collection-filter { ul { display: none; } .filter-title { cursor: pointer; padding-right: 20px; min-width: 80px; .filter-arrow-close, .filter-arrow-open { right: 0; } } } .group { .group-list { max-width: 66px; li { a { margin-right: 0; } } } } } } .filter-title { position: relative; display: block; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; font-weight: 400; .filter-arrow-close, .filter-arrow-open { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: none; } } .collection-description { margin-bottom: 30px; } .collections-grid-control { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; .collection-view { padding: 11px 7px; font-size: 0; .filters-btn { padding: 10px 8px; } .collection-view-btn { display: inline-block; cursor: pointer; opacity: 0.2; margin: 0 4px; &.active, &:hover{ opacity: 1; } } } .form-horizontal { label { display: inline-block; margin-right: 10px; color: #000; } } } .collection-sidebar-widget { padding-bottom: 14px; .filters-groups { .group { &.hidden_filters{ display: none; } padding: 0 0 15px 0; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; } } .filter-group{ a{ color: $colorBodyText; } } .mobile-slide li{ padding-bottom: 8px; margin-bottom: 0!important; } .widget-title { margin-bottom: 8px; text-transform: uppercase; font-weight: 800; color: #070707; } &.categories-links { ul { li { &:hover{ a, small{ color: {{ settings.color_link_hover }}; } } a, small { color: {{ settings.color_link }}; } small { float: right; } a{ width: auto!important; font-size: 13px; } } } } ul.group-list { margin: 0; li { overflow: hidden; a { position: relative; display: inline-block; padding-left: 20px; margin-left: -20px; transition: all .3s; &:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 15px; height: 1px; border-bottom: 1px solid{{ settings.color_link }}; } &:hover { margin-left: 0; } } } } li.remove_tag.remover_btn{ margin-top: 7px; display: block; } &.sidebar-blogs-list{ margin: 19px 0 23px 0; .widget-title{ margin-bottom: 25px; } .blog-title{ line-height: 1.5; a{ font-weight: 400; } } } &.sidebar-featured-products{ .widget-title{ margin-bottom: 25px; } .sidebar-product{ border-bottom: 1px solid #ebebeb; padding-bottom: 19px; &:last-child{ border-bottom: none; } } } } .collection-sidebar{ .collection-sidebar-widget { .arrows-filters{ position: absolute; top: 0; right: 0; button{ color: #989898; padding: 5px 7px; &:hover{ color: #000; } } .fa-angle-up{ display: none; } } } } .group { .group-color { li { display: inline-block; margin-bottom: 0; a { display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; margin-right: 10px; margin-left: 0!important; padding-left: 0!important; &:before { display: none; } &:hover { border: 2px solid #000; } } &.active-filter { a { border: 2px solid #000; } } } } .group-list { margin: 0; list-style: none; .group-item { overflow: hidden; &.active-filter { a { color: #000000; margin-left: 0; } } } &.group-size { .group-item { display: inline-block; margin-right: 7px; margin-bottom: 0; a { margin-left: 0; padding-left: 0; &:before { display: none; } &:hover { margin-left: 0; } } } } } } .collection-sidebar-widget.categories-links{ .mobile-slide{ padding-right: 41px; } } .widget_layered_nav ul:not(.filter-color), .collection-sidebar-widget.categories-links .mobile-slide{ > li { margin-bottom: 8px; a { position: relative; padding-left: 33px; width: 100%; display: inline-block; &::before { position: absolute; left: 0; content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid #eaeaea; top: 1px; } &::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; content: "\f00c"; position: absolute; top: 2px; left: 4px; display: none; color: #313131; } } &.chosen, &.checked, &:hover{ a{ &::after { display: inline-block; } } } } } .widget_layered_nav ul:not(.filter-color){ >li{ margin-bottom: 0; a{ font-size: 13px; } } } .collection-sidebar-widget { ul{ margin-left: 0; } .widget_layered_nav { margin-bottom: 24px; border-bottom: 1px solid #ebebeb; padding-bottom: 6px; h5{ text-transform: none; font-weight: 600; } .widget-title{ text-transform: none; margin-bottom: 5px; } } .nav_filters{ border-bottom: 1px solid #ebebeb; padding-bottom: 6px; margin-bottom: 24px; .remove_tag{ display: inline-block; a{ background-color: #f4f4f4; color: $colorBodyText; display: inline-block; padding: 7px 27px 5px 10px; position: relative; text-transform: uppercase; font-size: 10px; &::after{ content: 'x'; display: inline-block; color: $colorBodyText; position: absolute; font-size: 8px; right: 11px; line-height: 12px; top: 50%; transform: translateY(-50%); } &:hover{ background-color: #ebebeb; } } &.remover_btn{ a{ background-color: $primaryColor; color: #fff; font-size: 14px; text-transform: none; padding: 0 42px; line-height: 48px; min-width: 0; &:hover{ opacity: .8; } &::after{ display: none; } } } } } .widget-title.filter_widget_title{ margin-bottom: 24px; } &.dropdown-style { ul { display: none; margin-bottom: 10px; &.open { display: block; } li { &:last-child { margin-bottom: 0; } } } .filter-arrow-close { display: block; } .filter-title { cursor: pointer; border-bottom: none; padding-bottom: 0; margin-bottom: 10px; &.open { .filter-arrow-close { display: none; } .filter-arrow-open { display: block; } } } .filters-groups { .group { margin-bottom: 0; } } } .tag_size{ li{ text-transform: uppercase; width: 50%; display: inline-block } } } .selected-filters { margin-bottom: 20px; &.hidden_filters{ display: none; } .selected-list { margin: 0; list-style: none; li { display: inline-block; padding: 2px 10px; margin-bottom: 10px; background-color: #e9ecef; text-align: center; font-size: 12px; border-radius: 10px; a { position: relative; display: inline-block; margin-right: 5px; color: #000!important; text-transform: uppercase; &::after { content: "x"; display: inline-block; margin-left: 10px; } } span { font-size: 10px; } } } .selected-filters-title { display: block; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 14px; } } .clear-filters { padding: 0; min-width: 100px; line-height: 30px; border-radius: 0; margin-top: 10px; font-size: 14px; > a { display: block; min-width: auto; line-height: 33px; max-width: 136px; } &:hover { a { color: {{ settings.color_link_hover }}; } } } .collection-bg { position: relative; background-size: cover; min-height: 350px; &:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #ffbaba; opacity: .3; } .collection-page-title { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); margin-bottom: 0; text-align: center; color: #ffffff; font-size: 40px; font-weight: 700; } } .change-view { font-size: 14px; } .form-horizontal { select, label { font-size: 14px; color: #000; } } /*=========Cart Page=========*/ .cart-table th { font-weight: bold; padding: 15px 0; } .cart__row { .table__section { } } .cart-table td { padding: 15px 10px; } .cart__row { margin-top: 0; padding-top: 0; &:last-child { border-bottom: 1px solid #e5e5e5; } } table.full { margin-bottom: 0; } .product-image { width: 150px; } .product-title { .h5 { margin-bottom: 0; // text-transform: uppercase; font-size: 16px; font-weight: 400; } .product-title-variant { color: #a5a5a5; font-size: 12px; } } .product-quantity { .product-quantity-input { width: 60px; } } .product-price { .product-price-label { font-size: 18px; font-weight: 400; color: #000; } } .product-control { .update-cart, .cart__remove { display: inline-block; font-size: 18px; margin: 0 5px; color: {{ settings.color_link }}; &:hover { color: {{ settings.color_link_hover }}; } } .update-cart{ .fa-sync{ font-size: 15px; } } } .cart-subtotal-info { margin-top: 20px; .cart-subtotal-title { display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: normal; color: #000; } .cart-subtotal-price { display: block; font-size: 26px; font-weight: 700; line-height: normal; margin: 3px 0 15px 0; color: #000; } } .cart__row.cart__header-labels{ color: #000; } .cart-notes { margin-bottom: 15px; label { display: block; text-transform: uppercase; color: #a5a5a5; } .input-full { width: 40%; min-height: 130px; } } .cart-checkout-btn { min-width: 40%; line-height: 40px } .ajaxcart__footer { .money { font-size: 18px; font-weight: 700; } } .ajaxcart__product { .money { font-weight: 700; } } .ajaxcart__product{ .grid{ @extend .df; -ms-align-items: flex-start; align-items: flex-start; } .grid__item{ float: none; } .ajaxcart__qty--delete{ padding-top: 0; padding-right: 0; top: 0; right: 0; bottom: auto; padding-top: 0; svg{ width: 15px; height: auto; fill: #818181; } &:hover{ svg{ fill: #313131; } } } .ajaxcart__product-name { line-height: 1.4; font-size: 14px; padding-right: 23px; } .ajaxcart__product-meta { font-size: 13px; color: #818181; } } header.section-header{ background: none; } /*==========Collection List Page===========*/ .collection-list-section { padding-top: 30px; .collection-item-grid { margin-bottom: 50px; } .section-header { position: relative; .colletction-title { margin-bottom: 0; text-align: center; } .collection-more-link { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; padding: 8px 25px; text-align: center; border: 1px solid #e5e5e5; border-radius: 3px; font-weight: 400; &:hover { border-color: {{ settings.color_link_hover }}; } } } .collection-no-products { text-align: center; margin-bottom: 0; } } /*========Quick View========*/ .qw-modal { position: relative; max-width: 950px; background-color: #fff; margin-right: auto; margin-left: auto; padding: 20px 0; h2 { margin-bottom: 10px; } } .qw-product-add { .product-variants2 { display: none; } .btn-add-to-cart { margin-top: 20px; } .product-single__variants{ display: none; } } .qw-product-price { margin-bottom: 15px; font-size: 24px; font-weight: 700; color: #000; .old-price { display: inline-block; font-size: 16px; font-weight: 400; color: #b3b1b1; margin-left: 5px; } } .qw-product-images { position: relative; .owl-nav { button.owl-prev, button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; color: {{ settings.color_link }}; &:hover { color: $primaryColor; } } button.owl-prev { left: 10px; } button.owl-next { right: 10px; } } } .qw-product-desc { font-size: 14px; margin-bottom: 20px; } .short-product-info{ .count-product-progress_wrapp{ margin-top: 27px; margin-bottom: 20px; div{ color: #313131; } } } .qw-message-no-variants { display: none; margin-top: 15px; font-weight: 700; font-size: 14px; } .qw-body{ padding: 8px 14px; .btn-add-to-cart { min-width: 180px; line-height: 54px; } .qw-product-title{ margin-bottom: 0; } } .pagination { -ms-align-items: center; align-items: center; justify-content: flex-end; border-top: 1px solid $borderColorTopBar; margin-top: 7px; span{ a{ color: #000; } } .page{ padding: 10px; min-width: 30px; min-height: 30px; &.current{ background-color: $primaryColor; color: #fff; } } } /*===========Sidebar Widgets=============*/ .sidebar-product { margin-bottom: 20px; max-width: 343px; } .sidebar-product-miniature { display: flex; align-items: flex-start; .sidebar-product-image { position: relative; overflow: hidden; display: inline-block; width: 38%; max-width: 120px; margin-right: 13px; } .sidebar-product-desc { display: inline-block; width: 60%; .product-title { margin-bottom: 0; font-size: 13.5px; font-weight: 600 ; > a { color: $productMinTitleColor; line-height: 1.5; } } .product-price-and-shipping { margin-top: 5px; >span{ font-size: 18px; color: {{ settings.product_min_price_color }}; } } .old-price { margin-left: 0; line-height: normal; span{ font-size: 12px; } } } } .blog { display: flex; margin-bottom: 20px; .blog-thumb { position: relative; overflow: hidden; display: inline-block; width: 100px; height: 75px; margin-right: 10px; img { position: absolute; left: -25px; top: 0; opacity: 1; max-width: 150px; max-height: 100px; } } .blog-details { display: inline-block; vertical-align: top; max-width: 59%; padding-left: 4px; .blog-title { display: block; margin-right: 5px; font-size: 13px; } time{ font-size: 13px; } p { margin-bottom: 0; } } } .blog-sidebar-wrapp{ .blog_menu_title{ margin-bottom: 11px; } .blog_menu_title, .tags_title, .sidebar-blogs-list-title{ text-transform: uppercase; font-weight: 700; } .blog-menu-list{ margin-bottom: 0; li{ margin-bottom: 7px; a{ display: inline-block; width: 100%; font-size: 12px; transition: all .4s; &.active{ color: #070707; } } &:hover{ a{ padding-left: 20px; transition: all .4s; } } } } .blog-menu{ margin-bottom: 52px; } .blog_tags{ margin-bottom: 0; } } .mobile_sidebar_button{ display: none; span{ vertical-align: middle; } svg{ width: 19px; height: auto; display: inline-block; margin-bottom: 1px; margin-right: 5px; } } .blog-sidebar_popup{ .bs-close-btn{ display: none; position: absolute; top: 28px; right: 22px; padding: 8px; line-height: 1; cursor: pointer; } .blog-sidebar_frame{ height: 100%; width: calc(100% - 300px); float: left; cursor: pointer; } } .blog-sidebar{ margin-bottom: 33px; .blog-title{ margin-bottom: 0; font-weight: 700; a{ color: inherit; } } } .blog_posts{ margin-bottom: 20px; .pagination{ border: none; justify-content: flex-start; } &.grid_with_sidebar{ .col-blog-list{ .blog-title{ margin-bottom: 32px; line-height: 1; } .article__featured-image{ @extend .df; @extend .aic; justify-content: center; overflow: hidden; position: relative; padding-top: 63%; margin-bottom: 17px; img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } } .article{ border: none; margin-bottom: 34px; .post_title{ font-weight: 700; font-size: 16px; margin-bottom: 4px; a{ color: inherit; } } .blog_post_dec{ padding-top: 8px; p{ color: #707070; } } } } } } .blog_tags_wrapp{ margin-bottom: 45px; .tags_title{ margin-bottom: 25px; } } .blog_tags{ li{ margin-right: 5px; margin-bottom: 15px; display: inline-block; a{ font-size: 12px; color: #a7a7a7; padding: 7px 10px 6px 9px; background: #f4f4f4; transition: all .4s; &:hover{ color: #fff; background: $primaryColor; transition: all .4s; } } } } .comment-form{ #CommentAuthor{ margin-right: 2.5%; } input{ border: none; border-radius: 0; background: #f4f4f4; height: 50px; width: 48.75%; display: inline-block; margin-bottom: 20px; } textarea{ border: none; border-radius: 0; background: #f4f4f4; height: 190px; } .grid__item{ font-size: 0; } >p{ margin: 20px 0; } } .template-customers-login{ .main-content{ padding-bottom: 84px; margin-top: 84px; } } .login_text{ margin-bottom: 54px; } #customer_login, #create_customer, #RecoverPasswordForm{ .links-wrapp{ @extend .df; justify-content: space-between; padding: 2px 0 57px; a{ font-size: 13px; position: relative; &::after{ content: ''; width: 100%; height: 1px; background: {{ settings.color_link }}; position: absolute; bottom: 0; left: 0; transition: all .3s; } &:hover::after{ width: 0; transition: all .3s; } } } #customer_register_link{ color: #000; font-weight: 700; position: relative; &::after{ content: ''; width: 100%; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; transition: all .3s; } &:hover::after{ width: 0; transition: all .3s; } } input.input-full{ height: 50px; border: none; background: #f4f4f4; border-radius: 0; margin-bottom: 20px; padding-left: 20px; } .btn { line-height: 52px; margin-bottom: 12px; &:hover::before { transform: translate3d(160%, -100px, 0) rotate3d(0, 0, 1, 90deg); } } .or_label{ margin-bottom: 5px; } .text-link{ position: relative; &::after{ content: ''; width: 100%; height: 1px; background: {{ settings.color_link }}; position: absolute; bottom: 0; left: 0; transition: all .3s; } &:hover::after{ width: 0; transition: all .3s; } } } #create_customer{ .btn { margin-top: 39px; } a{ position: relative; &::after{ content: ''; width: 100%; height: 1px; background: {{ settings.color_link }}; position: absolute; bottom: 0; left: 0; transition: all .3s; } &:hover::after{ width: 0; transition: all .3s; } } } input.spr-form-input, textarea.spr-form-input{ height: 50px; border: none; background: #f4f4f4; border-radius: 0; padding: 12px 17px; } textarea.spr-form-input{ height: 240px; } /*============= Megamenu =============*/ .anmegamenu-linklist-widget, .anmegamenu-banner-widget, .anmegamenu-blog-widget, .anmegamenu-products-widget, .anmegamenu-text-widget{ margin-bottom: 25px; } #amegamenu-blocks { .anmegamenu-hide { display: none; } } .megamenu-wrapper { position: absolute; z-index: 100; padding: 34px 25px 9px 25px; background-color: {{ settings.megamenu_bg }}; text-align: left; opacity: 0; border-top: none; visibility: hidden; transform: translateY(10px); transition: all .4s; &.full_width { width: calc(100% - 30px); left: 0; right: 0; transform: translateY(10px); margin: 0 15px; } } .has-megamenu { position: static !important; .fa-angle-down{ margin-left: 2px; } &:hover { .megamenu-wrapper { opacity: 1; visibility: visible; transform: translateY(0); &.full_width { transform: translateY(0); } } } .an-custom-width{ max-width: 769px; } } .header_navigation>.container{ position: relative; } .anmegamenu-widget-title { font-weight: 700; margin-bottom: 23px; text-transform: uppercase; } .anmegamenu-linklist-widget { h6{ font-weight: 700; text-transform: uppercase; margin-top: -2px; margin-bottom: 13px; } img{ margin-bottom: 12px; } ul { margin: 0; li { position: static; padding: 3px 0; line-height: 1; display: inline-block; min-width: 49%; margin-bottom: 0; &:last-child { margin-bottom: 0; } a{ font-size: 13px; margin-bottom: 6px; display: inline-block; color: {{ settings.color_link }}; &:hover { color: {{ settings.color_link_hover }}; } } } } } .anmegamenu-blog-widget { .anmegamenu-widget-title{ line-height: 1; } .blog-thumb { width: 40%; height: auto; img { width: 100%; position: static; } } .blog-details { .blog-title { font-size: 14px; line-height: normal; margin-right: 0; a { color: #000; } } .blog-date { font-size: 12px; color: {{ settings.color_link }}; } } .blog{ &:last-child{ margin-bottom: 0; } } } .site-nav--has-dropdown{ position: relative; .fa-angle-down{ margin-left: 2px; } } .site-nav__dropdown{ left: -5px; a{ padding: 2px 0!important; text-transform: none!important; margin: 0!important; font-size: 13px; } } .site-nav__childlist-item{ position: relative; i{ font-size: 9px; margin-left: 8px; } a{ font-size: 13px!important; line-height: 22px; } &.has-dropdown{ @extend .df; @extend .aic; a{ margin-right: 14px; } i{ cursor: pointer; } } .site-nav__dropdown-last-level{ position: absolute; right: 0; top: 0; margin: 0; z-index: 5; text-align: left; background: {{ settings.header_dropdown_bg }}; opacity: 0; visibility: hidden; transform: translateY(10px) translateX(100%); transition: all .4s; padding: 29px 0; } &:hover{ .site-nav__dropdown-last-level{ opacity: 1; visibility: visible; transform: translateY(0) translateX(100%); } } } .anmegamenu-text-widget { img{ margin-bottom: 11px; } .anmegamenu-widget-title{ margin-bottom: 19px; } } .anmegamenu-products-widget{ >div{ .sidebar-product:last-child{ margin-bottom: 0; } } } /*============== Featured Blog ==============*/ .featured-blogs { .featured-blogs-title { text-align: center; } } .blog-article { .blog-article-thumb { overflow: hidden; img { transform: scale(1); transition: all .4s; } &:hover { img { transform: scale(1.05); } } } .blog-article-details { margin-top: 10px; } .blog-article-title { margin-bottom: 0; font-weight: 400; a { color: {{ settings.color_link_hover }}; &:hover { color: {{ settings.color_link }}; } } } .blog-article-date { display: block; font-size: 14px; margin: 5px 0; i { margin-right: 5px; } time { color: #7c7c7c; } } } div.scrolltopbtn { top: auto !important; bottom: 25px; transition: all 0.3s; } .social_on_product { margin-bottom: 12px; } .featured-blogs.type_two{ padding: 0; margin-bottom: 90px; .blog_title{ text-transform: uppercase; } .blog-article{ position: relative; cursor: pointer; .blog-article-title { padding-bottom: 9.7%; margin-bottom: 0; a{ color: {{ settings.color_body_headings }}; } } &:hover{ .blog-article-details{ transform: scale(1); transition: all .4s; } } } .blog-article-details{ position: absolute; background: rgba(255,255,255,.9); top: 60px; right: 75px; left: 75px; bottom: 60px; text-align: center; @extend .df; @extend .aic; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding: 15px; transition: all .4s; transform: scale(0); margin-top: 0; .tags { margin-bottom: 7px; } .read_more{ background: $colorBtnPrimary; color: $colorBtnPrimaryText; &::before{ background: $colorBtnPrimaryText; opacity: 0.2; } } } .container{ max-width: none; padding: 0; } .blog-article-thumb{ margin-bottom: 0; min-height: 25vw; } } .featured-blogs.type_three{ padding: 0; margin-bottom: 90px; .read_more.btn{ background: {{ settings.bg_button }}; color: {{ settings.color_text_button }}; &::before{ background: {{ settings.shine_color_button }}!important; opacity: 0.25!important; } } .blog-article-title{ a{ color: {{ settings.color_body_headings }}; &:hover{ color: {{ settings.color_link_hover }}; } } } } /*============== Product advantages ==============*/ .product_adv { @extend .df; @extend .aic; justify-content: space-between; border: 1px solid #ebebeb; position: relative; padding: 23px 24px 7px 25px; .payment_block_title{ color: #707070; font-size: 14px; position: absolute; top: -12px; left: 19px; background: {{ settings.color_body_bg }}; padding: 0 22px 0 10px; } .adv_item { margin-bottom: 12px; padding: 0 4px; text-align: center; position: relative; a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } } .product-single .form-vertical { margin-bottom: 28px; padding-bottom: 30px; } /*============== Product tabs animation ==============*/ .products-tabs-item { position: relative; } .featured-products-tabs .tabs-item.active .product-miniature, .featured-products-tabs .tabs-item.active .tab_banner { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: ScaleTabs; animation-name: ScaleTabs; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .75s; animation-duration: .75s; } .featured-products-tabs .tabs-item.active .grid__reveal { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: ScaleTabsReveal; animation-name: ScaleTabsReveal; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .featured-products-tabs .tabs-item .grid__reveal { position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 1; background-color: #fff; -webkit-animation-fill-mode: both; animation-fill-mode: both; -ms-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; } .featured-products-tabs .tabs-item .product-miniature, .featured-products-tabs .tabs-item .tab_banner{ -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-origin: left center 0; } @-webkit-keyframes ScaleTabs { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ScaleTabs { from { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes ScaleTabsReveal { from { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } to { -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); } } @keyframes ScaleTabsReveal { from { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } to { -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); } } /*============== Instagram ==============*/ #instafeed{ @extend .df; @extend .fww; .grid-item{ position: relative; padding: 0; img{ width: 100%; } } } .instagram-block.type_two{ margin-bottom: 80px; .section-header{ //display: none; } #instafeed .grid-item{ padding: 0 15px; } .insta-hover .instagram-icon{ right: 15px; left: 15px; } {% if section.settings.container_use %} {% else %} .an_instagram{ margin-right: -15px; margin-left: -15px; } {% endif %} } .instagram-block.type_three{ margin-bottom: 15px; .section-header{ margin-bottom: 5px; width: 100%; } {% if section.settings.container_use %} {% else %} .an_instagram{ margin-right: -15px; margin-left: -15px; } {% endif %} #instafeed .grid-item{ padding: 15px; } .insta-hover .instagram-icon{ right: 15px; left: 15px; top: 15px; bottom: 15px; } } .instagram-block { .section-header { text-align: center; margin-bottom: 34px; h3{ margin-bottom: 3px; } p{ color: $colorBodyText; padding: 0 15px; } } &.type_one{ .row{ margin: 0; } } } .instagram-block.slider-item.padding_add { #instafeed { margin: 0 0; } } .padding_add.slider-item .an_instagram{ margin: 0 -15px; } .insta-item:hover .insta-hover{ display: block; } .insta-hover{ display: none; .instagram-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; @extend .df; @extend .aic; justify-content: center; background: rgba(0, 0, 0, 0.35); i{ font-size: 41px; line-height: 37px; font-style: normal; } } } .an_instagram{ max-width: 100%; font-size: 0; .owl-nav{ &>button{ position: absolute; top: 50%; transform: translateY(-50%); span{ line-height: 44px; width: 34px; padding: 0 0px 0 3px; height: 34px; text-align: center; display: inline-block; font-weight: 100; border: 1px solid #303030; } } } .owl-prev{ left: 0; } .owl-next{ right: 0; } } /*============== Blog posts ==============*/ .blog-sidebar{ .h5{ text-transform: uppercase; font-weight: 700; padding-bottom: 15px; margin-bottom: 8px; } li{ margin-bottom: 16px; time{ color: #707070; font-size: 12px; } .article__featured-image{ width: 37.3%; display: inline-block; vertical-align: top; } >span{ width: 61%; display: inline-block; padding-left: 12px; } } } .blog_posts{ margin-top: 56px; h3{ line-height: 1; margin-bottom: 30px; } .article{ .inline-list{ li{ display: block; } } } } .blog_posts, .blog-home-block{ .article{ .h3{ line-height: 1.2; font-size: 20px; } } } .article{ margin-bottom: 77px; .h3{ margin-bottom: 8px; a{ color: #000; font-weight: 700; } } time{ color: #989898; font-size: 12px; } &>p{ margin-bottom: 24px; } .blog_post_dec{ padding-top: 20px; margin-bottom: 18px; p{ color: #989898; line-height: 24px; font-size: 14px; } .fa-comment{ margin-right: 4px; } li{ margin-bottom: 17px; } } .read_more, .left a, .right a{ font-weight: 600; font-size: 14px; } .left a, .right a{ color: #000; } } .template-article .grid aside{ padding-top: 12px; } /*============== Wishlist ==============*/ .wishlist_remove{ background: none; border: none; font-size: 18px; color: #707070; &:hover{ i{ color: $primaryColor; } } } div.wishlist-btn{ display: inline-block; span{ color: $headerColor; font-size: $headerFontSize; } .has_items{ i{ color: #e42033; } } i{ font-size: 16px; color: $headerColor; } } .wishlist-message-popup{ position: relative; width: 70%; max-width: 800px; margin: 0 auto; background-color: #fff; padding: 20px; text-align: center; a.btn{ &:hover{ color: {{ settings.color_text_button }}; } } .orspan{ margin: 0 16px; } p{ margin: 0; } button.mfp-close{ top: -26px; right: -24px; line-height: 1; height: auto; } .message_button{ margin-top: 20px; } } /*============== Shortcodes ==============*/ .rte { &.blog_post_dec{ ul, ol{ padding-left: 0; } } ul, ol{ padding-left: 30px; } ol{ li{ list-style: decimal; } } li{ list-style: initial; } } /*Product video*/ .product-photos-list-item.video>a{ position: relative; display: inline-block!important; height: 100%; width: 100%; overflow: hidden; .thumb-loader{ height: 100%; } i{ position: absolute; font-size: 22px; top: 50%; left: 50%; transform: translate(-50%,-50%); } } #an-product-video-btn{ position: relative; display: inline-block; height: 100%; width: 100%; overflow: hidden; #thumbImg{ @extend .df; @extend .aic; height: 100%; width: 100%; } .thumb-loader{ height: auto; width: 100%; } i{ position: absolute; font-size: 22px; top: 50%; left: 50%; transform: translate(-50%,-50%); } } .product-description #an-product-video-shortcode{ display: none; } #an-product-video-shortcode{ margin: auto; max-width: 946px; width: 70%; position: relative; } div.mfp-close-btn-in .mfp-close { color: #fff; position: absolute; top: -40px; right: -30px; width: auto; } /* Tabs */ .an-tabs { .title-disabled{ .owl-nav{ top: -91px; } } .sc-tabs { margin-bottom: 0; border-bottom: 1px solid #efefef; .sc-clone { list-style: none; display: inline; margin-left: 0; position: relative; background-color: #fff; margin-right: 4px; } } .sc-tabs .sc-clone, div.sc-mobile-tab { a { display: inline-block; text-transform: uppercase; margin-bottom: 0; color: #000; padding: 23px 36px; background: #f4f4f4; border: 1px solid #f4f4f4; border-bottom: none; margin-bottom: -1px; text-decoration: none; &.active, &:hover{ background: #fff; border-color: #efefef; } } } .sc-div { display: none; overflow: hidden; border: 1px solid #efefef; border-top: none; padding: 33px; &.not-active-tab-div{ padding:0; .featured-row{overflow: hidden;} } &.not-active-tab-div[style]{ min-height:0 !important; } &.active-tab-div{ display: block; } th, td { border-color: lighten(#fff, 10%); } } div.sc-mobile-tab { display: none; a { width: 100%; } } &.collapsed div.sc-mobile-tab { display: block; } &.collapsed .sc-tabs { display: none; } &.v-tabs { overflow: hidden; @extend .df; @include at-query ($min, 768px) { .sc-tabs { width: 20%; float: left; display: block; position: relative; left: 1px; z-index: 1; border: none; .sc-clone { display: block; border-right: none; margin-right: 0; a { display: block; margin: 0 -1px 5px 0; border-bottom: 1px solid #efefef; &:hover{ border-right-color: #fff; } &.active { border-right: none; } } &:last-child{ a{ margin-bottom: 0; } } } } .sc-div { width: 80%; float: right; margin-top: 0; border: 1px solid #efefef; } } } &.collapsed.v-tabs div.sc-mobile-tab { display: none; @include at-query ($max, 768px) { display: inline; } } } .grid{ .grid-item{ float: left; } } /* featured collections */ a.featured_link{ text-decoration: none; } .featured-box--bg{ .featured-box--overlay{ @extend .df; @extend .aic; justify-content: center; height: 100%; position: relative; &::after{ content: ""; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } } .featured-title{ position: relative; z-index: 2; p{ margin-top: 0; } } } /* slider */ .an-slider{ .owl-dots{ position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); .owl-dot{ width: 10px; height: 10px; border-radius: 50%; margin: 0 3px; background-color: #7c7c7c; &.active{ background-color: #000; } } } } /* FAQ */ .faq_page{ p{ line-height: 1.65; } h3{ margin-bottom: 17px; } .rte{ border-bottom: 1px solid #ebebeb; padding-bottom: 52px; margin-bottom: 25px; } } .faq-item{ border-bottom: 1px solid #ebebeb; padding-bottom: 25px; margin-bottom: 23px; } .faq-item-question{ position: relative; font-size: 18px; font-weight: 600; cursor: pointer; padding-right: 25px; a{ color: #000!important; } span{ letter-spacing: 0.2px; padding-right: 25px; } &.active-faq{ .faq_open_btn{ transform: rotate(45deg); transition: all .4s; } } .faq-arrows{ position: absolute; top: -4px; right: 0; .faq_open_btn{ transition: all .4s; font-size: 23px; font-weight: 600; color: #000!important; } } button.fa-angle-up { display: none; } &.active-faq{ button.fa-angle-down{ display: none; } button.fa-angle-up{ display: block; margin-top: 5px; } } } .faq-item-answer{ margin-top: 20px; p{ line-height: 1.65; margin-bottom: 0; } } /* contact form */ .contact-form{ max-width: 350px; input, textarea{ width: 100%; margin-bottom: 15px; } } /* button popup */ .an-popup-page{ width: 80%; margin: auto; max-width: 1200px; background: #fff; padding: 30px; position: relative; } /* Featured products small */ .an-product-small{ .article-list{ @extend .df; @extend .fww; justify-content: space-between; li{ display: inline-block; width: 155px; vertical-align: top; padding-bottom: 15px; } p.product-title{ font-size: 13.5px; } .product-price-and-shipping>span{ font-size: 18px; &.old-price{ font-size: 12px; } } } .product-flags .product-flag{ padding: 0 10px; line-height: 27px; } } .home-featured-blog{ .home-blog-post{ ul, ol{ padding-left: 0; } } } {% if settings.popup_newsletter_enable %} /*============================================================================ #Newsletter Popup ==============================================================================*/ #newsletter-popup{ position:relative; max-width: 650px; min-height: 440px; {% if settings.enable_custom_popup_bg_color %} background-color: {{ settings.custom_popup_bg_color }}; {% endif %} {% if settings.enable_custom_popup_text_color %} color: {{ settings.custom_popup_text_color }}; h2{ color: {{ settings.custom_popup_text_color }}; } {% endif %} .btn-newsletter-popup{ height: auto; border-radius: 0; width: 350px; &:hover::before{ transform: translate3d(153%, -100px, 0) rotate3d(0, 0, 1, 90deg); } } .confirm_sending{ margin-top: 8px; padding: 0 15px; label{ max-width: calc(100% - 25px); } .newsletter_checkbox{ vertical-align: top; margin-top: 4px; } } .input-group{ .input-group-field{ height: 50px; background: #f4f4f4; border-radius: 0; max-width: 350px; margin-bottom: 20px; } } .socialBox{ margin-top: 25px; } .mfp-close { top: 0; right: 0; font-size: 34px; width: auto; height: auto; line-height: 18px; color: #242424; opacity: 1; padding: 5px; } {% if settings.enable_custom_popup_bg_image %} background-image: url('{{settings.popup_bg | img_url:'master', format: 'pjpg'}}'); background-repeat: no-repeat; &.newsletter_p-half-bg{ background-position: left; background-size: 350px auto; padding-right: 0; padding-left: 350px; max-width: 920px; min-height: 400px; .input-group-field{ width: calc(100% - 43px); display: inline-block; } .input-group-btn{ width: auto; display: inline-block; } } {% endif %} &.newsletter_p-half-bg{ text-align: center; .btn{ background: {{settings.custom_popup_btn_bg_color}}; } .input-group-field{ display: inline-block; } .input-group-btn{ width: auto; display: inline-block; } >p{ margin-bottom: 40px; padding: 0 15px; } } ul.sm-icons{ text-align: left; li{ &:last-child{ margin-right:0;} a { font-size: 25px; {% if settings.enable_custom_popup_text_color %} color:{{settings.custom_popup_text_color}}; {% endif %} } } } .socialBox{ display:table; width:100%; } &.white-popup{ display:none; } .input-group{ display:block; } .input-group{ input.btn{ {% if settings.enable_custom_popup_btn_bg_color %} color: {{ settings.custom_popup_btn_text_color }}; background-color: {{ settings.custom_popup_btn_bg_color }}; &:hover { background-color: darken( {{ settings.custom_popup_btn_bg_color }},20%); } {% else %} color: {{ settings.color_text_button }}; background-color: {{ settings.bg_button }}; &:hover{ color: {{ settings.color_text_hover_button }}; background-color: {{ settings.bg_hover_button }}; } {% endif %} } .input-group-field{ border: none; {% if settings.enable_custom_popup_text_color %} color:{{settings.custom_popup_text_color}}; {% else %} {% endif %} } } {% if settings.enable_custom_popup_text_color %} input::-webkit-input-placeholder { color:{{settings.custom_popup_text_color}} !important; } input:-moz-placeholder { color:{{settings.custom_popup_text_color}} !important; } input::-moz-placeholder { color:{{settings.custom_popup_text_color}} !important; } input:-ms-input-placeholder { color:{{settings.custom_popup_text_color}} !important; } {% endif %} {% if settings.enable_nl_popup_overlay %} .newsletter_p-overlay{ display:block; position:absolute; background:{{settings.nl_popup_overlay}}; opacity: .9; top: 30px; left: 30px; bottom: 30px; right: 30px; } .newsletter_p-content{ margin: auto; position:relative; padding: 30px; p{ max-width: 450px; margin: 0 auto 20px; padding: 0 15px; } button{ background: {{settings.custom_popup_btn_bg_color}}; } } {% endif %} /* NL Template 2 */ &.newsletter_p-full-bg{ background-size: cover; background-position: center; text-align:center; .input-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } .input-group-btn{ width: auto; input{ line-height: normal; } } ul{ list-style-position: inside; &.sm-icons { text-align: center; } } } } .mfp-wrap{ #newsletter-popup.white-popup{ @extend .df; margin: 0 auto; } #newsletter-popup.newsletter_p-half-bg{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } } {% endif %} .desktop-hide{ display: none!important; } .filter-color.filter-group li{ display: inline-block; cursor: pointer; padding-bottom: 0; margin-bottom: 4px; &>a{ display: none; } span{ display: inline-block; width: 20px; height: 20px; vertical-align: text-top; font-size: 0; margin-right: 6px; border-radius: 50%; border: 2px solid #fff; position: relative; &::before{ content: ''; display: inline-block; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; border-radius: 50%; border: 1px solid #0d0d0d; opacity: 0; } a{ display: inline-block; width: 100%; height: 100%; position: relative; z-index: 2; } &.bg_color_white a{ border: 1px solid #e2e2e2; border-radius: 50%; } } &.chosen.remove_tag, &:hover{ span{ &::before{ opacity: 1; } } } } /*Comments*/ p.comments_count{ font-size: 16px; color: #000; margin-bottom: 12px; margin-top: 63px; i{ font-size: 15px; margin-right: 5px; } } #comments{ border-top: 1px solid #ebebeb; .h3{ margin: 25px 0 28px; } } .comment_author{ color: #000; margin-bottom: 2px; } .comment_date{ font-size: 12px; color: #939393; } li.comment{ padding: 20px 0; border-bottom: 1px solid #ebebeb; } .anmegamenu-4{ .anmegamenu-text-widget{ margin-top: -6px; } } .btn.focus, .btn:focus{ box-shadow: none!important; } .template-search{ .grid{ input.input-group-field{ height: 47px; border-radius: 0!important; padding-right: 50px; } .search-bar button{ position: absolute; top: 0; right: 0; bottom: 0; background: #242424; color: #fff; font-size: 17px; width: 47px; } .close_search, .close_search_five{ display: none; } } } .item_block { padding-bottom: 25px; margin-bottom: 20px; img{ margin-bottom: 17px; } .title{ margin-bottom: 15px; font-size: $productMinTitleFontSize; font-weight: $productMinTitleFontWeight; > a { color: $productMinTitleColor; font-weight: inherit; } } } .search_page{ .search_page_title{ margin-bottom: 22px; } .search-bar-content{ position: absolute; background: #fff; width: 100%; left: 0; right: 0; margin: 0; } .search-bar{ margin-bottom: 42px; input{ height: 50px; border: none; background: #f4f4f4; color: #707070; border-radius: 0; padding-left: 20px; &::placeholder{ color: #707070; } } .input-group-btn{ width: auto; position: absolute; right: 20px; top: 16px; svg{ width: 13px; height: auto; } .cls-1{ fill: #707070; } &:hover{ .cls-1{ fill: $primaryColor; } } } .search-bar-content.open{ margin: 0; } .results{ padding: 29px 14px 28px; } } .search_question{ display: none; } } .main-content .number-in-wishlist{ display: none; } .products-preloader { text-align: center; margin-top: 20px; display: none; } .products-loading .products-preloader { display: block; } .products-loading .collection-products-grid, .products-loading .collection-products-list { opacity: 0; } .owl-carousel { -ms-touch-action: auto; touch-action: auto; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .template-index .main-content{ margin-top: 0; padding-bottom: 0; } ////////////// .search-bar { .search-bar-content { display: flex; align-items: center; justify-content: center; z-index: 10; opacity: 0; visibility: hidden; transition: all .4s; &.open { opacity: 1; visibility: visible; margin: 0 -15px; &.no-result{ padding: 32px 0 0; } } .lds-spinner { display: none; } .search-bar-no_result { display: none; text-align: center; } &.loading { .lds-spinner { display: block; } } &.no-result { .search-bar-no_result { display: block; } } } .results { padding: 29px 0 0 0; width: 100%; text-align: left; .search-element { display: inline-block; margin-bottom: 15px; width: 160px; padding: 0 15px; vertical-align: top; box-sizing: content-box; } .search-element__thumb { min-width: 160px; text-align: center; margin-bottom: 13px; } .search-element__desc { text-align: $productMinTextAlign; } .search-element__title { font-size: $productMinTitleFontSize; font-weight: $productMinTitleFontWeight; text-align: $productMinTextAlign; line-height: 19px; } .result-count { text-align: left; display: none; } .result-show-all { text-decoration: underline; font-size: 14px; padding-left: 15px; } .product-price-and-shipping { > span { font-weight: 400; font-size: 17px; color: $productMinPriceColor!important; } .old_price { display: inline-block; font-size: 15px; color: $productMinOldPriceColor!important; margin-left: 5px; text-decoration: line-through; } } } } .mobile-nav__search{ .search_question{ display: none; } .input-group-btn { position: absolute; width: auto; right: 0; top: 3px; svg{ width: 18px; height: 18px; .cls-1{ fill: {{ settings.drawer_color }}; } } } .search-bar{ display: block; .results { background: {{ settings.header_dropdown_bg }}; padding: 15px; margin-top: 10px; .search-element{ @extend .df; width: initial; } .search-element__thumb { min-width: 0; flex: 35%; margin-bottom: 0; } .search-element__title{ text-align: left; } .search-element__desc{ flex: 65%; text-align: left; padding-left: 15px; } } .search-bar-content.open{ margin: 0; } } .search_full_width{ position: relative; .input-group-btn { position: absolute; width: auto; right: 8px; top: -2px; svg{ width: 18px; height: 18px; .cls-1{ fill: {{ settings.drawer_color }}; } } } input:focus::placeholder { color: transparent; } button.icon-fallback-text{ &:hover{ .cls-1{ fill: {{ settings.color_link_hover }}; } } } .close_search{ display: none; } .col-12{ padding: 0; } } } //lazy load @-webkit-keyframes filter-v { 100% { -webkit-filter: blur(0); filter: blur(0); } } @keyframes filter-v { 100% { -webkit-filter: blur(0); filter: blur(0); } } .lazy_load_img { width: 100%; -webkit-filter: blur(.75rem); filter: blur(.75rem); transition: filter 5.4s; &.loaded{ -webkit-animation: filter-v .75s; animation: filter-v .75s; animation-fill-mode: forwards; } } //size_guide and delivery & return .mfp-content{ .size_guide_content, .del_ret_content{ display: block; } } .size_guide_content, .del_ret_content{ background: #fff; max-width: 800px; margin-right: auto; margin-left: auto; padding: 36px 40px 40px 40px; width: 90%; margin-top: 20px; margin-bottom: 20px; display: none; .mfp-close{ top: -31px; } p, span{ text-align: center; font-size: 14px; } table { margin-top: 36px; tr { &:hover { background-color: #f5f5f5; } &:first-child { background-color: #313131; th { color: #fff; border: 1px solid #3f3f3f; font-weight: 400; font-size: 14px; } } } td { padding: 4px 15px; font-size: 14px; } th { padding: 8px 15px; } } } .del_ret_content{ p, span{ text-align: left; } } .size_guide, .del_ret{ text-decoration: underline; margin-bottom: 6px; font-size: 13px; display: inline-block; } .size_guide_wrapp, .del_ret_wrapp{ display: inline-block; margin-right: 20px; margin-bottom: 0; } .product-single.without_slider{ .size_guide_wrapp, .del_ret_wrapp{ margin-right: 10px; margin-left: 10px; } } /** * Fade-zoom animation for first dialog **/ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /*******product variants*******/ #productSelect { display: none; &.show_select{ display: block; } } .product-right, .product_view-list, .qw-modal, .buy_product_on_footer{ .product-options{ margin-bottom: 9px; &[data-section-name="Color"]:not(.text_option), &[data-section-name="color"]:not(.text_option), &[data-section-name="Colour"]:not(.text_option), &[data-section-name="colour"]:not(.text_option) { .js-option{ background: none; p{ min-width: 18px; min-height: 18px; width: 18px; height: 18px; } } } .js-option{ background: #f4f4f4; min-width: 30px; min-height: 30px; line-height: 30px; p{ margin-bottom: 0; } } .text_option{ .js-option[data-value_down="white"] { &.active, &:hover{ border: none!important; } } } } } .product-options { margin-bottom: 4px; .js-option { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 27px; color: rgba(#000, .6); background-color: #f4f4f4; transition: all 0.3s; z-index: 2; text-align: center; border-radius: $BtnBorderRadius; span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 12px; padding: 0 5px; vertical-align: bottom; } p{ min-width: 27px; min-height: 27px; margin: 0; } &:hover, &.active { color: #000; } &.active { &.disable{ opacity: .4; } } } &[data-section-name="Color"]:not(.text_option), &[data-section-name="color"]:not(.text_option), &[data-section-name="Colour"]:not(.text_option), &[data-section-name="colour"]:not(.text_option) { .js-option{ min-width: 0; min-height: 0; border: 1px solid #ebebeb; border-radius: 50%; p{ margin: 2px; min-width: 12px; min-height: 12px; border-radius: 50%; padding: 0; &.color_image{ min-width: 18px; min-height: 18px; } } &.active{ border-color: #000; } } } .js-option[data-value_down="white"] { p{ border: 1px solid #ebebeb; } &.active, &:hover{ border: 1px solid rgba($primaryColor,.6)!important; } } .js-option[data-value="Default Title"] { display: none; } } .product-miniature{ .button-list .swym-added{ i{ color: #ed143d; } } &.grid-3{ padding-bottom: 0; margin-bottom: 25px; .product-title{ font-size: 13.5px; } } .form-vertical{ transition: all .4s; text-align: center; position: relative; z-index: 3; } .quick-view-hover{ margin-bottom: 10px; } .hover_part_block{ position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: 15px; padding-bottom: 10px; opacity: 0; transition: all .4s; transform: translateY(15px); .ph-link{ [disabled="disabled"] ~ i{ //opacity: .6; color: lighten($colorBtnPrimary, 40%); } } } .product-title{ &.list{ display: none; } &.grid{ display: block; } } &:hover{ .hover_part_block{ opacity: 1; transform: translateY(0); transition: all .4s; } } .product-description, .product-miniature-desc .btn-add-to-cart, .product-miniature-desc .not_color{ display: none; } .product-regular-price{ margin-bottom: 0; line-height: normal; } .product-price-and-shipping{ margin-bottom: 14px; margin-top: 3px; } } .product_view-list{ .product-miniature{ @extend .df; -ms-align-items: flex-start; align-items: flex-start; padding-bottom: 0; margin-bottom: 27px; &.grid-3{ padding-bottom: 0; margin-bottom: 25px; .product-title{ font-size: 13.5px; } } .hover_part_block{ display: none; } .product-description, .product-miniature-desc .btn-add-to-cart, .product-miniature-desc .not_color{ display: block; } &:hover{ .thumbnail-container-image{ .hover_part_block{ opacity: 1; transition: all .4s; transform: translateY(0); } } } .product_opt_wrapp{ text-align: left; .text_option{ font-size: 0; margin-bottom: 6px; .js-option{ margin-right: 6px; } .js-option[data-value_down="white"] { &.active, &:hover{ border: none!important; } } } } &[data-hover-effect='fade']{ .thumbnail-container-image.fixed_height{ padding-top: calc(28% * #{ {{ settings.product_miniature_height}} } / 100)!important; } } .thumbnail-container-image{ width: 28%; position: relative; .hover_part_block{ display: block; bottom: 0; padding-bottom: 0; margin-bottom: 10px; z-index: 5; text-align: center; .quick-view-hover{ margin-bottom: 0; } } } .list-right-part{ width: 72%; } .form-vertical{ text-align: left; } .product-miniature-desc{ text-align: left; padding-left: 30px; .product-title{ margin-top: -2px; line-height: 1.5; margin-bottom: 8px; &.list{ display: block; } &.grid{ display: none; } } .product-description{ line-height: 1.75; margin-bottom: 17px; margin-top: 0; } .product-price-and-shipping{ margin-bottom: 21px; } .product-regular-price{ margin-bottom: 0; } .btn-add-to-cart{ margin-top: 30px; min-width: 200px; line-height: 54px; } } } } .count-product-progress { width: 100%; height: 6px; background-color: #f4f4f6; margin-top: 4px; border-radius: 5px; .count-product-progress__bar { background-color: #313131; width: 0; height: 100%; transition: all .4s; border-radius: 5px; } } .product_opt_wrapp, .qw-modal{ .product-options.square_image{ .js-option{ border-radius: 0; width: auto; height: auto; border: 1px solid transparent; &[data-value_down="white"] p{ border: none; } p{ border-radius: 0; width: 40px!important; height: 40px!important; margin: 0!important; } &.active, &:hover{ border-color: #000; } } } } .buy_product_on_footer{ .product_opt_wrapp{ .product-options{ margin-bottom: 0; &.square_image{ .js-option{ p{ width: 35px!important; height: 35px!important; } } } } } } .product-right{ .social_on_product { margin-bottom: 23px; } } .product-right, .qw-product-content{ .product_opt_wrapp{ label{ font-size: 14px; display: inline-block; margin-bottom: 0; min-width: 78px; margin-right: 15px; vertical-align: middle; color: #313131; } .product-options { display: inline-block; } } .product-options { display: inline-block; margin-bottom: 13px; .js-option{ vertical-align: middle; margin-bottom: 2px; margin-top: 2px; span { font-size: 12px; padding: 0 8px; } p { min-width: 30px; min-height: 30px; } } &[data-section-name="color"], &[data-section-name="Color"], &[data-section-name="colour"], &[data-section-name="Colour"] { .js-option{ margin-right: 0; } } } .short-product-info{ margin-bottom: 22px; >ul{ margin-bottom: 0; } li{ margin-bottom: 2px; } span.product_info_label{ font-size: 12px; color: #818181; text-transform: uppercase; vertical-align: middle; margin-bottom: 0; } span{ font-size: 13px; color: #313131; vertical-align: baseline; } } } .qw-product-content{ .short-product-info{ padding-bottom: 12px; span{ vertical-align: baseline; } } .product-options{ display: block; margin-bottom: 6px; label{ min-width: 94px; } } .product-options[data-section-name="Color"], .product-options[data-section-name="color"], .product-options[data-section-name="Colour"], .product-options[data-section-name="colour"]{ .js-option{ span{ display: none; } } } .product-options[data-section-name="Title"]{ display: none; } } /*==================================== Footer Buy Bar ======================================*/ .buy_product_on_footer.product-single{ position: fixed; bottom: 0; width: 100%; background: #fff; left: 0; z-index: 5; padding: 5px 0; box-shadow: 0px 5px 15px 0px rgba(1, 2, 4, 0.15); visibility: hidden; opacity: 0; transform: translateY(100%); transition: all 0.3s; &.scroll{ visibility: visible; opacity: 1; transform: translateY(0); transition: all 0.3s; } &.without_slider{ .js-qty{ width: auto; } } .footer_buy_left{ @extend .df; -ms-align-items: center; align-items: center; } .wrapp_block{ @extend .df; -ms-align-items: center!important; align-items: center!important; justify-content: flex-end; margin-top: 0; padding-top: 4px; } .product-data{ padding-left: 20px; display: inherit; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; >p{ color: $productMinTitleColor; margin-bottom: 2px; font-weight: 600; } } .quantity-control.selector-wrapper{ margin-right: 10px; display: inline-block; margin-bottom: 0!important; } .form-vertical{ margin-bottom: 0; padding-bottom: 0; border: none; justify-content: flex-end; } .product_prices{ .product-regular-price{ font-size: $productMinPriceFontSize; color: $productMinPriceColor; margin-bottom: 0; font-weight: 600; .old-price { font-size: $productMinOldPriceFontSize; color: $productMinOldPriceColor; } } } .btn-add-to-cart{ margin-right: 0; margin-bottom: 0!important; } .product-options{ label{ display: block; margin-bottom: 5px; } .js-option { span{ line-height: 20px; } p{ min-width: 30px; min-height: 30px; } } &[data-section-name="Color"] .js-option, &[data-section-name="color"] .js-option, &[data-section-name="Colour"] .js-option, &[data-section-name="colour"] .js-option{ border-color: #fff; &.active{ border-color: #000; } p{ width: 16px; height: 16px; } } &:not([data-section-name="Color"]) .js-option, &:not([data-section-name="color"]) .js-option, &:not([data-section-name="Colour"]) .js-option, &:not([data-section-name="colour"]) .js-option{ border: 1px solid #eaeaea; line-height: 25px; //min-width: 27px; //min-height: 27px; margin-bottom: 4px; &.active{ border-color: #000; } } } } .ar-quicklook-overlay { position: absolute; width: 100%; height: 100%; top: 0; z-index: 2; } /**************** Free delivery bar ****************/ .product-free-delivery-block{ background-color: #f4f4f4; position: relative; margin-top: 22px; margin-bottom: 10px; .product-free-delivery-percent{ position: absolute; top: 0; bottom: 0; left: 0; } .product-free-delivery_text{ position: relative; padding-bottom: 1px; padding-top: 1px; padding-left: 22px; svg{ vertical-align: text-bottom; margin-right: 18px; } span{ font-size: 12px; color: #070707; } .money, .bold, .free_delivery_start{ font-weight: bold; text-transform: uppercase; } .free_delivery_start{ //vertical-align: middle; } } } .ajaxcart__footer{ .product-free-delivery-block{ margin-bottom: 10px; .product-free-delivery_text{ padding-left: 0; text-align: center; } svg{ display: none; } } } .cart.table-wrap{ .product-free-delivery{ text-align: right; margin-bottom: 10px; .product-free-delivery-block{ width: 40%; display: inline-block; .product-free-delivery_text{ padding-left: 0; text-align: center; svg{ display: none; } } } } } /**************** Product Popup ****************/ .product_popup_block{ position: fixed; bottom: 15px; left: 15px; z-index: 3; .product_popup_close{ position: absolute; top: 4px; right: 5px; padding: 5px; font-size: 0; cursor: pointer; } .product_popup-item{ display: none; background: #fff; box-shadow: 0px 2px 15px 0px rgba(1, 2, 4, 0.15); width: 300px; padding: 12px 10px; .product_popup{ @extend .df; @extend .aic; .product_popup_text, .product_popup-buy-inform{ color: #707070; font-size: 12px; } .product_popup_text{ margin-bottom: 2px; } .product_popup-buy-inform{ margin-bottom: 0; } .product_popup-desc{ padding-left: 18px; -webkit-flex-basis: 215px; flex-basis: 215px; position: relative; >a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } } .product_popup-title{ line-height: 1.25; margin-bottom: 3px; a{ font-size: 14px; font-weight: 600; color: $productMinTitleColor; } } } } .js-options-wrap { display: inline-block; } .visitors-block { margin-bottom: 15px; .visitors-block-text{ .label{ text-transform: uppercase; font-size: 12px; color: #818181; } .label_visitors{ font-size: 13px; color: #313131; } } } .visitors-counter { display: inline-block; padding: 2px 8px; font-size: 13px; margin: 0 2px 0 3px; background-color: #000; color: #fff; } /**************** Cookies Popup ****************/ .cookies_popup_block{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 185; padding: 13px 0; .cookies_popup_text{ font-size: 13px; margin-bottom: 0; } .btn.btn_cookies{ min-width: 160px; line-height: 46px; } .cookies_page_link{ position: relative; display: inline-block; font-weight: bold; margin-right: 8%; &::after{ content: ''; display: inline-block; width: 100%; position: absolute; left: 0; bottom: 3px; height: 1px; transition: all .4s; } &:hover{ &::after{ width: 0; transition: all .4s; } } } .cookies_popup_right{ text-align: right; } } .blog-sidebar .collection-sidebar-widget.sidebar-blogs-list{ margin: 0 0 23px 0; } .product-miniature .hover_part_block.varinats_disable{ text-align: center; bottom: 0; z-index: 2; } form.form-vertical.disable .product_opt_wrapp, .product-miniature .hover_part_block .product_opt_wrapp.disable, .product-miniature form.form-vertical.disable.hard_disable{ opacity: 0; visibility: hidden; position: absolute; } form.form-vertical.disable .hover_part_block, form.form-vertical.disable .product-miniature-desc{ //display: none; } .theme_import_note{ margin-bottom: 35px; .note_item{ display: inline-block; margin-bottom: 10px; width: 100%; @extend .df; @extend .ais; span{ display: inline-block; font-size: 13px; color: #070707; border-radius: 20px; padding: 6px 17px; margin-left: 12px; max-width: calc(100% - 34px); } svg{ vertical-align: middle; } &.note{ border: none; padding: 0; span{ background: #e3f3e9; } .an_cls-1{ fill: #4aa559; } } &.warning{ span{ background: #ffeded; } .an_cls-1{ fill: #d2423a; } } } } .theme_import_items{ @extend .df; @extend .aic; justify-content: center; @extend .fww; .theme_import_item{ width: 33%; margin-bottom: 50px; .import_item{ text-align: center; >img{ border-radius: 8px; margin-bottom: 13px; } } .import_item_desc{ text-align: center; padding: 6px 0; .theme_import_btn{ border-radius: 50%; display: inline-block; width: 40px; height: 40px; text-align: center; background-color: #f0f0f2; margin: 0 0 0 8px; img{ display: none; } &.loading.active{ background-color: #f0f0f2; svg{ display: none; } img{ display: inline-block; } } &:hover{ background-color: #070707; .an_cls-1{ fill: #fff; } } } } } } .import_export{ @extend .df; @extend .aic; justify-content: space-between; @extend .fww; background: #f4f4f4; padding: 25px 31px 35px; border-radius: 10px; margin: 0 14px 45px 12px; .import_export_item{ width: 49%; p{ font-size: 20px; color: #070707; font-weight: 600; } textarea{ width: 100%; margin-bottom: 18px; font-size: 13px; } .btn{ min-width: 160px; line-height: 44px; } form{ text-align: right; } } } //////// html.modal-active, body.modal-active { overflow: hidden; margin-right: 17px; } .showModal { background: #fff; .mfp-close-btn-in .mfp-close{ display: inline-block; position: absolute; border-radius: 50%; background: #070707; color: #fff; top: 5px; right: 22px; width: 40px; height: 40px; z-index: 11111; text-align: center; line-height: 1; padding: 13px 14px; } &.modal-active{ display: block; overflow: auto; } .content{ max-width: 1140px; margin-left: auto; margin-right: auto; padding: 60px 0 10px; } .mfp-close{ background: $primaryColor; border-radius: 50%; width: 40px; height: 40px; top: 20px; right: 20px; .an_cls-1{ fill: #fff; } } } .import_magnific_popup{ .mfp-container{ padding: 0; } } .open_import_btn{ position: fixed; top: 20px; right: 20px; z-index: 55; display: none; background-image: -moz-linear-gradient( 90deg, rgb(86,103,190) 0%, rgb(99,113,195) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(86,103,190) 0%, rgb(99,113,195) 100%); background-image: -ms-linear-gradient( 90deg, rgb(86,103,190) 0%, rgb(99,113,195) 100%); border-radius: 3px; padding: 6px 5px 7px 8px; line-height: 1; overflow: hidden; transition: all .4s; >span{ color: #fff; vertical-align: middle; transition: all .4s; display: inline-block; font-size: 14px; width: 0; opacity: 0; padding-left: 0; } .an_cls-1{ fill: #fff; } &:hover{ >span{ width: 60px; opacity: 1; padding-left: 8px; transition: all .4s; } } >svg{ vertical-align: sub; } &.visible{ display: inline-block; } } #import_modal-section { .content { min-height: 100%; height: 100%; background: #fff; position: relative; z-index: 0; max-width: 1140px; margin-right: auto; margin-left: auto; padding: 30px 0; } } .product-single .product-right .wish-list-product.catalog_mode{ margin-left: 0; margin-top: 19px; a span{ display: inline-block; } } .without_slider .line_block.catalog_mode{ margin: 0; } .product-tab-item #shopify-ali-review{ margin-top: 0; background: none; } .product-tab-item { .alireview-form-title, .alireview-header-summary{ padding-right: 0; padding-left: 0; } } .product-single.big_horizontal_slider .product-right { .product-free-delivery, .delivery-time-info{ max-width: 650px; margin-left: auto; margin-right: auto; } } //delivery box .delivery-time-box { padding-bottom: 3px; padding-top: 3px; padding-left: 22px; margin-bottom: 22px; background-color: #f4f4f4; font-size: 13px; .delivery-time-box__counter { font-weight: bold; text-transform: uppercase; } svg{ vertical-align: middle; margin-right: 13px; } span{ vertical-align: middle; font-size: 12px!important; } .delivery-time-box_date { text-decoration: underline; color: #070707; } } // infinity scroll .load-more-products { display: none; } .more-products-preloader { text-align: center; display: none; } .an_product_tabs .an_container{ float: none; } .shopify-payment-button__button.shopify-payment-button__button--branded { border: none !important; padding: 0 !important; } .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate{ min-height: 53px!important; } .wrapp_block{ .swym-button-bar{ display: none!important; } .wish-list-product{ text-align: left; .wishlist.full{ display: none; } &.swym-added{ .wishlist{ display: none; } .wishlist.full{ display: inline-block; } } span.swym-tooltip{ display: none!important; } } } .swym-button.swym-heart:after { display: none!important; } .product-miniature{ .swym-tooltip{ display: none!important; } .button-list{ span{ text-transform: none; font-family: {{ settings.basic_font_family }}; } } .swym-button{ position: static; } } #swym-hosted-plugin{ margin: 0 0 60px 0; } #swym-plugin, #swym-hosted-plugin{ .swym-item-grid { .swym-image{ border: none!important; height: auto!important; } .swym-outer{ border: none!important; .swym-price{ color: $productMinPriceColor!important; font-size: $productMinPriceFontSize; font-weight: 700; @extend .df; justify-content: flex-end; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -ms-align-items: flex-start; .swym-old{ color: $productMinOldPriceColor; font-size: $productMinOldPriceFontSize; text-decoration: line-through; font-weight: 400; margin-left: 3px; } } .swym-actions li.swym-wishlist.is-active{ display: none; } .swym-add-to-cart{ border-radius: $BtnBorderRadius; text-transform: uppercase; font-weight: 700; line-height: 30px; height: auto; font-size: 13px; background-color: $colorBtnPrimary!important; &:hover{ background-color: $colorBtnPrimaryHover!important; } a{ line-height: 30px; } } } } #swym-notification { .swym-view-history, .swym-powered-by a{ color: #8a8a8a; } .swym-item { .swym-inner { @extend .df; @extend .aic; .swym-image{ border: none; } .swym-information{ padding-left: 15px; } } .swym-title { height: auto; a{ line-height: 1.25; margin-bottom: 3px; text-decoration: none; color: $productMinTitleColor!important; } } .swym-price{ color: $productMinPriceColor!important; font-size: $productMinPriceFontSize; font-weight: 700; @extend .df; justify-content: flex-end; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -ms-align-items: flex-start; .swym-old{ color: $productMinOldPriceColor; font-size: $productMinOldPriceFontSize; text-decoration: line-through; font-weight: 400; margin-left: 3px; } } } } } .swym-button.swym-add-to-wishlist-view-product.swym-added{ opacity: 1!important; } @media (min-width: 768px) { #swym-plugin ul.swym-tabs-nav, #swym-hosted-plugin ul.swym-tabs-nav { right: 15px; } } @media (min-width: 650px){ #swym-plugin .swym-item-grid.show-add-to-cart .swym-outer, #swym-hosted-plugin .swym-item-grid.show-add-to-cart .swym-outer { height: auto!important; } } @media (max-width: 650px){ .swym-add-to-cart{ margin-left: 9px; } } @media (max-width: 570px){ .swym-add-to-cart{ margin-left: 9px; } #swym-plugin .swym-item-grid .swym-inner, #swym-hosted-plugin .swym-item-grid .swym-inner { height: auto; display: inline-block; } #swym-plugin .swym-item-grid .swym-outer, #swym-hosted-plugin .swym-item-grid .swym-outer{ height: auto!important; } } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto!important; touch-action: auto!important; } .owl-carousel .owl-item img.owl-lazy { -moz-transform-style: flat!important; } .lazyloading + .lazy_load_block, .lazyload + .lazy_load_block{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 1; transition: all .4s; z-index: 542542; } .lazyloaded + .lazy_load_block{ display: none; } .lazyload:not(.product_img), .lazyloading:not(.product_img) { opacity: 0; transform: scale(0.8); } .lazyload, .lazyloading { transform: scale(0.8); } .lazyloaded:not(.product_img) { opacity: 1; transform: scale(1); transition: all 700ms; } .lazyloaded { transform: scale(1); transition: all 700ms!important; } /******Deepak CSS*****/ header { //background: #e40046; } .header-top-bar { //background-color: #c6003d; position: relative; } .header-top-bar::before { position: absolute; content: "Wants to explore Upcoming Deals on Weekends?"; color: #31021d; left: 0; right: 0; text-align: center; top: 0; line-height: 42px; font-size: 14px; } .header.header_six .header_navigation, .header.header_eight .header_navigation, .header.header_nine .header_navigation { background-color: #240115; } .header.header_six.header_sixteen .header_navigation { border-top: 0; //border-top: 0; border-bottom: 0; } .header.header_six.header_sixteen .header_navigation .container { //max-width: 100%; } .header.header_six.header_sixteen .header_navigation .container .col-3 { //max-width: 15%; //flex: 15%; max-width: 20%; flex: 20%; } .header.header_six.header_sixteen .header_navigation .container .col-9 { //max-width: 85%; //flex: 85%; max-width: 80%; flex: 80%; } .header-navigation { background-color: transparent; position: relative; } .header-navigation.fixed_menu::before { background-image: url("https://cdn.shopify.com/s/files/1/0271/4409/3801/files/offer.png?931"); position: absolute; content: ""; width: 44px; height: 40px; right: 150px; border-right: 2px dashed #c6003d; top: 5px; display: none; } .header-navigation.fixed_menu::after { position: absolute; content: "New User Zone"; background: #fff; width: 150px; right: 0; top: 5px; font-size: 16px; color: #000; text-align: center; line-height: 40px; border-radius: 0 5px 5px 0; font-weight: 600; display: none; } .header-navigation.fixed_menu.scroll::before, .header-navigation.fixed_menu.scroll::after { display: none; } .header.header_six .header-search, .header.header_eight .header-search { width: 90%; } .site-nav__link { color: #fff; } .header.header_six.header_sixteen .header_navigation .site-nav > li > .site-nav__link { color: #fff; padding: 0 30px !important; line-height: 56px; } .header.header_six.header_sixteen .header_navigation .site-nav > li > .site-nav__link:hover { color: #e5bb43; background: transparent; } .header.header_six.header_sixteen .header-top-bar .header-customer a { color: #31021d; font-weight: 600; position: relative; font-size: 14px; } .header-customer a::before { background: url("https://cdn.shopify.com/s/files/1/0271/4409/3801/files/sprite.png?613") repeat scroll -76px -285px; position: absolute; content: ""; width: 20px; height: 20px; left: -25px; } .header.header_six.header_sixteen .main_line { min-height: 90px; } .header-logo-link img { height: 70px; } .search-bar { position: relative !important; } .search-bar::after { background: #e9e9e9; position: absolute; content: ""; top: 10px; bottom: 0; left: auto; right: 40px; width: 1px; height: 22px; } .header.header_six .header-search .search-bar input, .header.header_eight .header-search .search-bar input { background-color: #fff; border: none; height: 40px; padding: 8px 40px 8px 10px; border-radius: 5px; } .header.header_six .header-search .search-bar .input-group-btn, .header.header_eight .header-search .search-bar .input-group-btn, .additional_header .header-search .search-bar .input-group-btn { top: 19px; } .header.header_six .header-search .cls-1, .header.header_eight .header-search .cls-1, .additional_header .header-search .cls-1 { fill: #222; } .header-navigation-vertical .vertical-manu-header { background: transparent; padding: 1px 0 0 0; position: relative; } .header-navigation-vertical .vertical-manu-header::after { content: ""; font-size: 17px; position: absolute; left: 0; top: 7px; background: #e5bb43 url("https://cdn.shopify.com/s/files/1/0505/0023/9540/files/menu.png?v=1603424793") no-repeat scroll center center; width: 36px; line-height: 36px; text-align: center; border-radius: 5px; height: 36px; } .header-navigation-vertical .vertical-manu-header span { padding: 0 0 0 50px; white-space: nowrap; color: #e5bb43; text-transform: capitalize; font-weight: 700; position: relative; top: 6px; font-size: 14px; } .header-navigation-vertical .vertical-manu-header span::before { position: absolute; content: "Shop By"; color: #fff; font-size: 13px; line-height: 20px; font-weight: 400; top: -16px; } .header-navigation-vertical .vertical-manu-header svg { display: none; } .header-cart { position: relative; margin: 0 !important; background: #e5bb43; padding: 0 20px; } .header-cart::before { position: absolute; content: "My Cart"; color: #31021d; font-size: 13px; line-height: 20px; font-weight: 400; top: 5px; left: 60px; } .header-cart::after { position: absolute; content: "Checkout"; color: #31021d; font-size: 14px; line-height: 20px; font-weight: 700; bottom: 12px; left: 60px; } .site-header__cart-toggle { position: relative; height: 50px; padding: 0 0 0 55px; width: 122px; top: 4px; } .site-header__cart-toggle::after { background: url("https://cdn.shopify.com/s/files/1/0505/0023/9540/files/sprite.png?v=1603424626") repeat scroll -26px -171px; content: ""; height: 50px; left: -15px; position: absolute; top: 0; right: auto; width: 50px; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; } .site-header__cart-toggle .cart-count { text-align: center; color: #31021d; font-size: 13px; vertical-align: baseline; margin-left: 1px; position: absolute; left: 3px; font-weight: 700; letter-spacing: -1px; top: 5px; } .site-header__cart-toggle .cart-count:hover { color: #e5bb43 !important; } .site-header__cart-toggle i { display: none; } .header-navigation-vertical .vertical-menu { display: none; } .header.header_six.header_sixteen .header_navigation .site-nav > li > .site-nav__link { //padding: 13px 20px; padding: 13px 30px; font-weight: 500; //text-transform: inherit; } .header-navigation .site-nav .site-nav__link { font-size: 14px; } .header-navigation.fixed_menu.scroll { background-color: #240115; } .header.header_six.header_sixteen .header-navigation-right.header_fixed.fixed_menu.scroll { top: 0; } .currency-selected { //font-size: 14px; color: #31021d !important; } .currencies-arrow .cls-1 { fill: #31021d !important; } .header.header_six.header_sixteen .header-top-bar .currencies-picker:hover .currency-selected { color: #e5bb43 !important; } .header.header_six.header_sixteen .header-top-bar .currencies-picker:hover .currencies-arrow .cls-1 { fill: #e5bb43 !important; } .currencies-dropdown span { padding: 6px 10px; } .currencies-dropdown span:hover { background-color: #e5bb43; color: #000; } .header-navigation-vertical .vertical-menu { right: 0; left: 0; border: 0; border-top: none; width: 250px; margin: 0; } .header-navigation-vertical .vertical-menu .visible-items > li, .header-navigation-vertical .vertical-menu .hide-items > li { background: #31021d; margin-bottom: 0; border-bottom: 1px solid #240115; border-top: none; } .header-navigation-vertical .vertical-menu .visible-items > li:hover, .header-navigation-vertical .vertical-menu .hide-items > li:hover { background-color: #e40046; } .vertical-menu .visible-items > li > a, .vertical-menu .hide-items > li > a { color: #fff; font-size: 13px; padding: 13px 53px 13px 40px !important; position: relative; } .vertical-menu .visible-items > li > a:hover, .vertical-menu .hide-items > li > a:hover { color: #e5bb43; } .vertical-menu .visible-items > li > a::before, .vertical-menu .hide-items > li > a::before { content: " "; position: absolute; right: auto; top: 18px; left: 15px; background: rgba(0, 0, 0, 0) url("https://cdn.shopify.com/s/files/1/0271/4409/3801/files/Arrow.png?1127") no-repeat scroll center 2px; width: 10px; height: 10px; } .vertical-menu .visible-items > li > a:hover::before, .vertical-menu .hide-items > li > a:hover::before { background-position: center -54px; } .vertical-menu .visible-items > li > a:hover::after { //content: "\f0d9"; color: #ffffff; //font-family: FontAwesome; font-size: 45px; left: auto; margin: 0 auto; position: absolute; right: -4px; text-align: center; bottom: 0; z-index: 9999; top: 13px; } .header-navigation-vertical { background: #240115; //padding: 0 15px; padding: 0; } .header-navigation-vertical .header_mobile .header-navigation-vertical { //border-top: 1px solid rgba(255,255,255,0.2); border-top: 0; } .header-navigation-vertical::after { position: absolute; content: ""; background: -webkit-linear-gradient(90deg, #31021d 0%, #31021d 49.341%, #31021d 100%); background: -moz-linear-gradient(90deg, #31021d 0%, #31021d 49.341%, #31021d 100%); background: -o-linear-gradient(90deg, #31021d 0%, #31021d 49.341%, #31021d 100%); background: -ms-linear-gradient(90deg, #31021d 0%, #31021d 49.341%, #31021d 100%); top: 3px; bottom: 0; left: auto; right: 10px; width: 2px; height: 45px; } header.header_mobile .mobile_menu_wrapp, header.header_mobile .right_part_mobile_header { width: 122px; } header.header_mobile .header-main .mobile_menu_wrapp, header.header_mobile .header-main .right_part_mobile_header { padding: 0 15px !important; } header.header_mobile .header-main .header-logo { border-top: 1px solid rgba(255,255,255,0.2); } .drawer--right { //border-left: 0; } #CartDrawer .drawer__header { height: 55px; width: auto; background: #c6003d; margin-left: -15px; margin-right: -15px; padding: 0 20px; } #CartDrawer .drawer__title { color: #fff; font-size: 22px; font-weight: 600; } #CartDrawer .drawer__close button { color: #fff; } #CartContainer .btn--full.cart__checkout { background: #e5bb43; color: #000; line-height: 40px; margin: 0 -15px; width: 300px; } #CartContainer .ajaxcart__product .money { font-weight: 600; color: #c6003d; } #CartContainer .ajaxcart__footer .money { color: #c6003d; } .header-main { position: relative; z-index: 1; } .header-main::before { background: #c6003d; position: absolute; left: 0; top: 0; right: 0; content: ""; height: 56px; z-index: -1; } .homeslider { margin-bottom: 0 !important; } .homeslider-item { min-height: 550px !important; } .homeslider-content { //display: none; } .homeslider .homeslider-content .homeslider-title { font-weight: 200; text-transform: capitalize; } .homeslider .homeslider-content .homeslider-title { font-size: 40px; color: #31021d; } .homeslider-content .homeslider-desc { font-size: 30px; font-weight: 600; color: #31021d !important; } .homeslider .homeslider-btn { font-weight: 700; background: transparent; color: #240115; padding: 0; line-height: 20px; text-align: left; border-bottom: 1px solid #240115; min-width: auto; font-size: 17px; } .advantages_hp.type_two { margin-bottom: 50px; background: #f7f7f7; padding: 30px 0; } .advantages_hp.type_two .advantages-item { border: none; background: #fff !important; border: 2px dashed #ddd !important; } #shopify-section-1570785415489 .container { //max-width: 100%; } .promoblocks.type_three { margin-bottom: 45px; } .promoblocks.type_three > .row .promoblock-item:nth-child(2n) { flex-direction: inherit !important; } .promoblocks.type_three .shine { padding-bottom: 6px; position: relative; } .promoblocks.type_three > .row .promoblock-item:nth-child(2n) .shine { display: block !important; display: -webkit-block !important; } .promoblocks.type_three > .row .promoblock-item:nth-child(2n+1) img { margin-bottom: 0; } .promoblocks.type_three .block_content { text-align: left; position: absolute; z-index: 2; //top: 0; left: 0; right: 0; bottom: 22px; padding: 0 0 0 16px; } .promoblocks.type_three > .row .promoblock-item:nth-child(2n) .block_content { margin-bottom: 0; margin-top: 0; } .promoblocks.type_three .block_content h4 { margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 600; } .promoblocks.type_three .block_content p { margin-bottom: 0; font-size: 13px; color: #fff; padding: 0; } .promoblocks.type_three .block_content a { font-weight: 600; position: relative; color: #000; padding: 8px 18px; border-radius: 5px; line-height: 20px; background: #e5bb43; font-size: 12px; display: inline-block; position: absolute; right: 15px; bottom: 2px; } .promoblocks.type_three .block_content a::after { opacity: 0; } #shopify-section-1570785415489 .promoblocks.type_three { position: relative; padding-top: 60px; } #shopify-section-1570785415489 .promoblocks.type_three::before { position: absolute; content: "Shop by department"; left: 0; top: 0; font-size: 20px; font-weight: 600; color: #31021d; } #shopify-section-1570785415489 .promoblocks.type_three::after { position: absolute; content: "choose what you looking for"; left: 20%; top: 4px; } #shopify-section-1570785415489 .promoblocks.type_three .row { display: inline-flex; flex-wrap: inherit !important; } #shopify-section-1570785415489 .promoblocks.type_three .promoblock-item { max-width: inherit; display: flex; width: 100%; flex: 100%; } #shopify-section-1570785415489 .promoblocks.type_three .shine { padding-bottom: 20px; } #shopify-section-1570785415489 .promoblocks.type_three .promoblock-item .shine img { //width: 160px; //height: 160px; border-radius: 50%; } #shopify-section-1570785415489 .promoblocks.type_three .block_content { padding: 0; top: 0; bottom: 0; } #shopify-section-1570785415489 .promoblocks.type_three .promoblock-item .shine .block_content h4 { font-size: 15px; color: #31021d; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } #shopify-section-1570785415489 .promoblocks.type_three .block_content p { display: none; } #shopify-section-1570785415489 .promoblocks.type_three .promoblock-item .shine .block_content a { background: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; } #shopify-section-1570787147170 .container { //max-width: 100%; } .promoblocks.type_six.type_seven { margin-bottom: 50px; } .promoblocks.type_six.type_seven .promo-item img { margin-bottom: 0; } .promoblocks.type_six .promo-item .promo-title { margin-bottom: 0; cursor: pointer; font-size: 28px; position: absolute; top: 30px; left: 30px; right: 30px; text-align: left; } .promoblocks.type_six .promo-item .promo-title a { color: #31021d; } .promoblocks.type_six .promo-item .promo-title span::after { background: #31021d; } .promoblocks.type_six .promo-item .promo-desc { position: absolute; color: #31021d; top: 90px; left: 30px; right: 30px; text-align: left; //width: 38%; font-size: 16px; } .promoblocks.type_two { margin-bottom: 26px; padding: 25px; } .promoblocks.type_two .promo_item_wrap:first-child { width: 69%; } .promoblocks.type_two .promo_item_wrap:first-child img { width: 100%; } .promoblocks.type_two .promo_item_wrap:last-child { width: 28.5%; float: right !important; margin-left: 2.5%; } .promoblocks.type_two .promo_item_wrap .promo_text { bottom: 30%; left: 40px; max-width: 100%; } .promoblocks.type_two .promo_item_wrap:nth-child(2n) .promo_text { left: 40px; } .promoblocks .promo_item .promo_title { color: #fff; top: 36px; left: 40px; font-size: 26px; } .promoblocks.type_two .promo_item_wrap a { padding-left: 0; color: #fff; border-bottom: 1px solid; } .quick-view-hover .ph-link, .quick-view-hover .js-wish-list a, .quick-view-hover .js-wish-list .contact-form, .quick-view-hover .button-list { width: 35px; height: 35px; color: #31021d; background-color: #e5bb43; line-height: 35px; border-radius: 4px; margin: 0 5px; } .quick-view-hover .ph-link:hover, .quick-view-hover .js-wish-list a:hover, .quick-view-hover .js-wish-list .contact-form:hover, .quick-view-hover .button-list:hover { color: #31021d; border-radius: 50%; } .quick-view-hover .ph-link i, .quick-view-hover .js-wish-list a i, .quick-view-hover .js-wish-list .contact-form i, .quick-view-hover .button-list i { color: #31021d; } .quick-view-hover .ph-link:hover i, .quick-view-hover .js-wish-list a:hover i, .quick-view-hover .js-wish-list .contact-form:hover i, .quick-view-hover .button-list:hover i { color: #31021d; } .product-price-and-shipping > span { font-size: 16px; //color: #2457aa; } .products-tabs-item > form { text-align: center; } .products-tabs-item > form .btn { line-height: 30px; background: #e5bb43; color: #31021d; display: inline-block; min-width: auto; border-radius: 30px; line-height: 36px; border: 0; } .products-tabs-item > form .btn:hover { background: #e5bb43 !important; color: #000; filter: inherit; } .featured-products #1540549635932 { margin-top: -30px; } .featured-products .product-miniature { margin-top: 30px; } .featured-products .product-miniature ~ form { text-align: center; } .featured-products .product-miniature ~ form .btn { line-height: 30px; background: #e1e1e1; color: #000; } .featured-products .product-miniature ~ form .btn:hover { background: #e5bb43 !important; color: #000; filter: inherit; border-color: #e5bb43 !important; } .featured-products-tabs .tabs-content { margin-top: -30px; } .featured-products-tabs .products-tabs-item { margin-top: 30px; } .collection-products-grid .product-miniature ~ form { text-align: center; } .collection-products-grid .product-miniature ~ form .btn { line-height: 30px; background: #e1e1e1; color: #000; } .collection-products-grid .product-miniature ~ form .btn:hover { background: #e5bb43 !important; color: #000; filter: inherit; border-color: #e5bb43 !important; } .collection-products-grid { margin-top: -30px; } .collection-products-grid .product-miniature { margin-top: 30px; } .related-products .product-miniature ~ form { text-align: center; } .related-products .product-miniature ~ form .btn { line-height: 30px; background: #e1e1e1; color: #000; } .related-products .product-miniature ~ form .btn:hover { background: #e5bb43 !important; color: #000; filter: inherit; border-color: #e5bb43 !important; } .collection-item-grid { margin-top: -30px; } .collection-item-grid .product-miniature { margin-top: 30px; } .collection-item-grid .product-miniature ~ form { text-align: center; } .collection-item-grid .product-miniature ~ form .btn { line-height: 30px; background: #e1e1e1; color: #000; } .collection-item-grid .product-miniature ~ form .btn:hover { background: #e5bb43 !important; color: #000; filter: inherit; border-color: #e5bb43 !important; } .product-miniature { padding-bottom: 0; margin-bottom: 0; } .product-miniature:hover .thumbnail-container-image { border: 1px solid #ddd; } .footer.footer_eight { margin-top: 0; } .footer { background-color: #31021d; color: #fff; } .footer.footer_eight .footer-logo > img { //height: 75px; } .footer.footer_eight .footer-links-title, .footer.footer_eight .social .social-link { color: #fff; } .footer.footer_eight a:hover { color: #e5bb43 !important; opacity: 1; } .footer-newsletter .newsletter-btn { background-color: #e5bb43; fill: #000; } .footer.footer_eight .footer-copyright { //background: #c6003d; //border-top: 1px solid rgba(255,255,255,0.2); border-top: 0; padding: 15px 0; } .footer.footer_eight .footer-copyright .copyright li, .footer.footer_eight .footer-copyright .copyright a { color: #fff; font-size: 13px; } .scrolltopbtn { background-color: #e1e1e1 !important; color: #000 !important; } .product-control.text-center { display: inline-flex; } .product-control .update-cart, .product-control .cart__remove { display: inline-block; font-size: 15px; margin: 0 5px; color: #fff; padding: 6px 15px !important; background: red; border-radius: 4px; } .product-control .update-cart { background: #fdd400; color: #000; } .shopify-payment-button__button { color: #fff !important; background-color: #c6003d !important; border: #fff !important; } .shopify-payment-button__button:active, .shopify-payment-button__button:focus, .shopify-payment-button__button:hover { background-color: #c6003d !important; color: #fff !important; } .collection-bg { position: relative; background-size: cover !important; min-height: 250px; /* display: none; */ } .collection-bg::before { background-color: #e40046; //opacity: .4; } .collection-bg .collection-page-title { top: 35%; font-size: 40px; font-weight: 600; } .breadcrumb { background: #f0f0f0; padding: 10px 0 11px; } #newsletter-popup { background: #c6003d url("https://cdn.shopify.com/s/files/1/0271/4409/3801/files/section-bg.png?1693"); } #newsletter-popup .mfp-close { font-size: 30px; top: 10px; right: 10px; color: #fff; } #newsletter-popup .newsletter_p-overlay { background: transparent; } #newsletter-popup .newsletter_p-content { padding: 20px 30px 0; } .newsletter_p-content::before { background: url("https://cdn.shopify.com/s/files/1/0271/4409/3801/files/logo-new1.png?2059"); position: absolute; content: ""; height: 80px; width: 280px; background-size: 252px; top: 0; background-repeat: no-repeat; background-position: center center; left: 50%; transform: translateX(-50%); } #newsletter-popup h2 { color: #fff; font-size: 28px; text-transform: uppercase; font-weight: 600; margin-top: 80px; } #newsletter-popup .newsletter_p-content p { color: #fff; } .social > .social-item { vertical-align: top; margin: 0 9px 7px 0; width: 40px; height: 40px; } .social .social-link { font-size: 16px; color: #fff; line-height: 38px; width: 40px; border: 1px solid rgba(255,255,255,0.3); } .social .social-link:hover { color: #e5bb43; border-color: #e5bb43; } .social .social-link svg .cls-1 { fill: #fff; } .social .social-link:hover svg .cls-1 { fill: #e5bb43 !important; } .shopify-payment-button { position: relative; } .shopify-payment-button__more-options { position: absolute; left: 0; right: 0; text-align: center; } .product_view-list.collection-products-grid .product-miniature ~ form { display: none; } .brandslider { //background-color: #f0f0f0 !important; } .brand-slider { //padding: 0 !important; } .brand-slider .owl-item img { width: 100px; } .collection-sidebar { margin-top: 0; position: relative; } .collection-sidebar::before { position: absolute; content: ""; top: 0; right: -15px; bottom: 0; width: 1px; background: #ddd; } .collection-sidebar-widget .widget-title { margin-bottom: 15px; text-transform: uppercase; font-weight: 800; color: #070707; border-bottom: 1px solid #ddd; padding: 10px; border-top: 1px solid #ddd; background: #ddd; } .collection-sidebar .collection-sidebar-widget.sidebar-linkslist .arrows-filters, .collection-sidebar .collection-sidebar-widget.categories-links .arrows-filters { right: 28px !important; top: 8px !important; } .sidebar-linkslist .mobile-slide, .categories-links .mobile-slide { display: block !important; } .collection-sidebar-widget.categories-links .mobile-slide { padding-right: 0; } .collection-sidebar-widget.categories-links ul li small { color: #c6003d; display: none; } .instagram-block { margin-top: 51px; } .instagram-block .section-header { display: block; } .section-header { display: none; } .section-header ~ hr { display: none; } .product-single .product-right .spr-starrating { color: #FFC315; } .product-miniature .review-regular .spr-badge-starrating .spr-icon { color: #FFC315; } .about_us_block { margin-bottom: 31px; } .fp-text h3, .featured-products-tabs > h3, .instagram-block .section-header h3, .our_team h3, .reviews-text h3, .featured-blogs .blog_header h3 { border: 2px solid #e5bb43; color: #fff; font-size: 16px; margin: 0; padding: 6px 26px; text-transform: capitalize; display: inline-block; border-radius: 80px; background: #fff; position: relative; z-index: 1; margin-bottom: 15px; } .fp-text h3::before, .featured-products-tabs > h3::before, .instagram-block .section-header h3::before, .our_team h3::before, .reviews-text h3::before, .featured-blogs .blog_header h3::before { background: #31021d; position: absolute; content: ""; left: -20px; right: -20px; top: 0; bottom: 0; z-index: -1; } .fp-text h3::after, .featured-products-tabs > h3::after, .instagram-block .section-header h3::after, .our_team h3::after, .reviews-text h3::after, .featured-blogs .blog_header h3::after { background: #31021d; position: absolute; content: ""; width: 12px; height: 12px; } .team-wrapp { padding: 51px 0 22px; margin-bottom: 51px; } .our_team .team_item .personal_info { padding: 12px 15px; background: #31021d; width: 80%; margin-top: -40px; z-index: 9; position: relative; } .our_team .team_item .personal_info h5 { color: #fff; } .our_team .team_item .personal_info p { color: #e5bb43; } .page-about_us .reviews_block { margin-bottom: 51px; } .reviews_block { background: #f7f7f7; padding: 50px 0; margin: 0 !important; } .reviews-slider::before { position: absolute; content: "They Say"; font-size: 230px; font-weight: bolder; text-transform: uppercase; color: #e7e8e8; line-height: .59em; bottom: 15px; font-family: "Poppins",Helvetica,sans-serif; } .review { background: #fff; padding: 25px 39px; border: 0; border-left: 6px solid #31021d; box-shadow: 0 10px 25px 0 rgba(0,0,0,0.06); margin: 10px 0 120px 0; position: relative; } .review::before { content: ''; width: 0; height: 0; border-left: 0 solid transparent; border-right: 17px solid transparent; border-top: 17px solid #fff; position: absolute; bottom: -17px; left: 42px; } .review > img { position: absolute; bottom: -120px; width: 92px !important; max-width: 92px !important; height: 92px !important; border-radius: 50%; left: 0; border: 6px solid #e5e5e5; } .review .autor-info { vertical-align: top; position: absolute; bottom: -100px; left: 90px; } .review .autor-info .review-author { font-size: 17px; color: #31021d; } .review .review-text { padding: 0; //font-size: 20px; //font-weight: 900; line-height: 26px; color: #31021d; font-style: italic; } .reviews-slider .owl-dots, .reviews-slider .owl-nav { display: none; } .reviews-slider .owl-dots .owl-dot.active span, .reviews-slider .owl-dots .owl-dot:hover span { background-color: #c6003d; } .reviews-slider .owl-dots .owl-dot span { width: 15px; height: 15px; background: #ddd; } .page-about_us .brand-slider { margin-bottom: 0; } body:not(.template-index) .footer:not(.footer_ten) { margin-top: 0; } .shopify-policy__container { max-width: 100% !important; } .product-options.opt-Color > label { position: relative; color: transparent; } .product-options.opt-Color > label::before { content: "Variant"; color: #313131; } .header-cms-service { display: flex; } .header-cms-service .service-block, .header-cms-service .contact-block { display: flex; } .contact-block { margin-left: 24px; } .service-icon, .contact-icon { width: 30px; height: 30px; display: inline-block; margin-right: 11px; } .header-cms-service .text1, .header-cms-service .text2 { color: #fff; line-height: 17px; } .header-cms-service .text1 { opacity: 0.8; } .header-cms-service .text2 { font-weight: 700; letter-spacing: 0.2px; } .featured-blogs { background-color: #f7f7f7 !important; margin-bottom: 50px !important; padding: 50px 0 !important; } .featured-blogs .blog-article { border-radius: 10px; padding: 20px; transition: all 0.4s ease 0s; } .featured-blogs .blog-article:hover { box-shadow: 3px 2px 18px 0px rgba(0,0,0,0.1); background: #fff; } .featured-blogs .blog-article-thumb { border-radius: 10px; position: relative; overflow: visible !important; } .featured-blogs .blog-article-thumb .blog-article-date { background: #e5bb43; color: #31021d; text-shadow: none; position: absolute; right: 15px; bottom: -15px; border-radius: 4px; font-size: 14px; } .featured-blogs .blog-article .blog-article-details { margin-top: 29px; } .featured-blogs .blog-article-details .tags a { color: #fff; text-shadow: none; background: #31021d; padding: 2px 8px; } .featured-blogs .blog-article-details .blog-article-title { margin: 10px 0; } .featured-blogs.type_three .blog-article-title a { color: #000; font-size: 18px; line-height: 22px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; } .featured-blogs.type_three .read_more.btn { background: transparent; color: #31021d; padding: 0 !important; width: auto !important; min-width: auto !important; line-height: inherit; font-size: 16px; } .featured-products .fp-text { margin-bottom: 0; text-align: center; } .featured-products-tabs.type_two { margin-bottom: 50px; text-align: center; } #shopify-section-160342918422d5068a { background: #f7f7f7 !important; padding: 50px 0 !important; margin-bottom: 50px !important; } #shopify-section-160342918422d5068a .promoblocks.type_three { margin: 0 !important; }

View All

Ethnic Wear

Designer Wear

Jewellery

Casual Wear

Accessories

REVIEWS

Likewise, you'll see posts from other users whom you choose to follow

T-SHIRTS & BLOUSES
OUTERWEAR
Flowy embroidered shift dress

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.

From our blog

Ritzi Collections uses cookies to provide necessary site functionality and it helps us to provide you the best experience using our website. By using our website, you agree to our privacy policy.

Do you like any template? Apply its settings to your store — just select the template you like and press the «Apply» button of the desirable one. Templates can be switched at any time.
Applying a new template overrides the settings. Press «Copy» and paste it into any text file to save your current settings.

Export

Import

Import

Subscribe to join us

Be the First to get the latest update available by subscribing to our newsletter !!!