/* Transition for Hover & Focus states */ a, a:hover, .trsn, .trsn:hover, .trsn:focus, input.text, input.text:focus, button.trsn:hover, select.select, select.select:hover { text-decoration: none !important; } b, strong { font-weight: bold; } hr { margin: 2em 0; } a, a > *, .trsn, .trsn a, .trsn div, .trsn h1, .trsn h2, .trsn h3, .trsn h5, .trsn img { -webkit-transition: all 0.2s linear !important; -moz-transition: all 0.2s linear !important; -ms-transition: all 0.2s linear !important; -o-transition: all 0.2s linear !important; transition: all 0.2s linear !important; } ol, ul { list-style: none; } h1.page-header { text-align: center; font-weight: 700; margin: 1em 0; } h1.page-header small { display: block; text-transform: uppercase; font-size: 14px; } h2.block-header, h2.legend { margin-bottom: 2rem; font-weight: 800; } .page-body img { max-width: 100%; height: auto !important; } blockquote { font-size: 1.1em; width: 100%; margin: 50px auto; font-style: italic; color: #555555; padding: 1.5em 30px 1.5em 65px; border-left: 8px solid #ddd; line-height: 1.6; position: relative; background: #f7f7f7; } blockquote::before { font-family: Arial; content: '\201C'; color: #ccc; font-size: 4em; position: absolute; left: 10px; top: -10px; } blockquote::after { content: ''; } .page-body ul, .category-description ul { list-style: disc; } .page-body ol, .category-description ol { list-style: decimal; } .blog .list-group-flush li { background: transparent; } /** Forms **/ .form-control { height: 44px !important; -webkit-appearance: none; background: transparent; position: relative; z-index: 2; width: 100%; } .form-control:hover, .form-control:active, .form-control:focus { border-color: #333 !important; background: transparent; } #contactpage .form-control { background: #fff; } form .actions { text-align: center; } form .actions p { margin: 0; } .quantity { position: relative; } form .form-field, form .field { margin-bottom: 1rem; } p.required { color: #ff0000; font-size: 0.875em; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type='number'] { -moz-appearance: textfield; } .quantity input { width: 100%; background-color: #fff !important; line-height: 1.65; display: block; margin: 0; padding: 0; text-align: center; } .quantity input[type='number']::-webkit-inner-spin-button, .quantity input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .quantity input:focus { outline: 0; } .quantity-nav { position: absolute; height: 45px; z-index: 10; top: 0px; left: 0; width: 100%; } .quantity-button { position: absolute; cursor: pointer; width: 45px; height: 42px; text-align: center; line-height: 43px; top: 1px; color: #333; font-size: 1em; font-family: 'Trebuchet MS', Helvetica, sans-serif !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quantity-button.quantity-up { right: 1px; border-left: 1px solid #ced4da; border-radius: 0 3px 3px 0; } .quantity-button.quantity-down { left: 1px; border-right: 1px solid #ced4da; border-radius: 3px 0 0 3px; } .quantity-button:hover { color: #fff; } textarea.form-control { height: 10em !important; } .select { position: relative; } .select i { position: absolute; top: 15px; right: 15px; z-index: 1; } .select-field i { position: absolute; bottom: 15px; right: 30px; z-index: 1; } .cart table .select i { right: 10px; } /** Buttons **/ .btn { border: 0; text-transform: uppercase; text-align: center; color: #fff; font-size: 1em; height: 44px; line-height: 44px; margin: 0 auto; background: none; padding: 0 15px; cursor: pointer; position: relative; } @media (max-width: 768px) { .btn { font-size: 0.875rem; } } .btn-sm { height: 35px; line-height: 35px; font-size: 12px; } .btn:hover, .btn:focus, .btn:active { color: #fff; } .btn.disabled, .btn:disabled { cursor: not-allowed; } /** Header **/ .message-top { min-height: 3rem; color: #fff; padding: 10px 0; min-height: 40px; font-size: 14px; } .message-top a { color: #fff; } @media (min-width: 991px) { .message-top { font-size: 1rem; } } @media (min-width: 769px) and (max-width: 991px) { .message-top { left: 70px; } } /* .header-block .row { min-height: 10.71rem; } */ .header-block .navbar-brand, .header-block .text-logo, .cart .navbar-brand { color: #000000; font-size: 2.5rem; padding: 0; margin: 0; text-transform: uppercase; font-weight: 700; } .header_actions > li { margin-right: 5px !important; text-align: center; min-width: 20px; } .header_actions .header_actions > li i { width: 1.25em; } .header_actions .header_actions-link { color: #333; text-transform: uppercase; cursor: pointer; min-width: auto; border: 0; background: transparent; } .header_actions .dropdown-item { text-transform: uppercase; } @media (min-width: 768px) { .header-block .store-image { max-width: 300px; max-height: 100px; } } .cart .store-image { max-width: 300px; max-height: 150px; } .cart-size { display: inline-block; color: #fff; border-radius: 13px; min-width: 20px; height: 20px; text-align: center; line-height: 18px; padding: 2px; font-size: 12px; } #header_search-form { position: relative; width: 100%; } #header_search-form input.form-control { margin: 0; padding-right: 40px; width: 100%; font-size: 1rem; cursor: pointer; } #header_search-form button { border: 0; background: none; position: absolute; right: 0; top: 0; height: 44px; width: 44px; padding: 0; margin: 0; font-size: 1.5em; z-index: 2; } /** Footer **/ footer .text-logo, footer .navbar-brand { text-transform: uppercase; color: #000; font-weight: 700; } footer .navbar-brand { max-width: 200px; } footer .footer-description, footer .powerd-by { font-size: 0.875em; } footer ul { margin: 0; padding: 0; } footer h5 { font-size: 1em; font-weight: 700; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding-bottom: 15px; } footer ul li a { padding: 0 0 5px 0 !important; word-break: break-all; font-size: 0.875em; display: block; } footer .social-footer a i { font-size: 1.5em; } footer ul.payment li span { display: block; border: 1px solid #e1e1e1; width: 55px; height: 33px; border-radius: 3px; overflow: hidden; background: #f5f5f5; position: relative; } footer ul.payment li span img { max-width: 100%; display: block; position: relative; z-index: 2; } footer ul.payment li span:before { content: ''; width: 100px; height: 100px; background: #fff; position: absolute; z-index: 0; transform: rotate(60deg); top: -76px; left: -50px; border: 1px solid #eee; } footer #mc_embed_signup_scroll { position: relative; } footer #newsletter .email { padding-right: 45px; background-color: #fff; } footer #newsletter button { position: absolute; right: 10px; color: #333; top: 0; z-index: 2; } /** Menu **/ .navbar { border-radius: 0; } .navbar-header h1 { margin: 0; } .sticky { position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; } .mobilenav { width: 320px; height: 100%; top: 0; position: fixed; z-index: 100; -webkit-transform: translateX(-320px); transform: translateX(-320px); } .mobilenav-inner { background: #fff; position: fixed; left: 0; top: 0; padding-top: 60px; height: 100%; width: 255px; overflow-y: auto; overflow-x: hidden; } .mobilenav.open { -webkit-transform: translate(0); transform: translate(0); } .mobilenav .menu-header { height: 60px; width: 320px; background: #fff; position: relative; z-index: 10; border-bottom: 1px solid #e1e1e1; } body.menuopen .nav-bg-opacity { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; } .mobilenav .menu-header .item { width: 85px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; height: 60px; float: left; z-index: 2; display: table; text-transform: uppercase; } .mobilenav .menu-header .item.active { background: #f9f9f9; } .mobilenav .menu-header .item-1 i { font-size: 1.5em; width: 100%; display: table-cell; vertical-align: middle; } .mobilenav .menu-header .item-2 i, .mobilenav .menu-header .item-3 i { position: absolute; top: 20px; } .mobilenav .menu-header .item-2 i { left: 145px; } .mobilenav .menu-header .item-3 i { left: 230px; } .mobilenav .menu-header .item-2 span, .mobilenav .menu-header .item-3 span { display: table-cell; vertical-align: middle; font-weight: 500; text-align: center; } .mobilenav .menu-header .item-1 { text-align: center; } .mobilenav .lang-menu { background: #f9f9f9; width: 255px; position: absolute; top: 60px; left: 0; -webkit-transform: translateX(-255px); transform: translateX(-255px); z-index: 5; } .mobilenav .menu-header .item-2.active .lang-menu, .mobilenav .menu-header .item-3.active .lang-menu { -webkit-transform: translateX(0px); transform: translateX(0px); } .mobilenav .lang-menu a { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; color: #333; display: block; } .menu-header .item-1.active #search_mini_form_mobile { -webkit-transform: translateX(0px); transform: translateX(0px); } #search_mini_form_mobile { background: #f9f9f9; padding: 0 20px; height: 60px; border-bottom: 1px solid #e1e1e1; position: absolute; width: 255px; left: 0; top: 60px; z-index: 1; -webkit-transform: translateX(-255px); transform: translateX(-255px); } #search_mini_form_mobile input { background: none; border-width: 0 0 1px 0; border-color: #333; border-style: solid; height: 35px; padding: 0; margin: -10px 0 0 0; width: 100%; border-radius: 0 !important; } .nav-icon { width: 25px; height: 20px; position: absolute; right: -45px; top: 20px; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .nav-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #333; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav-icon span:nth-child(1) { top: 0px; } .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 8px; } .nav-icon span:nth-child(4) { top: 16px; } .nav-icon.open { right: 20px; } .nav-icon.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; } .open .nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .open .nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .open .nav-icon span:nth-child(4) { top: 7px; width: 0%; left: 50%; } .mobilenav .menu-mobile { padding: 0; margin: 0; } .mobilenav .dropdown-toggle::after { border-top: 0.3em solid transparent; border-right: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; position: absolute; right: 20px; top: 20px; } .mobilenav .menu-mobile li a { padding: 15px 20px; height: auto; line-height: 24px; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; color: #333; display: block; cursor: pointer; } .mobilenav .menu-mobile li.has-dropdown .dropdown { position: absolute; background: #fff; padding: 0; width: 255px; right: -255px; display: none; top: 0; } .mobilenav .menu-mobile li.has-dropdown .dropdown.active { display: block; } .mobilenav .menu-mobile li.has-dropdown ul.dropdown a { text-transform: none; } .mobilenav .menu-mobile li.has-dropdown ul.dropdown a.top-category { background: #f9f9f9; font-weight: 600; text-transform: uppercase; } .mobilenav .menu-mobile li.has-dropdown ul.dropdown a.goto span { text-transform: uppercase; } .mobilenav .menu-mobile li.has-dropdown.active .dropdown { display: block; } .mobilenav .menu-mobile li.has-dropdown a.first-trigger i, .mobilenav .menu-mobile li.has-dropdown a.last-trigger i { float: right; top: 5px; position: relative; } .mobilenav .menu-mobile.active { -webkit-transform: translateX(-255px); transform: translateX(-255px); } .mobilenav .menu-mobile.level-2 { -webkit-transform: translateX(-510px); transform: translateX(-510px); } .mobilenav .menu-mobile.level-3 { -webkit-transform: translateX(-765px); transform: translateX(-765px); } .mobilenav .menu-mobile.level-4 { -webkit-transform: translateX(-1020px); transform: translateX(-1020px); } .mobilenav .menu-mobile.level-5 { -webkit-transform: translateX(-1020px); transform: translateX(-1020px); } .mobilenav .menu-mobile.level-6 { -webkit-transform: translateX(-1275px); transform: translateX(-1275px); } .mobilenav .menu-mobile.level-7 { -webkit-transform: translateX(-1530px); transform: translateX(-1530px); } .mobilenav .menu-mobile li.social-item a { display: block; font-size: 0.88rem; border-right: 1px solid #e1e1e1; position: relative; padding: 10px 20px; } #navbarsContainer .nav-item { float: left; } .navbar-expand-md .navbar-nav { display: block; } .navbar-expand-md .collapse { height: auto; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; line-height: 3.571rem; text-transform: uppercase; } .navbar-expand-md .dropdown { position: initial; } .navbar-expand-md.vertical_menu .dropdown { position: relative; } .navbar-expand-md.vertical_menu .dropdown-toggle::after { right: 15px; position: absolute; top: 26px; } .navbar-expand-md.vertical_menu ul.dropdown-menu.multi-level .dropdown-toggle::after { border-left: 0.3em solid; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; right: 10px; position: absolute; top: 18px; } .navbar-expand-md .navbar-collapse { position: relative; } .navbar-expand-md .navbar-collapse li a { padding: 0 1.143rem !important; color: #000; font-weight: 500; } .navbar-expand-md.vertical_menu .navbar-collapse li.dropdown a { padding-right: 40px !important; } .navbar-expand-md .navbar-collapse li a:hover { background: #f9f9f9; } ul.dropdown-menu.multi-level { margin: -1px 0 0 0; padding: 0; border: 0; top: 100%; border-radius: 0; background: #f9f9f9; min-width: 100%; line-height: 2.8rem; } .navbar-expand-md.vertical_menu ul.dropdown-menu.multi-level { position: absolute; left: auto; min-width: 160%; min-width: -webkit-max-content; min-width: -moz-max-content; } .navbar-expand-md.vertical_menu ul.dropdown-menu.multi-level .multi-level { top: 1px; left: 100%; min-width: 100%; } ul.dropdown-menu.multi-level li.nav-item { float: left; } .navbar-expand-md.vertical_menu ul.dropdown-menu.multi-level li.nav-item { float: none !important; min-width: 100%; } li.sfhover, ul.dropdown-menu.multi-level li.nav-item a:hover { background: #eee; } .navbar-light { min-height: 51px; } .sfhover > ul.dropdown-menu { display: block; } .dropdown-menu li a.nav-link { padding: 5px 0; } @media (min-width: 992px) { .navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } } ul.nav > li.dropdown > ul > li { position: relative; } ul.nav > li.dropdown > ul > li > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } ul.nav > li.dropdown > ul > li:hover > .dropdown-menu { display: block; } ul.nav > li.dropdown > ul > li > .icon:after { display: block; content: ' '; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } /** Slider Home **/ #carousel-home .item .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #carousel-home .owl-nav button { color: #fff !important; opacity: 0.5; font-size: 3em !important; z-index: 2; position: absolute; height: 50px; margin-top: -25px; top: 50%; } #carousel-home .owl-nav { display: none; } #carousel-home .owl-nav button.disabled { display: none; } #carousel-home .owl-nav button.owl-prev { left: 15px; transform: translateX(-100px); } #carousel-home .owl-nav button.owl-next { right: 15px; transform: translateX(100px); } #carousel-home:hover .owl-nav button.owl-prev, #carousel-home:hover .owl-nav button.owl-next { transform: translateX(0px); } #carousel-home .owl-nav button:hover { opacity: 1; } #carousel-home .owl-dots { position: absolute; bottom: -40px; height: 40px; width: 100%; text-align: center; } #carousel-home button.owl-dot { width: 14px; height: 14px; border: 2px solid #666; margin: 10px 5px 0 5px; border-radius: 7px; } #carousel-home button.owl-dot.active { background-color: #666; } #carousel-home .item-background { height: 550px; background-size: cover; background-position: center; } #carousel-home .item .carousel-info { height: 100%; display: table; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); text-align: center; width: 100%; } #carousel-home .item .carousel-info.center { transform: translate(-50%, -50%); left: 50%; } #carousel-home .item .carousel-info .carousel-info-inner { display: table-cell; vertical-align: middle; } #carousel-home .item .carousel-info h2 { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); margin-bottom: 0; font-size: 1.5rem !important; } @media (min-width: 414px) { #carousel-home .item .carousel-info h2 { font-size: 2rem !important; } } @media (min-width: 768px) { #carousel-home .item .carousel-info { width: 550px; } #carousel-home .item .carousel-info.left { left: 50px; text-align: left; } #carousel-home .item .carousel-info.right { right: 50px; text-align: right; } #carousel-home { overflow: hidden; } #carousel-home .owl-nav { display: block; } #carousel-home .owl-dots { bottom: 0; } #carousel-home button.owl-dot { border-color: #fff; margin-top: 0; } #carousel-home button.owl-dot.active { background-color: #fff; } } @media (min-width: 1680px) { #carousel-home .item-background { height: 575px; } } @media (max-width: 1280px) { #carousel-home .item-background { height: 360px; } } /** Banners **/ #banners img { width: 100%; } #banners div > a { display: block; position: relative; overflow: hidden; } #banners div > a h3 { background: rgba(255, 255, 255, 0.8); margin: 0; position: absolute; width: 100%; bottom: -10px; text-align: center; color: #333; text-transform: uppercase; font-size: 1rem; padding: 10px 10px 20px 10px; font-weight: 800; } #banners div > a:hover h3 { bottom: 0; } #banners div > a:hover img { opacity: 0.75; } /** Pages **/ #blog-list img { width: 100%; } #blog-list div > a h5 { font-weight: 600; } #blog-list div > a:hover img { opacity: 0.75; } .videoWrapper { position: relative; padding-bottom: 65%; width: 100%; margin: 0 auto 30px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .blog-post .img-fluid { margin-bottom: 1rem; width: 100%; height: auto; } figure { text-align: center; } .blog-post .page-body ul { list-style: disc; } .blog-post .page-body ol { list-style: decimal; } .page-body p:empty { min-height: 1.5em; } /** Instagram Feed **/ #instagram { padding: 0; font-size: 0; line-height: 0; overflow: hidden; } #instagram div { display: inline-block; height: 0; background: #eee 50% 50% no-repeat; background-size: cover; width: 16.666%; padding-bottom: 16.666% !important; } /** Category Page **/ .plus-icon { position: absolute; width: 13px; height: 13px; background: url('plus.png'); display: block; right: 15px; top: 15px; } .dropdown-filter.show .plus-icon { background-position: 0 -13px; } .dropdown-filter { line-height: 45px; } .dropdown-filter.show .dropdown-filter-label { background-color: #f9f9f9; } .dropdown-filter .dropdown-filter-label { padding: 0 40px 0 20px; height: 45px; border: 1px solid #e1e1e3; display: block; position: relative; width: 100%; outline: none; font-weight: 700; } .dropdown-filter .dropdown-menu { margin: -1px 0 0 0; border-radius: 0; border-color: #e1e1e1; width: 100%; padding: 0; } .dropdown-filter .dropdown-menu a { display: block; color: #333; border-top: 1px solid #e1e1e1; background: #f9f9f9; padding: 0 20px; } .dropdown-filter .dropdown-menu a.first { border: 0; } h2.category-description { text-align: center; margin-bottom: 30px; font-size: 1rem !important; line-height: 1.5em; font-weight: normal; } .category-pager { text-align: center; width: 210px; margin: 0 auto; display: table; border: 1px solid #e1e1e1; margin-top: 2em; } .category-pager > * { display: table-cell; width: 70px; height: 70px; vertical-align: middle; } .category-pager a { font-size: 2em; } .category-pager a.disabled { color: #e6e6e6 !important; cursor: default; } .category-pager .count { border-width: 0 1px; border-color: #e1e1e1; border-style: solid; } /** Product Block **/ .product-block .caption h4 { font-size: 1rem; font-weight: 400; text-transform: uppercase; margin: 0; } .product-block .caption .list-price { font-weight: 700; } .product-block .caption .list-price .from_price { font-weight: 300; color: #888; font-size: 90%; } .product-block a.product-image img { display: block; width: 100%; } .product-block a.product-image:hover img { opacity: 0.75; } .product-block a.product-image { position: relative; } .product-block .status-tag { position: absolute; text-transform: uppercase; bottom: 10px; right: 10px; color: #fff; font-size: 0.875rem; padding: 0 10px; z-index: 2; background-color: #333; } .product-block .status-tag.sale { top: 10px; right: auto; left: 10px; bottom: auto; color: #fff; } /** Product page **/ .product-page .product-images { overflow: hidden; height: 0; position: relative; padding-bottom: 100%; background: url(loader.gif) no-repeat center; background-size: 60px; } .product-page .form-price_desktop .product-form-price { font-size: 2.125em; font-weight: 700; } .maxStockQty { border-color: red !important; } .product-page #product-form-price-2 { font-size: 1.5em; font-weight: 700; padding-bottom: 1em; display: inline-block; } .product-page #product-form-discount { font-size: 1.255em; } .product-page .form-price_desktop .product-form-discount { font-size: 1.5em; } .product-page .disclaimer { display: none; color: red; } .product-page #product-form .form-group { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1em; } .product-page #product-form .field-group { margin-bottom: 10px; } .product-page .description p:last-child { margin-bottom: 0; } .product-page .brand { font-size: 1.125em; font-weight: 600; } .product-page .form-control-label { font-weight: 600; } .product-page .bootstrap-filestyle .btn { max-width: 45px; min-width: 45px; text-indent: -999px; padding: 0; overflow: hidden; border-radius: 0 3px 3px 0; margin: 0; } .product-page .bootstrap-filestyle i { font-size: 1.25em !important; text-indent: 0 !important; top: 13px; left: 15px; position: absolute; } #product-sharing a i { font-size: 1em; } .product-slider .owl-nav { position: absolute; top: 50%; width: 100%; z-index: 40; } .product-slider .owl-nav button { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 48%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); background: rgba(255, 255, 255, 0.5) !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .product-slider .owl-nav button.owl-prev { left: 0px; } .product-slider .owl-nav button.owl-next { right: 0px; } .product-slider .owl-nav button:hover { background: rgba(255, 255, 255, 1) !important; } .product-page-no-image img { width: 100%; } .product-page .owl-thumbs a { float: left; display: block; width: 20%; } .product-page .owl-thumbs img { width: 100%; opacity: 0.8; } .product-page .owl-thumbs img:hover, .product-page .owl-thumbs .active img { opacity: 1; } .maxStockAdc { background: #c0c0c0 !important; border-color: #c0c0c0 !important; pointer-events: none; cursor: default; } .hidden { display: none !important; } .product-block-discount, .product-form-discount, .product-form-discount-2, .discount { text-decoration: line-through; } .description img { max-width: 100%; } .description ol { list-style: decimal; } .description ul { list-style: disc; } @media (max-width: 736px) { .product-page h2.product-name { font-size: 1.625rem; text-align: center; margin-bottom: 1rem; font-weight: 700; } .product-page .product-page-thumbs .thumbs img { opacity: 1; } } /** Contact **/ #contactpage h2.success, #contactpage h2.error { font-size: 1rem !important; font-weight: normal; } ul#contact-list { padding: 0; margin-bottom: 20px; } form span.error { font-size: 0.85em; } form span.error a { text-decoration: underline !important; } .contact h2 { font-size: 1.563rem; font-weight: 700; margin-bottom: 0.8em; } .contact iframe { width: 100%; border: 0; } /** Customer **/ .customer h2.block-header { margin-bottom: 1rem; } .customer .billing_address, .customer .shipping_address { padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .customer .billing_address:last-child, .customer .shipping_address:last-child { padding-bottom: 0; } .customer .add { display: block; margin-bottom: 5px; padding-bottom: 5px; } /** Cart **/ .cart .cart-header a.logo .navbar-brand { display: block; line-height: 1em; padding: 0 0 15px 0; border-bottom: 1px solid #e1e1e1; } .page-actions { text-transform: uppercase; } .cart .cart-header .cart-steps > * { display: inline-block; text-transform: uppercase; color: #999; height: 25px; } .bullet { margin: 0 5px; } .cart .cart-header .cart-steps .active { color: #333; font-weight: 600; } .cart h1, .cart h2 { font-size: 1.25rem !important; font-weight: 700; margin-bottom: 0.8em; } .cart .cart-totals { position: relative; } @media (min-width: 768px) { .cart .cart-totals .cart-actions.fixed { position: fixed; top: 30px; } } .cart .checkout-container .cart-totals table.products h3, .cart .checkout-container .cart-totals table.products .text-right { font-weight: 600; text-transform: uppercase; } .cart .checkout-container .cart-totals table.products { margin: 0; } .cart .checkout-container .cart-totals table.products td { padding: 10px 0; } .cart .checkout-container .cart-totals table.products td img { margin-right: 5px; } .cart .checkout-container .cart-totals table.products h3, .cart .checkout-container .cart-totals table.products span { display: block; font-size: 14px; margin: 0; line-height: 1.2em; } #cart-update-form h3 { font-size: 1em; font-weight: 600; margin: 0; } #cart-update-form .table-responsive table th { border: 0; font-weight: 600; font-size: 0.75em; text-transform: uppercase; } #cart-update-form .table-responsive table td { vertical-align: middle; line-height: 1.5em; font-size: 1em; } #cart-update-form .table-responsive table td span { display: block; } #cart-update-form .table-responsive table td.product_info span { font-size: 0.75em !important; line-height: 1.5; } #cart-update-form .table-responsive table td .select { max-width: 65px; } #cart-update-form .table-responsive table td .order-product-price, #cart-update-form .table-responsive table td .order-product-subtotal, #cart-update-form .table-responsive table td .cart-product-discount { font-weight: 600; } .cart #estimate_shipping_form { overflow: hidden; } .cart #estimate_shipping_results { padding-top: 20px; border-top: 1px solid #e1e1e1; margin-top: 20px; } .cart #estimate_shipping_results dt { float: left; margin-right: 10px; } .cart-block .cart-block-inside label { font-size: 0.875em; text-transform: uppercase; font-weight: 600; display: block; } .cart-block .cart-block-inside label.badge { display: none; } .cart .actions { overflow: hidden; } .cart.checkout .actions { display: none; } .cart .actions .cart-actions { text-align: center; float: right; margin-left: 10px; } .cart table.review { text-transform: uppercase; } .cart table.review tr td { border-color: #e1e1e1; padding: 0.75rem 0; font-size: 0.875em; } .cart table.review .totals.key { font-size: 1.25em; } .cart table.review .totals.key, .cart table.review .text-right { font-weight: 600; } .cart table.review { padding: 0 15px; } .cart-totals .error { border: 1px solid #f5c6cb; color: #721c24; background-color: #f8d7da; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border-radius: 0.25rem; font-weight: 300; font-size: 16px !important; margin-top: 1rem; width: 100%; text-align: center; } .cart-totals .success { border: 1px solid #c3e6cb; color: #155724; background-color: #d4edda; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border-radius: 0.25rem; font-weight: 300; font-size: 16px !important; margin-top: 1rem; width: 100%; text-align: center; } /** Checkout **/ #checkout { margin-bottom: 1.5rem; } .checkout-container p.required { padding: 0; margin: 0; position: absolute; top: 1.25rem; right: 25px; } .checkout-container label.control-label em { font-style: inherit; } .success-page .table-responsive .fa-image { font-size: 4em; } #contacts_accepts_marketing label { font-size: 13px !important; font-weight: normal; } #payments_options, #shipping_options { position: relative; } #payments_options .radiobox, #shipping_options .radiobox { position: absolute; top: 15px; left: 1.25rem; } #payments_options span, #shipping_options span { padding: 0 0 0 20px; font-weight: 700; font-size: 0.875rem; display: block; } #payments_options .payment_information, #shipping_options .shipping_information { padding: 0 0 0 20px; font-size: 0.875rem; } #payments_options .payment_information img { width: 100%; } #review-cart-totals h5 { font-weight: bold; } .checkout-container .checkbox input[type='checkbox'], .checkout-container .checkbox-inline input[type='checkbox'], .checkout-container .radio input[type='radio'], .checkout-container .radio-inline input[type='radio'] { margin-left: 0px; margin-top: 13px; } .checkbox label { display: inline; } .loader { border: 4px solid #ccc; border-top: 4px solid #999; border-radius: 50%; width: 20px; height: 20px; margin: 7px auto 0; left: 0; right: 0; animation: spin 2s linear infinite; position: absolute; } h2.card-title { font-size: 20px !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .alert-box.alert { background: none; border: none; margin-bottom: 0; padding: 3px 0 0 1px; font-size: 11px; color: #f00; } .badge { font-size: 0.8em; text-transform: uppercase; font-weight: normal; } .badge a { color: #fff; text-decoration: underline !important; } /** Customer **/ #credentials { overflow: auto; } #credentials .label-danger { margin: 10px 0 0 0; float: left; padding: 5px 10px; } #credentials .error { color: #721c24; background-color: #f8d7da; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #f5c6cb; border-radius: 0.25rem; text-align: center; } #customer_details .error { color: #721c24; background-color: #f8d7da; padding: 0.75rem 1.25rem; margin-top: 1rem; border: 1px solid #f5c6cb; border-radius: 0.25rem; } #customer_details #customer_contacts .error { display: block; margin-bottom: 1rem; } #credentials .notice { color: #0c5460; background-color: #d1ecf1; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #bee5eb; border-radius: 0.25rem; text-align: center; } #credentials .warning { color: #856404; background-color: #fff3cd; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #ffeeba; border-radius: 0.25rem; text-align: center; } a.product_digital { font-size: 12px; } #cust omer-order-table .table > tbody > tr > td { padding: 20px 8px; } #customer-order-table .badge { font-size: 13px; line-height: 13px; float: right; } #customer-order-table strong { font-weight: 700; } #customer-summary .orders h2 { font-size: 1.563rem; font-weight: 700; margin-bottom: 0.8em; } #customer-summary .orders { border-bottom: 1px solid #ccc; margin-bottom: 15px; } #customer-summary .orders:last-child { margin: 0; border: 0; } #customer-summary .orders_header, #customer-summary .orders_body { padding: 15px 0 0 0; margin: 15px 0 0 0; position: relative; } .orders_header .collapsed .show { display: block; } .orders_header .collapsed .hide { display: none; } .orders_header .show { display: none; } #customer-summary .orders_header .reorder-btn { display: block; position: absolute; right: 0px; top: 0px; } #customer-summary .orders_header .reorder-btn:hover { background: #c51c1c; } #customer-summary .orders_body { border-top: 1px solid #ccc; } #customer-summary .orders_body label { font-weight: bold; margin: 0; } #customer-summary .orders_body .ordered_product { border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px; } #customer-summary .ordered_product h4 { margin: 0; } #customer-summary .ordered_product h4.float-left { font-weight: 600; } #customer-summary .order_amounts { background: #f5f5f5; padding: 15px; border-top: 3px solid #ccc; margin-top: 15px; position: relative; margin: 20px -20px -20px -20px; } @media (max-width: 640px) { .navbar-left { float: left !important; } .navbar-right { margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } #payments ul li, #shipping ul li { font-size: 1.2em; } #cart-update-form .select-qty { min-width: 60px; } } @media (max-width: 991px) { /** Menu **/ #login-link span.customer-name { width: 100%; display: inline; float: none; } } @media (max-width: 768px) { /* General */ .message-top { display: flex; position: relative; z-index: 0; top: 60px; } .header-block { width: 100%; height: 60px; margin-top: 0; position: fixed !important; background: #fff; z-index: 99; max-width: 100% !important; left: 0; top: 0; border-bottom: 1px solid #e1e1e1; } .header-block .row { height: 60px; width: 100%; min-height: 60px; } .header-block .navbar-brand, .header-block .text-logo, .cart .navbar-brand { font-size: 1.563rem !important; } .header-block .store-image { width: auto; height: 60px; padding: 5px 0px; display: block; text-align: center; margin: 0 auto; } #carousel-home .item-background { height: 290px; } #carousel-home .home_slider { margin-top: 60px; } #carousel-home .owl-nav button { font-size: 2em !important; } /* Instagram Feed */ #instagram div { width: 33.333%; padding-bottom: 33.333% !important; } } @media only screen and (min-width: 667px) and (max-width: 736px) { #carousel-home .item-background { height: 280px; } } @media (max-width: 667px) { #carousel-home .item-background { height: 200px; } /* Products */ .product-block .caption { min-height: 65px; } .header-block .row { min-height: 60px; } } @media (max-width: 481px) { #carousel-home .item-background { height: 130px; } #customer_contacts #contacts_accepts_marketing label { max-width: 95%; } } @media (max-width: 479px) { #carousel-home .item-background { height: 200px; } .category-pager { width: 100%; margin: -1px 0 0 0; } .category-pager > * { width: 33.333%; height: 90px; } }