/** Shopify CDN: Minification failed Line 1166:4 Expected identifier but found "*" Line 1342:31 Expected identifier but found ":" Line 1689:4 Expected identifier but found "*" Line 2517:4 Expected identifier but found "*" Line 2559:4 Expected identifier but found "*" Line 2907:6 Expected identifier but found "*" Line 3005:6 Expected identifier but found "*" Line 3467:4 Expected identifier but found "*" Line 3563:14 Expected ":" Line 3563:16 Expected identifier but found "50px" ... and 28 more hidden warnings **/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ html { overflow-x: hidden; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* Swatches Styles */ .swatch { margin:1em 0; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display:none; } .swatch label { /* Rounded corners */ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /* To give width and height */ float:left; /* Color swatches contain no text so they need to have a width. */ min-width:35px; height:35px; /* No extra spacing between them */ margin:0; /* The border when the button is not selected */ border:#ebebeb 1px solid; /* Background color */ background-color:#ebebeb; /* Styling text */ font-size:13px; text-align:center; line-height:35px; white-space:nowrap; text-transform:uppercase; } .swatch-element label { padding:0 10px; } .color.swatch-element label { padding:0; } /* Styling selected swatch */ /* Slightly raised */ .swatch input:checked + label { -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8); box-shadow:0px 1px 2px rgba(0,0,0,0.8); border-color:transparent; } .swatch .swatch-element { float:left; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ /* Spacing between buttons */ margin:0px 10px 10px 0; /* To position the sold out graphic and tooltip */ position:relative; } /* Image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; } .swatch .swatch-element .crossed-out { display:none; } .swatch .swatch-element.soldout .crossed-out { display:block; } .swatch .swatch-element.soldout label { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ } /* Tooltips */ .swatch .tooltip { text-align:center; background:#000; color:#fff; bottom:100%; border-radius: 3px; padding: 5px 10px; display:block; position:absolute; width:50px; left:-8px; margin-bottom:8px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .swatch .tooltip:before { bottom:-10px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid #000 10px; bottom:-5px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; } .swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child { margin-bottom:0; } .swatch.error code { font-family:monospace; } /*jquery.jgrowl*/ div.jGrowl{z-index:9999;color:#fff;font-size:12px}div.ie6{position:absolute}div.ie6.top-right{right:auto;bottom:auto;left:expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.top-left{left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.bottom-right{left:expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.bottom-left{left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.center{left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );width:100%}div.jGrowl{position:absolute}body>div.jGrowl{position:fixed}div.jGrowl.top-left{left:0;top:0}div.jGrowl.top-right{right:0;top:0}div.jGrowl.bottom-left{left:0;bottom:0}div.jGrowl.bottom-right{right:0;bottom:0}div.jGrowl.center{top:0;width:50%;left:25%}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#000;border:1px solid #000;opacity:.85;-ms-filter:"alpha(Opacity=85)";filter:alpha(Opacity=85);zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl div.jGrowl-notification.white{background-color:#fff;border-color:#ccc;color:#333}div.jGrowl div.jGrowl-notification.blue{background-color:#428bca;border-color:#357ebd}div.jGrowl div.jGrowl-notification.green{background-color:#5cb85c;border-color:#4cae4c}div.jGrowl div.jGrowl-notification.celeste{background-color:#5bc0de;border-color:#46b8da}div.jGrowl div.jGrowl-notification.orange{background-color:#f0ad4e;border-color:#eea236}div.jGrowl div.jGrowl-notification.red{background-color:#d9534f;border-color:#d43f3a}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{margin:10px}div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}@media print{div.jGrowl{display:none}} /*----------------------------------- HTML, Body settings - global.css -------------------------------------*/ /*Background option*/ /*End background option*/ body, html { text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } body{ font-family: Open Sans; font-size: 14px; line-height: 1.5em; color: #848484; } body.modal-open{ padding-right:0 !important; } input:focus, a:focus{outline: none;} button:focus, a:focus, a:hover{ text-decoration: none; outline: none !important; } a:focus, a:hover{ color: #cccccc; } p{ line-height: 1.9em; } ul{ list-style: none; -webkit-padding-start: 0px; padding-left: 0; } select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border-width: 2px; border-style: solid; } i:focus{ outline: none; } img{ max-width: 100%; } input:focus{ outline: none; } /*bootstrap*/ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: transparent !important; font-weight: normal; font-size: 13px; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: transparent; } .form-control{ font-size: 13px; } /*End bootstrap*/ .right-links-blocks .dropdown .sub-dropdown1, .right-links-blocks .dropdown-toggle .sub-dropdown1 { z-index: 2; cursor: pointer; } .right-links-blocks .dropdown .sub-dropdown, .right-links-blocks .dropdown-toggle .sub-dropdown, .right-links-blocks .dropdown .sub-dropdown1, .right-links-blocks .dropdown-toggle .sub-dropdown1 { position: absolute; padding-bottom: 30px; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 9; } .right-links-blocks .dropdown .sub-dropdown, .right-links-blocks .dropdown-toggle .sub-dropdown { cursor: pointer; box-sizing: content-box; cursor: pointer; } .right-links-blocks .dropdown .sub-dropdown, .right-links-blocks .dropdown-toggle .sub-dropdown, .right-links-blocks .dropdown .sub-dropdown1, .right-links-blocks .dropdown-toggle .sub-dropdown1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } /*----------------------------------- End HTML, Body settings -------------------------------------*/ /*----------------------------------- BUTTON -------------------------------------*/ .btn{ border-width: 2px; border-style: solid; height: 37px; line-height: 33px; padding: 0 12px; background: #fff; font-size: 18px !important; text-transform: uppercase; border-radius: 0; font-weight: 500; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .btn{ font-size: 12px !important; } } @media (max-width: 600px) { .btn{ font-size: 10px !important; } } @media (max-width: 320px){ .btn{ font-size: 15px !important; } } .btn:focus{ box-shadow: none; } .btn i{ margin-left: 10px; height: 12px; margin-top: 9px; } .btn i.fa-bars{ font-size: 11px; margin-right: 5px; } /* btn 1*/ .btn-1{ color: #ffffff; border-color: #b2b2b2; background-color: #b2b2b2; } .btn-1 i{ color: #ffffff; } .btn-1:focus, .btn-1:hover{ color: #ffffff; border-color: #000000; background-color: #000000; } .btn-1:focus i, .btn-1:hover i{ color: #ffffff; } /* btn 2*/ .btn-2{ color: #ffffff; border-color: #000000; background-color: #000000; } .btn-2 i{ color: #ffffff; } .btn-2:hover{ color: #000000; border-color: #ffffff; background-color: #ffffff; } .btn-2:hover i{ color: #000000; } /* btn 3*/ .btn-3{ color: #000000; border-color: #000000; background-color: #ffffff; } .btn-3 i{ color: #000000; } .btn-3:hover{ color: #ffffff; border-color: #000000; background-color: #000000; } .btn-3:hover i{ color: #ffffff; } /*----------------------------------- BUTTON -------------------------------------*/ /*----------------------------------- MISC --------------------------------------*/ .float-right { float: right !important; } .float-left { float: left !important; } .float-none { float: none !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .uppercase{ text-transform: uppercase;} ul.horizontal > li, ol.horizontal > li { display: block; float: left; } .bold{ font-weight: bold !important;} .alert-danger{ border-style: dashed; border-radius: 0; } .alert-danger button{ color: #d14d4d; opacity: 1; filter: alpha(opacity=100); } .alert-danger button:hover{ opacity: 0.5; filter: alpha(opacity=50); } .alert i.fa{ float: left; margin: 3px 10px 0px 0px; } .errors{ color: #d14d4d; } .errors ul{ margin-bottom:0; } /*END MISC*/ /*FIX*/ /*END FIX*/ /*Table*/ /*TYPOGRAPHY*/ h1,h2,h3,h4{ text-transform: uppercase;} h1,h2,h3{font-family: Open Sans;} h4,h5,h6, h7{font-family: Open Sans;} h1{color: #41ce3c; font-size: 40px;} h2{color: #466184; font-size: 30px; } h3{color: #466184; font-size: 24px; } h4{color: #466184; font-size: 16px; } h5{color: #466184; font-size: 14px; } h6{color: #466184; font-size: 13px; } h7{color: #466184; font-size: 12px; } table{ width: 100%; } table th{ background-color: #3f3f3f; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 13px 20px; } table td{ min-height: 70px; height: 70px; vertical-align: middle; border: 1px solid #ebebeb; padding: 20px; } table tr:nth-child(odd){ background-color: #f6f6f6; } .typo{ margin-top: -20px; } .typo h1{margin-bottom: 21px;} .typo h2{margin-bottom: 25px;} .typo h3{margin-bottom: 25px;} .typo h4{margin-bottom: 26px;} .typo h5{margin-bottom: 25px;} .typo h6{margin-bottom: 22px;} .typo-group{ padding-bottom: 60px; margin-bottom: 27px; border-bottom: 3px double #eaeaea; } .typo-group.last{ margin-bottom: 0px; border-bottom: 0; padding-bottom: 0px; } .quotes p{ padding: 20px 40px; border: 1px solid #eaeaea; font-style: italic; position: relative; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/quote.png?5716); background-repeat: no-repeat; background-position: 25px 10px !important; } .quotes p:after{ position: absolute; left: 0; top: 0; height: 100%; width: 4px; content: ''; background-color: #cccccc; } .typo-group pre{ padding: 20px 45px; border-radius: 0; border: 1px dashed #eaeaea; font-size: 16px; line-height: 2em; } .typo .Unordered-list ul, .typo .order-list ol{ padding-left: 20px !important; } .typo .Unordered-list ul.parent{ padding-left: 0 !important; } .typo .order-list ol.parent{ padding-left: 15px !important; } .typo .order-list h3, .typo .Unordered-list h3{ margin-top: 0; } .typo .order-list li, .typo .Unordered-list li{ line-height: 2em; } /*END TYPOGRAPHY*/ /*page-404*/ #page-404 .content-404{ margin-left: -15px !important; margin-right: -15px !important; text-align: center; margin-bottom: 50px; } #page-404 .content-404 input.search_box { padding: 10px; width: 300px; } /*End page-404*/ /*scrollbar css*/ body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*---*/ #cart-content::-webkit-scrollbar { display: none; } #cart-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } #cart-content::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*End scrollbar css*/ /* Two columns with two nested columns mobile: col-xs- desktop: col-md- tablet: col-sm larger desktops: .col-lg- */ /*style.css*/ body{ background-color: rgba(0,0,0,0.9); } /*--------------------------------------- BLOCK HEADER -----------------------------------------*/ header { width: 100%; z-index: 99999; } header *{ /*font-family: Open Sans;*/ } header .top-blocks *{ font-size: 14px; color:#41ce3c; font-weight: 400; } header .top-blocks span.currency_code { padding-right: 5px; } .header-content { display: block; float: left; background-color: #ffffff; width: 100%; height: 100px; line-height: 130px; } header .top-blocks { display: block; width: 100%; float: left; height: 40px; line-height: 40px; } header .top-left { display: block; float: left; height: 40px; line-height: 40px; } header .top-left > ul { height: 40px; line-height: 40px; margin: 0; } header .top-left > ul li { height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; } header .top-left ul.currencies li { padding-left: 0; padding-right: 0; } header .top-left > ul li.header-login, #cart-target { position: relative; } header .top-left > ul li.header-login:after, #cart-target:after { content: ''; position: absolute; top: 0; height: 50%; margin-top: 10px; } header .top-left > ul li.header-login:after { border-right: 1px solid #5c5c5c; right: 0; } #cart-target:after { border-left: 1px solid #5c5c5c; left: 0; } .dropdown-menu { margin: 0; border-radius: 0; } header .top-left > ul li.currency_group { padding-left: 0; padding-right: 20px; } header .top-left > ul li.currency_group div.currency, header .top-left div.currencies-switcher { height: 40px; line-height: 40px; display: block; } header .top-right { display: block; float: right; height: 40px; line-height: 40px; } header .top-right > ul { height: 40px; line-height: 40px; margin: 0; } header .top-right > ul li { height: 40px; line-height: 40px; } header .top-right > ul li.wrapper-search { margin-right: 20px; } /*fix*/ header > .container{ padding: 0; } /*end fix*/ .home-icon{ float: left; line-height: 40px; width: 40px; font-size: 20px; text-align: center; } header.affix { left: 0; top: 0; z-index: 999; } header, header .top-blocks, header .header-content, header .right-links-blocks .right-links-inner, header .right-links-blocks nav.main { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.affix .top-blocks { height: 0; display: none; } header.affix .header-content, header.affix .right-links-blocks .right-links-inner, header.affix .right-links-blocks nav.main { height: 80px; line-height: 80px; } header.affix .nav-menu ul.navbar-nav > li > a { line-height: 80px; } header.affix .right-links-blocks .top-block:hover, header.affix .right-links-blocks .top-block{ border-bottom: 0; } header.affix #cart-target{ position: absolute; right: 0; top: 50%; margin-top:-15px; } header.affix .right-links-blocks{ position: relative; height: 80px; line-height: 80px; } header .logo img { transition: ease all 0.5s; -webkit-transition: ease all 0.5s; -o-transition: ease all 0.5s; -moz-transition: ease all 0.5s; } header.affix .logo img{ max-width: 135px; float: left; } header.affix .logo-menu-wrapper, header.affix .nav-logo { height: 80px; line-height: 80px; } @-moz-document url-prefix() { .home-icon .fa-home{ vertical-align: 1px; } } .left-search-block{ float: left; } .right-links-blocks { float: right; height: 130px; line-height: 130px; } .right-links-blocks .right-links-inner, .right-links-blocks nav.main { height: 130px; line-height: 130px; } .right-links-blocks ul{ margin-bottom:0; } .right-links-blocks ul > li{ line-height: 1.2em; display: block; float: left; padding: 0; } .right-links-blocks .top-block{ float: right; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .right-links-blocks .top-block > ul li{ float: right; } /*account*/ .right-links-blocks ul li.toolbar-customer{ position: relative; padding: 8px 20px 7px 0; } .right-links-blocks ul li.toolbar-customer:hover > a, .right-links-blocks ul li.toolbar-customer #loginButton > a:focus, .right-links-blocks ul li.toolbar-customer:hover #loginButton > a{ color: #fff; } .right-links-blocks ul li.toolbar-customer .fa{ margin-right: 4px; font-size: 13px; } .right-links-blocks ul li.toolbar-customer #loginButton .fa{ margin-right: 0px; cursor: pointer; } .right-links-blocks ul li.toolbar-customer:hover a .fa, .right-links-blocks ul li.toolbar-customer:hover #loginButton .fa{ color: #000000; } .right-links-blocks ul li .dropdown-menu{ left: auto; right: 0; border-radius: 0; } #loginBox{ padding: 5px; width: 200px; font-weight: 500; border: 0; } #loginBox a:not(.btn), #loginBox span{ font-weight: 500; color: #466184; } #loginBox a:not(.btn):hover{ color: #cccccc; } #loginBox .required{ text-transform: capitalize; } #loginBox li a span.red{ color: #f00; margin-right: 5px; } #loginBox label{ color: #466184; } /* This will work for Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .right-links-blocks #loginBox label{ font-weight: 500; } } #loginBox.focus{ display: block !important; } #loginBox ul.customer-accounts li{ width: 100%; height: auto; line-height: 25px; } .right-links-blocks .currency_group{ padding: 0; } .num-items-in-cart{ height: 40px; line-height: 40px; text-align: center !important; position: relative; } .num-items-in-cart span.icon { position: absolute; top: 0; right: 0; font-size: 11px; line-height: 11px; background-color: #a20000; width: 15px; height: 16px; border-radius: 50%; margin-top: 5px; margin-right: -5px; } .right-links-blocks ul li .cart, .right-links-blocks ul li .currency{ display: block; } .right-links-blocks ul li .cart{ padding: 5px 0px 0px 10px; } .right-links-blocks ul li .currency{ padding: 8px 20px; } .right-links-blocks ul li .cart:hover{ color: #fff; } .right-links-blocks ul li#cart-target .cart:hover .fa-shopping-cart { color: #fff; } .right-links-blocks ul li .currency .fa-caret-down{ font-size: 12px; } .currency.btn-group:focus, .currency.btn-group:hover{ cursor: pointer; } .currency.btn-group:hover a span, .currency.btn-group:hover i{ color: #fff !important; } .customer-accounts li{ margin-bottom: 10px; } .customer-accounts a.btn{ font-weight: 700 !important; padding-left: 5px; padding-right: 5px; } .customer-accounts a.btn, .customer-accounts button{ width: 100%; color: #ffffff; } /*End account*/ /*currencies*/ .currencies{ min-width: 100%; padding: 0; border: 0; margin-top: 0; } .currencies li{ width: 100%; } .currencies li:last-child{ border-bottom: 0; } .currencies li a{ padding: 7px 20px; } .currencies.dropdown-menu > li a:hover, .currencies.dropdown-menu > .active > a, .currencies.dropdown-menu > .active > a:focus, .currencies.dropdown-menu > .active > a:hover{ background: #b2b2b2; color: #ffffff; } .btn-group.open .dropdown-toggle{ box-shadow: none; } /*dropdown-menu*/ .open .dropdown-menu{ display: block !important; } /*End dropdown-menu*/ /*RESPONSIVE*/ @media (max-width: 1199px){ .currency.btn-group:focus, .currency.btn-group:hover{ background-color: transparent; } } @media (max-width: 991px){ .right-links-blocks ul .currencies { display: none; } .right-links-blocks ul li.toolbar-customer{ padding-right: 0; } .right-links-blocks #loginBox{ margin-top: 20px; } } @media (min-width: 768px) and (max-width: 991px){ .right-links-blocks .top-block{ width: 100%; border-bottom: 0; } .right-links-blocks ul.list-inline{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .right-links-blocks ul li .cart { padding: 5px 20px 0px 0px; } } @media(max-width:991px){ body:not(.index-template) header:not(.affix){ border-bottom: 0; padding-bottom: 0px; } } /*END RESPONSIVE*/ /*End currencies*/ /*Cart*/ #cart-target{ position: relative; padding-right: 0; padding-left: 20px; } #cart-target .fa-shopping-cart{ font-size: 18px; color: #ffffff; margin-right: 5px; } #cart-info{ padding: 0; width: 312px; border: 0; left: auto; right: 0; } .affix #cart-info{ margin-top: 15px; } #cart-info.dropdown-menu #cart-content .cart-price span.money{ font-size: 20px; margin-bottom: 12px; font-family: Open Sans; font-weight: normal; margin-bottom: 0; line-height: 1.55em; } #cart-content{ font-family: Open Sans; max-height: 440px; overflow-y: auto; color: #466184; font-size: 14px; } .cart .number{ color: #ffffff; width: 100%; display: inline-block; *display: inline; zoom: 1; font-size: 11px; vertical-align: middle; line-height: 11px; } #cart-info .btn{ padding-right: 13px; padding-left: 13px; height: 50px; line-height: 50px; color: #ffffff; border: #b2b2b2; background: #b2b2b2; } #cart-info .btn:hover { color: #ffffff; border: #000000; background: #000000; } /* This will work for firefox */ @-moz-document url-prefix() { #cart-info .btn{ padding-right: 13px; padding-left: 13px; } } #cart-info .btn i{ margin-left: 5px; } #cart-info .cart-title{ margin-bottom: 12px; line-height: 1.55em; } #cart-content .items .row{ padding-left: 20px; padding-right: 20px; padding-bottom: 16px; margin-left: 0px; margin-right: 0px; margin-bottom: 16px; position: relative; border-bottom: 1px solid #eaeaea; } #cart-content .items .cart-left{ float: left; width: 35%;} #cart-content .items .cart-left a{ display: block;} #cart-content .items .cart-left a img{ max-width: 100%; } #cart-content .items .cart-right{float: right; width: 65%; padding-left: 20px;} #cart-content .cart-price{ font-family: Open Sans; font-size: 20px; font-weight: normal; color: #000000; } #cart-content .cart-price span{ display: block; margin: 0; font-weight: 600; color: #000000; line-height: 1.55em; font-family: Open Sans; } .cart-title{ margin-top: 14px; } .cart-title a{ color: #466184; font-weight: normal; font-size: 14px; line-height: 1.55em; } .cart-title a:hover{ color: #cccccc; } a.cart-close{ position: absolute; top: 0; left: 20px; background:#466184; padding: 0px 5px; height: 20px; line-height: 20px; font-size: 8px; } a.cart-close:focus{ background:#466184; } a.cart-close i{color: #fff !important; font-size: 10px;} #cart-content .subtotal{ font-weight: 700; text-transform: uppercase; padding: 0 20px 15px 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; margin-top: 18px; } #cart-content .subtotal span{ font-size: 16px; color: #466184; } #cart-content .action{ padding-left: 20px; padding-right: 20px; margin-bottom: 10px; } /* This will work for firefox */ @-moz-document url-prefix() { #cart-content .action{ margin-bottom: 25px; } } #cart-content .subtotal span.cart-total-right{ float: right; color: #000000; } #cart-content{ padding: 20px 0; } #cart-content .empty{ padding: 0 20px; } #cart-content .empty em{ color: #466184; } #cart-content .empty .btn{ font-style: normal; } /*End Cart*/ /*----------- Search -------------*/ .header-search form{ position: relative; border: 0; } .header-search form input.search_box{ background: transparent; border-color:transparent; /* font-style: italic; */ line-height: 1.55em; width: 180px; color: #ffffff; vertical-align: middle; height: 40px; line-height: 40px; padding-right: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search form input#go{ position: absolute; right: 0; top: 50%; margin-top: -10px; } .header-search .search input::-webkit-input-placeholder { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .header-search .search input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .header-search .search input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .header-search .search input.:-ms-input-placeholder { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } /*------------------------*/ .search-results { z-index: 8889; list-style-type: none; width: ; margin: 8px 0 0 0; padding: 0; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; overflow: hidden; } .search-results li { display: block; width: 100%; height: 38px; margin: 0; padding: 0; border-top: 1px solid #cccccc; line-height: 38px; overflow: hidden; } .search-results li:first-child { border-top: none; } .search-results .title { float: left; width: 78%; margin-left: 3%; padding-left: 8px; white-space: nowrap; overflow: hidden; /* The text-overflow property is supported in all major browsers. */ text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: left; } .search-results .thumbnail { float: left; display: block; width: 15%; height: 32px; margin: 3px 0 3px 3px; padding: 0; text-align: center; overflow: hidden; } @media (min-width: 1200px){ .header-search form input#go:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } } /*--------------*/ /*----------- End search -------------*/ /*------------------------------- END BLOCK HEADER -------------------------------*/ /*---------------------------------*/ /*BLOCK FOOTER*/ /*------------------------------------*/ footer p, footer a{ color: #cccccc; } footer a:hover{ color: #b2b2b2; } footer#footer-wrapper{ background-color: #466184; } #footer-bottom{ text-align: center; background-color: #1e1e1e; height: 60px; line-height: 60px; } #footer-bottom .fb-left, #footer-bottom .fb-right { height: 60px; line-height: 60px; } #footer-bottom .fb-left { padding-left: 0; text-align: left; margin-left: -15px; } #footer-bottom .fb-right { padding-right: 0; text-align: right; margin-right: -15px; } #widget-payment, #widget-payment > li { height: 60px; line-height: 60px; } ul#payments { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: right; -moz-justify-content: right; -ms-justify-content: right; -webkit-justify-content: right; } ul#payments > li { width: 50px; } #footer-bottom #payments { margin: 0; height: 60px; line-height: 60px; float: right; } #footer-bottom .fb-left p { margin-bottom: 0; height: 60px; line-height: 60px; } #footer-bottom .fb-top{ margin-bottom: 13px; } #footer-bottom .icon-social .fa{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer-bottom .twitter:hover .fa-stop{ color: #32ccfe; } #footer-bottom .facebook:hover .fa-stop{ color: #3b579d; } #footer-bottom .google:hover .fa-stop{ color: #dd4b38; } #footer-bottom .pinterest:hover .fa-stop{ color: #cb2027; } #footer-bottom .youtube:hover .fa-stop{ color: #c00000; } #footer-bottom .instagram:hover .fa-stop{ color: #614436 } #footer-bottom .fb-bottom a{ margin-left: 1px; margin-right: 1px; color: #464544; } .icons { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/icon_payment.png?5716); background-repeat: no-repeat; text-indent: -9999px; display: inline-block; height: 26px; line-height: 60px; } #payments li a.visa { background-position: 0 0; width: 44px; vertical-align: middle; } #payments li a.mastercard { background-position: -53px 0; width: 45px; vertical-align: middle; } #payments li a.amex { background-position: -105px 0; width: 45px; vertical-align: middle; } #payments li a.paypal { background-position: -156px 0; width: 45px; vertical-align: middle; } #footer-infomation{ border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-top: 1px; } #footer-infomation .col-md-4 .fi-icon{ position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer-infomation .col-md-4 .fi-icon:before{ width: 38px; height: 38px; position: absolute; top: 50%; left:50%; margin-top: -19px; margin-left: -19px; content: ''; border: 0; border-radius: 50%; -ms-transform: scale(0); /* IE 9 */ -webkit-transform: scale(0); /* Chrome, Safari, Opera */ transform: scale(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer-infomation .col-md-4.footer-information-shipping .fi-icon:before{ margin-left: -18px; } #footer-infomation .col-md-4:hover .fi-icon:before{ border: 1px solid #cccccc; background-color: #cccccc; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } #footer-infomation .col-md-4:hover .fi-icon{ color: #fff; } footer .fl-title, footer .fi-title{ margin-bottom: 5px; font-family: Open Sans; } footer .fi-title{ margin-bottom: 8px; } footer .fi-icon{ margin-bottom: 26px; color: #466184; font-size: 15px; } footer .fl-title{ margin-bottom: 40px; display: block; } /*footer-top-block*/ #footer-top > .container{ padding: 0; } .footer-top-block { background-color:#6b91e1; /*background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bg_newsletter.jpg?5716);*/ width: 100%; height: 410px; background-image: url(//cdn.shopify.com/s/files/1/0079/1530/7063/t/3/assets/banner2-bkg.jpg?924); background-position: center; background-size: cover; background-repeat: no-repeat; } .footer-top-block:after{ content:''; display: block; clear: both; } .footer-top-block > div.footer-top-block-3{ border-right: 0; } .footer-top-block .footer-br-text, .footer-top-block .footer-bl-text{ position: absolute; text-align: center; left: 0; top: 0; width: 100%; height: 100%; } .footer-br-group, .footer-bl-group{ display: table; width: 100%; height: 100%; color: #fff; } .footer-br-link, .footer-bl-link{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .footer-br-group .footer-br-inner, .footer-bl-group .footer-bl-inner { display: table-cell; vertical-align: bottom; text-transform: uppercase; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .footer-br-inner .btm, .footer-bl-text .top{ display: block; font-size: 40px; line-height: 1em; font-style: italic; font-family: Open Sans; } .footer-br-inner .top, .footer-bl-text .btm{ display: block; } .footer-br-inner .top{ font-style: italic; margin-bottom: 10px; font-weight: 600; } .footer-bl-text .btm{ margin-bottom: 40px; } .footer-br-inner .btm{ margin-bottom: 60px; margin-top: -5px; } .footer-br-inner .btm{ border-bottom: 3px double #fff; border-top: 3px double #fff; display: inline-block; *display: inline; zoom: 1; } /*end footer-top-block*/ /*footer-information-block*/ ul.footer-information-block{ padding-left: 0; border-bottom: 1px solid #41ce3c } .footer-information-block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -webkit-justify-content: left; } .footer-information-block .container > div{ text-align: center; padding-top: 47px; padding-bottom: 45px; border-right: 1px solid #41ce3c; position: relative; } .footer-information-block .container > div:last-child{ border-right: 0; } /*Respon footer-information*/ @media (max-width: 991px){ #footer-infomation .col-md-4{ width: 33%; float: left; } #footer-infomation .container{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } } @media (max-width: 480px){ #footer-infomation .col-md-4 { width: 100%; } .footer-information-block .container > div{ padding-top: 10px; padding-bottom: 26px; border-right: 0; } footer .fi-icon{ margin-bottom: 0; } footer .fi-title { margin-top: 10px; } } /*End Respon footer-information*/ /*End footer-information-block*/ /*footer-links-block*/ .footer-links-block > .container{ padding: 50px; } footer#footer-wrapper { background-color: #085c33; } .footer-links-block .fl-title{ color: #ffffff; } .footer-links-block .container > div { text-align: left; padding-top: 35px; padding-bottom: 40px; float: left; } .footer-links-block .container > div .fl-blog-title{ margin-bottom: 0.5em; } .footer-links-block .container > div:last-child{ border-right: 0; } .footer-links-block .contact-us{ line-height: 1.55em; color: #cccccc; padding-left: 0; } .footer-links-block .footer-links-block02 { padding-right: 0; } .footer-links-block .about ul > li, .footer-links-block .footer-links-block02 ul > li { margin-bottom: 10px; } .footer-links-block .contact-us .fa-stack { width: 40px; height: 40px; margin-right: 10px; } .footer-links-block .contact-us .fa-stack i.fa, .footer-links-block .contact-us .fa-stack i.fa:before { height: 40px; line-height: 40px; } .footer-links-block .contact-us i.fa-stack-2x { color: #484848; font-size: 47px; } .footer-links-block .contact-us i.fa-stack-1x { font-size: 28px; } .footer-links-block .contact-us ul li { margin-bottom: 5px; color: #fff; font-size: 14px; text-transform: uppercase; } @media (max-width: 768px) { .footer-links-block .contact-us ul li { font-size: 12px; } .mob-padd { padding-top: 30px !important; } } .footer-links div a { display: block; width: 100%; padding-bottom: 5px; } .footer-links .fa-stack { width: 40px; height: 40px; margin-right: 10px; } .footer-links .fa-stack .fa-stack-2x { font-size: 40px; line-height: 40px; color: #484848; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .footer-links-block .contact-us ul > li i.fa-stack-2x { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .footer-links a:hover .fa-stack .fa-stack-2x, .footer-links-block .contact-us ul > li:hover i.fa-stack-2x { color: #b2b2b2; } .footer-links .fa-stack .fa-inverse { font-size: 18px; line-height: 40px; } .fl-blog-item{ margin-bottom: 18px; padding-bottom: 23px; position: relative; } .fl-blog-item:before{ content: ''; border-bottom: 3px double #41ce3c; position: absolute; bottom:0; left: 50%; width: 60px; margin-left: -30px; } .fl-blog-item:last-child:before{ border: 0; } .fl-blog-content span{ color: #aeaeae; font-size: 11px; } .fl-blog-content span i.fa{ margin-right: 5px; } .h-line{ width: 1px; background-color: #aeaeae; display: inline-block; height: 10px; margin: 0 10px; } /*Respone footer-links*/ @media (max-width: 1199px){ #footer-links .container{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } #footer-links .container .col-md-3{ width: 24.5%; border-right: 0; } } @media (max-width: 768px){ #footer-links .container .col-md-3 { width: 50%; } } @media (max-width: 767px){ .footer-links-block .container > div{ padding-top: 0px; padding-bottom: 0px; } } @media (max-width: 480px){ #footer-links .container .col-md-3{ width: 100%; } .footer-links-block .container > div{ border-right: 0; } } /*End respone footer-links*/ /*End footer-links-block*/ /*newsletter*/ .newsletter{ background-color: transparent; color: #ffffff; position: relative; height: 410px; text-align: center; margin: 0 auto; width: 100%; } .newsletter-right{ float: left; width: 100%; height: 70px; padding: 17px 20px; background-color: #46845a; } .newsletter:after{ content: ''; display: block; clear: both; } .newsletter .newsletter-title{ color: #ffffff; font-size: 48px; text-align: center; font-weight: 900; margin-bottom: 60px; } .newsletter .newsletter-title span { width: 800px; display: block; text-align: center; margin: 0 auto; letter-spacing: 2px; } .newsletter .fa-envelope-o { font-size: 25px; position: relative; line-height: 70px; width: 70px; height: 70px; margin-right: 28px; float: left; color: #466184; text-align: center; } .newsletter .fa-envelope-o:before{ position: absolute; top: 0; left: 0; background-color: #fff; width: 70px; height: 70px; border-radius: 50%; } .newsletter .footer-nl-text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .newsletter-group{ width: 100%; height: 100%; display: table; } .newsletter-group .newsletter-inner{ display: table-cell; vertical-align: middle; height: 410px; } .newsletter-group .newsletter-inner .col-md-7, .newsletter-group .newsletter-inner .newsletter-left{ padding: 0; } .newsletter-title{ text-transform: uppercase; font-size: 14px; font-family: Open Sans; margin-top: 3px; margin-bottom: 0px; } .newsletter-desc{ font-size: 14px; margin-bottom: 10px; font-family: Open Sans; } .newsletter-input{ margin: 0 auto; width: calc(100% - 510px); position: relative; } .newsletter-input button { position: absolute; right: 0; top: 0; background-color: #fff; color: #000; border-color: #fff; font-size: 24px !important; font-weight: 500; height: 50px; line-height: 32px; padding: 0 25px; } .newsletter-input .form-control{ transition: none; height: 50px; background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff !important; } .newsletter-input input{ font-size: 14px; font-style: italic; box-shadow: none; text-align: left; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; color: #ffffff; } .newsletter-input input:focus{ outline: none !important; box-shadow: none; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; } .newsletter-input input::-webkit-input-placeholder { color: #ffffff; } .newsletter-input input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .newsletter-input input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .newsletter-input input:-ms-input-placeholder { color: #ffffff; } .newsletter-button button{ background: transparent; float: right; border-color: #fff; color: #fff; } .newsletter-button button:hover, .newsletter-button button:focus{ color: #466184; background-color: #fff; } .newsletter-button button:hover i, .newsletter-button button:focus i{ color: #466184; } .newsletter-button button i{ left: auto !important; right: 10px; color: #fff; } /*Respon letter*/ @media (min-width: 992px){ .newsletter-title{ margin-top: 10px; margin-bottom: 20px; } .newsletter-content input.btn.btn-1 { margin-top: 10px; } .ftr-left-dsktop { padding-left: 28px !important; } .newsletter-desktop { position: relative; left: 35%; } } @media (min-width: 1600px){ /*BANNER BOTTOM*/ .footer-br-inner .btm, .footer-bl-text .top{ font-size: 60px; line-height: 1.55em; } .footer-bl-text .btm{ font-size: 20px; margin-top: -10px; } .footer-br-inner .btm{ margin-bottom: 70px; line-height: 70px; } .footer-bl-text .btm{ margin-bottom: 50px; } .footer-br-inner .top{ font-size: 16px; margin-bottom: 10px; margin-left: -100px; } /*END BANNER BOTTOM*/ } @media (min-width: 1920px){ /*BANNER FOOTER*/ .footer-br-inner .btm{ margin-left: -200px; } .footer-br-inner .top{ margin-left: -300px; } /*BANNER FOOTER*/ } @media (max-width: 991px){ .newsletter-title{ margin-top: 10px; margin-bottom: 10px; font-size: 20px; } .footer-links input#email-input { width: 100% !important; } /*banner bottom*/ .footer-br-inner .btm, .footer-bl-text .top{ font-size: 50px; } .newsletter .fa-envelope-o, .newsletter-desc{ display: none; } .footer-top-block{ height: auto; padding-bottom: 15px; } } @media (max-width: 667px){ #footer-bottom .fb-right { display: none; } #footer-bottom .fb-left p { text-align: center; } a.buttn { display: inline !important; } } @media (max-width: 768px){ .footer-links-block .footer-links.follow-us { padding-right: 0; } .footer-links-block .footer-links.about { padding-left: 0; } .newsletter .newsletter-title span { width: 100%; } .newsletter-input { width: 500px; } } @media (max-width: 480px){ .footer-top-block > div { margin-bottom: 10px; } .footer-top-block > div.footer-top-block-3{ margin-bottom: 0px; } .footer-top-block { padding-top: 0px; } .newsletter .fa-envelope-o { display: none; } .newsletter-title { margin-top: 0px; } } /*End newsletter*/ /*----------------------------- END BLOCK FOOTER ------------------------------*/ /*------------------------------ BLOCK CONTENT ------------------------------*/ body{ /*position: relative; */ background: #085c33; } .navbar-collapse{ padding: 0; } #content-wrapper-parent{ background: #ffffff; padding-bottom: 70px; } /*home-banner*/ .home-banner{ width: 100%; margin-bottom: 50px; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/banner-freeship.jpg?v=102886366858880441951563733968); background-repeat: no-repeat; background-attachment: fixed; background-position: center 0px; height: 400px; position: relative; } .home-banner:after{ content:''; clear: both; display: block; } #home-banner .banner-caption{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #home-banner .banner-caption > .container{ height: 100%; padding: 0; } #home-banner .banner-caption .banner-group{ display: table; text-align: left; height: 100%; width: 100%; } #home-banner .banner-caption .banner-group .btn-3{ background-color: transparent; border-width: 3px; width: 270px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px !important; border-color: #fff; color: #fff; } #home-banner .banner-caption .banner-group .btn-3 i{ color: #fff; } #home-banner .banner-caption .banner-group .btn-3:hover{ background-color: #fff; border-color: #fff; color: #466184; } #home-banner .banner-caption .banner-group .btn-3:hover i{ color: #466184; } #home-banner .banner-caption .banner-group .banner-inner{ display: table-cell; vertical-align: middle; } #home-banner .banner-caption .banner-group .banner-inner .top{ font-size: 20px; font-weight: 600; text-transform: uppercase; font-family: Google+Open+Sans; margin-top: 0; margin-bottom: 6px; } #home-banner .banner-caption .banner-group .banner-inner .main{ font-size: 60px; line-height: 1.5em; font-weight: 600; margin-bottom: 42px; margin-top: 0; text-transform: uppercase; font-family: Google+Open+Sans !important; } #home-banner h1, #home-banner h4{ color: #fff; } /*RESPONSIVE*/ @media (max-width: 1199px){ #home-banner .banner-caption .banner-group{ padding: 0 30px; } .home-banner{ background-attachment: scroll; background-position: center center; } } @media (max-width: 767px){ #home-banner-smaller{ margin-bottom: 60px; } .home-banner{ background-image: none; height: auto; } } /*END RESPONSIVE*/ /*End home-banner*/ /*home-browser-collections*/ #collection > .container{ padding: 0; } .hotnew .hotnew-title, .saleoff .saleoff-title, .toplist-block .toplist-title, .new-arrival .new-arrival-title, #home-browser-collections .home-collections-title{ text-align: center; font-size: 40px; text-transform: uppercase; margin-bottom: 30px; font-family: Open Sans; } .new-arrival .new-arrival-title{ padding-left: 15px; padding-right: 15px; } .new-arrival .dash-line{ margin-left: 15px; margin-right: 15px; } .toplist-block .dash-line{ margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .hotnew-content h4{ padding-left: 30px; margin-bottom: 28px; margin-top: 17px; } .hotnew-content .blog-item-date{ border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .hotnew-content .hotnew-title2{ text-transform: uppercase; font-weight: 600; color: #466184; } .hotnew .hotnew-title2 a:hover{ color: #cccccc; } .hotnew-content.col-md-6{ padding: 0; } .hotnew-image.col-md-6{ padding: 0; } .hotnew-desc{ padding-left: 30px; margin-bottom: 30px; float: left; padding-top: 25px; line-height: 1.55em; } #home-browser-collections .dash-line{ margin-top: 30px; } .home-collections-title, .featured-title, .collection-title .collection-title, .related-products .collection-title { text-align: center; position: relative; font-weight: 700; margin-bottom: 65px; width: 100%; } .home-collections-title:before, .featured-title:before, .collection-title .collection-title:before, .related-products .collection-title:before, #newsletter-popup form h4:before { content: ''; border-bottom: 1px solid #000; position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 70px; text-align: center; margin: 0 auto; margin-bottom: -10px; } /*RESPONSIVE*/ @media (max-width: 1199px){ .new-arrival .dash-line{ margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); } } @media (max-width: 767px){ #collection > .container { padding-left: 10px; padding-right: 10px; } } @media (max-width: 600px){ #home-browser-collections .home-collections-title{ font-size: 25px; } } @media (max-width: 380px){ .hotnew .hotnew-title, .saleoff .saleoff-title, .toplist-block .toplist-title, .new-arrival .new-arrival-title, #home-browser-collections .home-collections-title { font-size: 30px; } } /*END RESPONSIVE*/ /*End home-browser-collections*/ /*products*/ .products{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -webkit-justify-content: left; } .products .product{ text-align: center; } .add-to-cart i{ margin-left: 0px !important; margin-right: 8px; float: left; font-size: 13px; } h1.home-title { margin-top: 0; margin-bottom: 13px; } a.title-5{ font-size: 13px; color: #466184; font-weight: 400; text-transform: uppercase; } .home-title a.title-5 { font-size: 24px; font-weight: 900; } a.title-5:hover{ color: #cccccc; } .spr-badge{ color: #f9bc2e; font-size: 18px; } .spr-badge i{ margin: 0 1px; } .element .spr-badge-caption{ display: none; } .spr-badge-caption { display: inline-block; *display: inline; zoom: 1; font-style: italic; color: #848484; font-size: 13px; } .spr-badge-starrating { margin: 0px 20px 0 0 !important; } .element .spr-badge-starrating { margin: 0 !important; } .rating-star{ margin-top: 20px; } .element .rating-star { margin-top: 4px; } .product-price{ font-size: 18px; font-weight: 600; margin-bottom: 14px; font-family: Open Sans; } .element .product-price { font-size: 14px; margin-top: 8px; margin-bottom: 27px; } .product-price .price_compare{ font-size: 14px; margin-right: 20px; } .product-price .price_compare span{ vertical-align: top; } ul.quickview-wishlist-wrapper{ border: 0 !important; } ul.quickview-wishlist-wrapper > li{ display: inline-block; *display: inline; zoom: 1; position: relative; } /*MASK*/ .row-left{ overflow:hidden; } /*END MASK*/ /*SALE BANNER*/ .row-left{ position: relative; } .sale_banner{ width: 0px; height: 0px; position: absolute; top: 0px; right: 0px; text-transform: lowercase; border-top: 75px solid #a20000; border-left: 75px solid transparent; } .sale_banner .sale_text { font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; position: absolute; right: 7px; top: -55px; line-height: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .index-template .sale_banner { border-top-width: 100px; border-left-width: 100px; margin-right: 10px; } .index-template .sale_banner .sale_text { font-size: 24px; top: -70px; } /*END SALE BANNER*/ /*Home_banner1*/ #home-banner-1 { /* background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/banner1-bkg.jpg?v=2348980402834028911673247771); */ background: #e2e2e2; background-repeat: no-repeat; margin-bottom: 0px; background-size: cover; background-attachment: fixed; background-position: 70%; } #home-banner-1.lazy { background-image: none; background-color: #466184; } #home-banner-2.lazy { background-image: none; background-color: #466184; } #home-banner-1 img, #home-banner-2 img { padding: 30px 0; display: block; margin: 0 auto; } #home-banner-2 { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/banner2-bkg.jpg?v=65731901202304545031673247772); background-repeat: no-repeat; margin-bottom: 70px; background-size: cover; background-position: 70%; background-attachment: fixed; } /*Responsive*/ @media (max-width: 1024px){ #home-banner-1, #home-banner-2 { background-attachment: scroll; } } /*End Responsive*/ /*End Home_banner1*/ /*PAGINATION*/ .pagination{ margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .pagination > li{ margin-left: 10px; margin-right: 10px; } .pagination > li:last-child { margin-right: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span{ border-radius: 0; } .pagination > li > a, .pagination > li > span{ border-width: 1px; border-style: solid; border-color: #fff; color: #000000; background-color: #ffffff; border-radius: 50%; height: 19px; line-height: 17px; padding: 0px 5px; margin-top: 14px; margin-bottom: 14px; } .pagination > li.active a, .pagination > li.active span, .pagination > li.active a:hover, .pagination > li.active span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ border-color: #000000; color: #ffffff; background-color: #000000; } .pagination > li.active a, .pagination > li.active span{ cursor: default; } /*END PAGINATION*/ /*CART PAGE*/ #content #cart .product_image{ float: left; margin-right: 30px; } #content #cart .product_name{ margin-top: 15px; text-align: left; } #content #cart .product_name strong, #content #cart .product_name a, #content #cart .product_name span{ margin-top: 15px; color: #466184; font-weight: normal; margin-bottom: 10px; } #content #cart .product_name a:hover strong, #content #cart .product_name a:hover span{ color: #cccccc; } #content #cart th{ border-right: 1px solid #fff; text-align: center; } #content #cart th:last-child{ border-right: none; } #content #cart th.image{ text-align: left } #content #cart th.remove{ font-size: 0.1px; color: transparent; } #content #cart td.remove{ font-size: 20px; } #content #cart td.remove a{ color: #dcdcdc; } #content #cart td.remove a:hover{ color: #cccccc; } #content #cart td{ text-align: center; } #content #cart td.price{ color: #466184; font-size: 14px; } #content #cart table tr:nth-child(2n+1){ background-color: transparent; } #content #cart .quantity-wrapper .wrapper{ float: none; margin: 0 auto; } #content #cart .summary td{ padding: 0px 55px; height: 41px; } #content #cart .summary td.total{ text-align: right; background-color: #f6f6f6; } #content #cart .summary td.price{ text-align: left; color: #000000; font-weight:600; } #content #cart .cart-buttons .buttons{ text-align: right; margin-top: 30px; margin-bottom: 30px; } #content #cart .cart-buttons .buttons input{ margin-left: 7px; } #content #cart .checkout-buttons label{ font-weight: normal; margin-bottom: 8px; width: 100%; float: left; } #content #cart textarea#note{ float: leftt; padding: 10px; height: 150px; margin-bottom: 100px; border: 1px solid #eaeaea; } /*RESPONSIVE*/ @media (min-width: 1600px){ #content #cart .checkout-buttons{ margin-top: -70px; } } @media(max-width: 1199px){ #cart .container{ padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px){ #content #cart .cart-buttons .buttons{ text-align: left; } #content #cart .cart-buttons .buttons input { margin-left: 0; margin-right: 7px; } } @media (max-width: 880px){ #content #cart .product_name{ float: left; } } @media (max-width: 767px){ #content #cart textarea#note{ width: 100%; } /*table*/ #cartform table thead{ display: none; } #content #cart td{ width: 100%; float: left; display: block; height: auto; padding-left: 120px; padding-top: 0; padding-bottom: 0; position: relative; text-align: left; } #content #cart .product_name, #content #cart .product_image{ margin-top: 20px; margin-bottom: 10px; } #content #cart .product_name{ width: 100%; margin-top: 0; } #content #cart .quantity-wrapper .wrapper{ float: left; } #cartform table td { border-bottom: 0; } #content #cart td:after, #content #cart td:before{ position: absolute; left: 0; width: 100px; overflow: hidden; } #content #cart td:after{ height: 20px; top: 50%; margin-top: -10px; line-height: 20px; text-align: center; font-weight: bold; text-transform: uppercase; } #content #cart td:before{ height: 100%; background-color: #ddd; content: ''; } #content #cart td.image:after{ content: 'Images' } #content #cart td.price:after{ content: 'Price'; } #content #cart td.total span.money, #content #cart td.price span.money{ line-height: 27px; margin-top: 20px; display: block; } #content #cart td.qty:after{ content: 'Quantity'; } #content #cart td.qty .quantity-wrapper{ margin-top: 17px; } #content #cart td.total:after{ content: 'Total'; } #content #cart td.remove:after{ content: 'Remove'; font-size: 14px; } #content #cart td.remove a{ display: inline-block; *display: inline; zoom: 1; margin-top: 20px; } #content #cart .summary td{ padding-left: 120px; } #content #cart .summary td.total{ display: none; } #content #cart .summary td.price{ border-bottom: 1px solid #eaeaea; } #content #cart textarea#note{ margin-bottom: 30px; } #content #cart .cart-buttons .buttons input{ margin-bottom: 10px; } /*End table*/ } /*END RESPONSIVE*/ /*END CART PAGE*/ /*WISH LIST*/ #wish-list .page{ margin-left: -15px; margin-right: -15px; } #wish-list .container{ padding: 0; } #wish-list .container .wrap-table{ margin-bottom: 20px; } /*RESPONSIVE*/ @media (max-width: 1199px){ #wish-list .container{ padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px){ #wish-list .table-cart thead{ display: none; } #wish-list .table-cart td{ width: 100%; float: left; display: block; height: auto; padding-left: 120px; padding-top: 0px; padding-bottom: 0px; position: relative; text-align: left; border-bottom: 0; } #wish-list .table-cart td form{ margin-top: 17px; } #wish-list .table-cart td form button{ padding-left: 15px; padding-right: 15px; } #wish-list .table-cart td:before, #wish-list .table-cart td:after{ position: absolute; left: 0; width: 100px; text-align: center; } #wish-list .table-cart td:before{ height: 100%; background-color: #DDD; content: ""; } #wish-list .table-cart td:after{ height: 20px; top: 50%; margin-top: -10px; line-height: 20px; text-align: center; font-weight: bold; text-transform: uppercase; } #wish-list .table-cart td.title:after{ content: 'Title'; } #wish-list .table-cart td.title ul{ margin-top: 20px; margin-bottom: 20px; } #wish-list .table-cart td.title-1:after{ content: 'Price'; } #wish-list .table-cart td.title-1 span.money{ margin-top: 25px; display: inline-block; *display: inline; zoom: 1; } #wish-list .table-cart td.action:after{ content: 'Remove'; } #wish-list .table-cart td.action form{ margin-top: 20px; } #wish-list .table-cart td:last-child::after{ content: 'add to cart'; } } /*END RESPONSIVE*/ /*END WISH LIST*/ /*PAGE ACCOUNT*/ #customer-account{ margin-bottom: 100px; } #customer-account th{ text-align: center; color: #466184; font-size: 14px; background-color: #f6f6f6; border: 1px solid #eaeaea; } #customer-account td{ text-align: center; } #customer-account td .status { color: #5cb85c; } #customer-account td .status_unfulfilled{ color: #ff1e1e; } #customer-account td a{ color: #466184; } #customer-account td a:hover{ color: #cccccc; } #customer-account table tr:nth-child(2n+1){ background-color: transparent; } #customer_sidebar h3{ padding: 15px 20px; margin: 0; font-weight: bold; color: #fff; font-size: 16px; font-family: Open Sans; background-color: #3f3f3f; } #customer_sidebar .sb-group{ border: 1px solid #eaeaea; padding: 15px 20px; } #order_payment .order-group p, #order_shipping .order-group p, #customer_sidebar .sb-group p{ margin-bottom: 0; } #address_tables .customer-name, #order_shipping .customer-name, #order_payment .customer-name, #customer_sidebar .customer-name{ color: #cccccc; text-transform: uppercase; font-weight: 700; margin-top: 2px; } #address_tables .address, #order_payment .address, #order_shipping .address, #customer_sidebar .address{ margin-top: 20px; } #customer_sidebar a#view_address{ color: #a7a7a7; font-style: italic; font-size: 12px; border-top: 1px solid #eaeaea; width: 100%; display: block; padding-top: 15px; margin-top: 23px; } #customer_sidebar a#view_address:hover{ color: #cccccc; } #customer_sidebar a#view_address i.fa{ font-size: 14px; margin-right: 5px; color: #cccccc; } /*RESPONSIVE*/ @media (max-width: 991px){ #customer_orders{ margin-bottom: 30px; } #order_payment{ padding-right: 0; } #order_shipping{ padding-left: 0; } } @media (max-width: 767px){ #customer_orders table thead{ display: none; } #customer_orders table td{ position: relative; padding-left: 120px; display: block; float: left; width: 100%; text-align: left; } #customer_orders table td:before, #customer_orders table td:after{ position: absolute; left: 0; width: 100px; } #customer_orders table td:before{ height: 100%; background-color: #ddd; top: 0; content: ''; } #customer_orders table td:after{ top: 50%; height: 20px; text-transform: uppercase; margin-top: -10px; text-align: center; font-weight: bold; font-size: 12px; } #customer_orders table td.order_number:after { content: 'Number'; } #customer_orders table td.date:after { content: 'date'; } #customer_orders table td.payment_status:after { content: 'payment'; } #customer_orders table td.fulfillment_status:after { content: 'fulfillment'; } #customer_orders table td.total:after { content: 'Total'; } } /*END RESPONSIVE*/ /*END PAGE ACCOUNT*/ /*PAGE ORDER*/ #customer-order{ margin-bottom: 100px; } #customer-order td.label1{ text-align: right; } #order_payment .order-group{ margin-left: -15px; } #order_shipping .order-group{ margin-right: -15px; } .order-group{ border: 1px solid #eaeaea; margin-bottom: 30px; padding-bottom: 15px; } #add_address h3, #address_tables h3, .order-group h3{ background-color: #f6f6f6; color: #466184; font-family: Open Sans; margin: 0 0 15px 0; padding: 17px 20px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; } #address_tables h3{ margin-bottom: 18px; } .order-group > p, .order-group .address{ padding-left: 20px; padding-right: 20px; } #order_details td, #order_details th{ text-align: center; font-family: Open Sans; } #order_details th.col-pro, #order_details td.col-pro { text-align: left; } #order_details td.col-pro a{ color: #466184; } #order_details td.col-pro a:hover{ color: #cccccc; } #order_details tr:nth-child(odd){ background-color: transparent !important; } /*PAGE END ORDER*/ /*PAGE ADDRESS*/ #address_tables{ margin-bottom: 30px; } #address_tables .customer_address{ border: 1px solid #eaeaea; } #address_tables .customer_address.edit_address{ border: 0; } #address_tables .address_actions{ border-top: 1px solid #eaeaea; } #address_tables .address_actions, #address_tables .view_address{ margin-left: 20px; margin-right: 20px; } #address_tables .view_address{ margin-bottom: 23px; } #address_tables .address_actions{ padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } #address_tables .address_actions a{ font-size: 12px; font-style: italic; color: #a7a7a7; } #address_tables .action_link .fa{ margin-right: 3px; } #address_tables .action_edit .fa{ color: #6f9dc6; } #address_tables .action_edit:hover a{ color: #6f9dc6; } #address_tables .action_delete .fa{ color: #f18185; } #address_tables .action_delete:hover a{ color: #f18185; } #address_tables .action_link{ margin-right: 20px; } #add_address{ margin-bottom: 35px; } #customer-addresses .col-md-6:after{ display: block; content: ''; clear: both; } #add_address h3{ border-bottom: 0; margin-bottom: 35px; } .add-new-address{ margin-bottom: 35px; } .addresses-country select{ width: 100%; height: 40px; border-width: 2px; } .selectbox--changed select, .addresses-countryselect:focus{ border-color: #a3d39c; outline: none; } .selectbox--changed > label, .selectbox--focus > label{ color: #a3d39c !important; font-size: 11px; text-transform: uppercase; } .addresses-country{ margin-top: -25px; } /*RESPONSIVE*/ @media (max-width: 1199px){ #customer-order > .container{ padding-left: 30px; padding-right: 30px; } #customer-addresses > .container{ padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px){ #add_address{ margin-bottom: 30px; } #customer-addresses .col-md-6{ padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 30px; } } @media (max-width: 767px){ #order_details thead{ display: none; } #order_details td{ display: block; float: left; width: 100%; position: relative; padding-left: 120px; text-align: left; border-bottom: 0; } #order_details td.last{ border-bottom: 1px solid #eaeaea; } #order_details td:after, #order_details td:before{ height: 100%; width: 100px; position: absolute; content:''; top: 0; left: 0; } #order_details td:before{ background-color: #ddd; } #order_details td:after{ height: 20px; top: 50%; left: 0px; margin-top: -10px; line-height: 20px; text-align: center; font-weight: bold; text-transform: uppercase; } #order_details td.col-pro:after{ content: 'title'; } #order_details td.sku{ display: none; } #order_details td.total{ text-align: left; } #order_details td.total:after{ content: 'total'; } #order_details td.label1{ display: none; } #order_details td.subtotal:after{ content: 'Subtotal'; } #order_details td.quantity{ text-align: left; } #order_details td.quantity:after{ content: 'quantity'; } #order_details td.shipping:after{ content: 'shipping'; } #order_details td.vat:after{ content: 'vat'; } #order_details td.price:after{ content: 'price'; } #order_details td.total.product:after{ content: 'total pro'; } } /*END RESPONSIVE*/ /*END PAGE ADDRESS*/ /*End products*/ /*DETAIL*/ /*Price*/ .addto-cart-wrapper{ display: block; float: left; } .detail-price{ width:100%; float: left; clear: both; margin: 38px 0 20px; } .detail-price .unavailable, .detail-price .price .money, .detail-price .price_sale{ font-size: 36px; line-height: 36px; font-weight: 900; color: #000000; } .detail-price .price_sale{ margin-right: 10px; } #problock1-content .product-item-wrapper .product-price .price_compare, #problock2-content .product-item-wrapper .product-price .price_compare, #problock3-content .product-item-wrapper .product-price .price_compare, .detail-price .price_compare{ line-height: 18px; font-size: 24px; color: #848484; font-weight: 600; padding-left: 10px; text-decoration: none; position: relative; } #problock1-content .product-item-wrapper .product-price .price_compare, #problock2-content .product-item-wrapper .product-price .price_compare, #problock3-content .product-item-wrapper .product-price .price_compare { padding-left: 20px; font-size: 26px; } .detail-price .price_compare span{ color: #848484; } #product-actions .dash-line, #quick-shop-price-container .dash-line { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/slash_price.png?v=108065470378386486951563733973); width: 14px; height: 23px; z-index: 2; display: inline-block; *display: inline; zoom: 1; text-indent: -999px; vertical-align: 7px; } #problock1-content .product-item-wrapper .product-price .price_compare:before, #problock2-content .product-item-wrapper .product-price .price_compare:before, #problock3-content .product-item-wrapper .product-price .price_compare:before { content: ''; position: absolute; top: 5px; left: 0; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/slash_price.png?v=108065470378386486951563733973); width: 14px; height: 23px; } #problock1-content .product-item-wrapper .hoverBorderWrapper img, #problock2-content .product-item-wrapper .hoverBorderWrapper img, #problock3-content .product-item-wrapper .hoverBorderWrapper img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #problock1-content .product-item-wrapper .hoverBorderWrapper:hover img, #problock2-content .product-item-wrapper .hoverBorderWrapper:hover img, #problock3-content .product-item-wrapper .hoverBorderWrapper:hover img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } /*End Price*/ /*Tags*/ .tags span{ text-transform: uppercase; font-weight: 700; } .tags a{ text-transform: capitalize; color: #466184; margin-right: 5px; } /*End tags*/ /*POPUP PRODUCT*/ .ajax-cart-loading{ text-align: center; } .popup-pro-wrapper{ z-index: 99999; } .popup-pro-wrapper .countDiv{ margin-top:10px; } .popup-pro-wrapper .countDiv span{ color: #cccccc; font-weight: bold; } .ajax-cart-overlay{ background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ajax-cart-modal-wrapper{ position: absolute; left: 50%; top: 20%; left: 50%; width: 930px; margin-left: -465px; height: 350px; } .popup-pro-wrapper .ajax-cart-box{ position: relative; height: 350px; background-color: #ffffff; } .popup-pro-wrapper .ajax-cart-left, .popup-pro-wrapper .ajax-cart-right{ width: 50%; float: left; padding: 30px; } .popup-pro-wrapper .ajax-cart-right{ border-left: 1px solid #eaeaea; height: 100%; } .popup-pro-wrapper .ajax-cart-note{ position: relative; padding-left: 70px; min-height; 50px; margin-bottom: 25px; line-height: 26px; } .popup-pro-wrapper .ajax-cart-number-product, .popup-pro-wrapper .ajax-cart-note, .popup-pro-wrapper .ajax-cart-note a{ font-size: 16px; text-transform: uppercase; font-weight: 600; } .popup-pro-wrapper .ajax-cart-number-product{ margin-bottom: 30px; } .popup-pro-wrapper .ajax-cart-subtotal span{ font-weight: bold; } .popup-pro-wrapper .ajax-cart-group-actions{ margin-top: 80px; } .popup-pro-wrapper .ajax-cart-group-actions .ajax-cart-continue{ float: left; margin-bottom: 10px; } .popup-pro-wrapper .ajax-cart-continue .btn{ margin-right: 20px; } .popup-pro-wrapper .ajax-cart-continue .btn .fa{ margin-right: 10px; margin-left: 0px; } .popup-pro-wrapper .ajax-cart-next .btn .fa{ margin-left: 10px; } .popup-pro-wrapper .ajax-cart-group-actions .btn{ padding-left: 15px; padding-right: 15px; height: 50px; } .popup-pro-wrapper .ajax-cart-group-actions .btn i.fa{ line-height: 1.55em; } .popup-pro-wrapper .ajax-cart-note, .popup-pro-wrapper .ajax-cart-note a{ color: #80a86f; } .popup-pro-wrapper .ajax-cart-note.error, .popup-pro-wrapper .ajax-cart-note.error a{ color: #f00; } .popup-pro-wrapper .ajax-cart-note .cirle{ position: absolute; top: 0; left: 0; background-color: rgba(128, 168, 111, 0.3); padding: 10px; display: block; border-radius: 50%; width: 50px; height: 50px; text-align: center; line-height: 23px; border: 1px solid rgba(128, 168, 111, 0.5); } .popup-pro-wrapper .ajax-cart-note.error .cirle{ background-color: #fff; border: 2px solid #f00; } .popup-pro-wrapper .ajax-cart-note .cirle i{ position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -7px; height: 14px; width: 14px; } .popup-pro-wrapper .ajax-cart-product-title{ font-size: 14px; margin-bottom: 10px; margin-top: 15px; } .popup-pro-wrapper .ajax-cart-variant{ margin-bottom: 3px; } .popup-pro-wrapper .ajax-cart-price{ font-size: 20px; margin-bottom: 25px; font-family: Open Sans; } .popup-pro-wrapper .ajax-cart-price strong{ font-weight: 400; } .popup-pro-wrapper .ajax-cart-close{ position: absolute; top: 0; left: 100%; width: 30px; height: 30px; text-align: center; border: 2px solid #fff; margin-left: 5px; } .popup-pro-wrapper .ajax-cart-close i.fa{ color: #fff; line-height: 24px; } .popup-pro-wrapper .ajax-cart-close i.fa, .popup-pro-wrapper .ajax-cart-close{ cursor: pointer; } /*END POPUP PRODUCT*/ /*Swatch*/ .swatch-element .crossed-out { display: block; } .swatch input:checked + label, .swatch input:hover + label { /* box-shadow: none; background-color: #3f3f3f; color: #fff; border-color: #3f3f3f; padding: 0 1px; */ box-shadow: none; background: none !important; color: #466184 !important; border: none !important; padding: 0 1px; } .swatch input:checked + label { font-weight: bold; } .swatch label{ /* background-image: none !important; */ background: none !important; line-height: 26px; font-weight: normal; /* border-radius: 0; */ border: 0 !important; height: 26px; min-width: 26px; padding: 0; float: initial !important; } .swatch input { display: initial !important; } .swatch-element:hover label{ cursor: pointer; } .swatch .header { /* float: left; */ width: 100px; margin: 7px 0; } /*Color*/ .color.swatch label{ min-width: 22px !important; min-height: 22px !important; width: 22px; height: 22px; border-radius:0%; } .color.swatch .swatch-element{ margin: 0px 2px 15px 0px; padding: 2px; border-radius: 0%; border-width: 1px; border-style: solid; border-color: transparent; } .color.swatch .swatch-element.white label{ border: 1px solid #eaeaea !important; } .color.swatch .swatch-element.white.active label, .color.swatch .swatch-element.white.hovered label{ border: 1px solid #fff !important; } .color.swatch .swatch-element.active, .color.swatch .swatch-element.hovered{ border-color: #d8d7d7 !important; } .color.swatch .header { margin: 5px 0px; width: 98px; } .variants-wrapper .selector-wrapper{ margin-bottom: 10px; } .variants-wrapper .selector-wrapper label{ width: 100px !important; font-weight: normal; } .variants-wrapper .selector-wrapper select{ width: 146px; height: 37px; padding-left: 10px; padding-right: 10px; border: 1px solid #eaeaea; } .quantity-wrapper lable{ display: inline-block; *display: inline; zoom: 1; width: 100px; } /*product options */ .product-options .quantity-wrapper{ margin-right:10px; float: left; } .quantity-wrapper .wrapper { width: 120px; margin-bottom: 10px; float: left; } .quantity-wrapper label{ float: left; line-height: 26px; width: 100px; font-weight: normal; margin-bottom: 0; } .quantity-wrapper span.qty-down, .quantity-wrapper span.qty-up{ width: 26px; height: 26px; text-align: center; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: -1px; cursor: pointer; border: 1px solid #eaeaea; } .quantity-wrapper span.qty-down:hover, .quantity-wrapper span.qty-up:hover { border-color: #848484; } .quantity-wrapper span.qty-down i.fa, .quantity-wrapper span.qty-up i.fa{ cursor: pointer; font-size: 10px; line-height: 24px; } .item-quantity{ border: 0; border: 1px solid #eaeaea; height: 26px; line-height: 26px; width: 60px; text-align: center; border-radius: 0; } .add-to-wishlist{ border-top: 1px solid rgba(245, 245, 245, 1); border-bottom: 1px solid rgba(245, 245, 245, 1); margin-top: 20px; color: #a7a7a7; margin-bottom: 25px; padding: 15px 0; } .add-to-wishlist a.btn{ color: #a7a7a7; padding: 0; } .add-to-wishlist > .non-user{ color: rgba(0,0,0,0.5); text-transform: uppercase; font-size: 11px; font-weight: 600; } .add-to-wishlist i{ margin-right: 10px; } .add-to-wishlist button{ padding-left: 0; padding-top: 0; padding-bottom: 0; font-size: 11px !important; font-weight: 600; } .add-to-wishlist button i{ margin-left: 0px; margin-right: 10px; } #product-information .btn { height: 50px; line-height: 32px; padding: 0 25px; } #product-information .btn.wl-added, #product-information .add-to-wishlist .btn{ padding: 0; } .product-detail-content .detail-price { border-top: 1px solid rgba(245, 245, 245, 1); margin: 17px 0 19px; padding-top: 20px; font-weight: 900; color: #000000; } .product-detail-content .detail-price .price, #quick-shop-price-container .price { font-size: 36px; line-height: 36px; font-weight: 900; color: #000000; } .related-products .product-price { font-size: 14px; margin-top: 5px; margin-bottom: 14px; } .related-products .group-button form { display: inline-block; *display: inline; zoom: 1; float: left; } .related-products ul.quickview-wishlist-wrapper > li.quickview { margin-left: 3px; } .related-products .spr-badge-starrating { margin-right: 0 !important; } /*End product options */ /*END DETAIL*/ /*---------------------------- TAB -----------------------------*/ #home-tabs{ text-align: center; margin-bottom: 15px; } .nav-tabs > li{ float: none; display: inline-block; *display: inline; zoom: 1; padding: 0 19px; position: relative; } .nav-tabs > li:before{ position: absolute; height: 35px; width: 1px; background-color: #eaeaea; content: ''; top: 50%; margin-top: -17px; right: 0; } .nav-tabs > li:last-child:before{ width: 0; } .nav-tabs > li > a{ font-size: 40px; color: #d2d2d2; text-transform: uppercase; font-family: Open Sans; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover{ color: #3f3f3f; } .nav-tabs,.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border: 0; } /*RESPONSIVE*/ @media (max-width: 767px){ #home-tabs{ margin-bottom: 20px; } #home-tabs > li{ margin-bottom: 10px; } #home-tabs > li > a{ border: 1px solid #eaeaea; border-radius: 0; } #home-tabs > li::before{ width: 0; } #home-tabs > li{ padding: 0; margin-left: 5px; margin-right: 5px; } } @media (max-width: 340px){ #home-tabs > li{ margin-left: 0px !important; margin-right: 0px !important; } } /*END RESPONSIVE*/ /*slider tab*/ .new-arrival{ margin-right: -30px; margin-left: -30px; } .new-arrival .new-arrival-group{ margin-top: 50px; margin-bottom: 80px; margin-left: -15px; margin-right: -15px; } .related-products{ margin-left: -15px; margin-right: -15px; margin-top: 45px; } .related-products h1{ width: 100%; text-align: center; margin: 55px 0 20px; } .related-products .dash-line{ margin-bottom: 38px; margin-left:15px; margin-right: 15px; } .index-template .product-item-wrapper { margin-left: -15px; margin-right: -15px; display: table; } .index-template .product-item-wrapper .row-left { padding-left: 25px; padding-right: 25px; display: table-cell; } #problock1-content, #problock2-content, #problock3-content { margin-bottom: 0px; } #problock1-content .row-right, #problock2-content .row-right, #problock3-content .row-right { min-height: 511px; padding: 113px 0; } .realted-element .product-item-wrapper, .new-arrival .product-item-wrapper{ padding-left: 10px; padding-right: 10px; } ul.related-products-items { margin-left: -10px; margin-right: -10px; margin-bottom: 0; } .realted-element .row-right { margin-bottom: 10px; } .new-arrival .owl-item ul{ border: 1px solid #ccc; } .toplist-small .row-left, .products .row-left, .realted-element .row-left, .new-arrival .owl-item .row-left{ position: relative; margin-bottom: 17px; overflow: hidden; } .toplist-big .row-left{ margin-bottom: 25px; } .toplist-big .product-price{ margin-bottom: 12px; } .toplist-big .spr-badge{ font-size: 12px; } .toplist-big .effect-ajax-cart{ margin-bottom: 15px; } .toplist-big ul.quickview-wishlist-wrapper{ margin-bottom: 43px; } .toplist-big .row-left, .toplist-big .row-right, .toplist-small .row-right, .realted-element .row-right, .new-arrival .owl-item .row-right{ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toplist-small .hover-mask, .products .hover-mask, .realted-element .hover-mask, .new-arrival .owl-item .row-left .hover-mask{ position: absolute; top:0; left: 0; text-align: center; width: 100%; height: 100%; display: block; } .products .no_full_width .row-left .group-mask, .toplist-small .row-left .group-mask, .realted-element .row-left .group-mask, .new-arrival .owl-item .row-left .group-mask{ display: table; width: 100%; height: 100%; overflow: hidden; background-color: transparent; } .toplist-small .inner-mask, .products .no_full_width .inner-mask, .realted-element .inner-mask, .new-arrival .owl-item .row-left .inner-mask{ display: table-cell; vertical-align: middle; } .home-collections-content .owl-next, .home-collections-content .owl-prev, .inner-mask .owl-next, .inner-mask .owl-prev, .related-products-items .owl-next, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-next, .new-arrival .owl-buttons .owl-prev, .featured-product .owl-next, .featured-product .owl-prev { position: absolute; top: 50%; margin-top: -54px; width: 40px; height: 40px; text-align: center; border: 1px solid #cdcdcd; border-radius: 50%; background-color: #fff; } .home-collections-content .owl-next, .home-collections-content .owl-prev, .featured-product .owl-next, .featured-product .owl-prev { border: 1px solid #dddddd; background-color: transparent; border-radius: 50%; } .home-collections-content .owl-next, .home-collections-content .owl-prev { border-color: #fff; margin-top: -20px; } .home-collections-content .owl-next i, .home-collections-content .owl-prev i{ color:#ffffff; } .home-collections-content .owl-next:hover, .home-collections-content .owl-prev:hover{ color: #000000; border: #ffffff; background-color: #ffffff; } .home-collections-content .owl-next:hover i, .home-collections-content .owl-prev:hover i{ color: #000000; } .home-collections-content .owl-next, .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next, .featured-product .owl-next {right: 0; margin-right: -45px; padding: 4px 8px;} .home-collections-content .owl-next{margin-right: 40px;} .home-collections-content .owl-prev, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev, .featured-product .owl-prev {left: 0; margin-left: -45px; padding: 4px 7px;} .home-collections-content .owl-prev{margin-left: 40px;} .home-collections-content .owl-next > i, .home-collections-content .owl-prev > i, .related-products-items .owl-next > i, .related-products-items .owl-prev > i, .new-arrival .owl-buttons .owl-next > i, .new-arrival .owl-buttons .owl-prev > i, .featured-product .owl-next > i, .featured-product .owl-prev > i { font-size: 22px; line-height: 10px; position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -5px; height: 14px; width: 10px; text-align: center; } .home-collections-content .owl-prev > i, .related-products-items .owl-prev > i, .new-arrival .owl-buttons .owl-prev > i{ margin-left: -5px; } .home-collections-content .owl-next > i, .related-products-items .owl-next > i, .new-arrival .owl-buttons .owl-next > i{ margin-left: -4px; } @-moz-document url-prefix() { .new-arrival .owl-buttons .owl-prev{ padding: 3px 7px; } .new-arrival .owl-buttons .owl-next { padding: 3px 8px; } .related-products-items .owl-prev{ padding: 2.5px 7px; } .related-products-items .owl-next{ padding: 2.5px 8px; } } /*End slider tab*/ /*RESPON*/ @media (max-width: 1300px){ .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next{ margin-right: 15px; } .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev{ margin-left: 15px; } } @media (max-width: 1199px){ .toplist-small .no_full_width .row-left .quick_shop a, .toplist-small .no_full_width .row-left .rating-star, .toplist-small .no_full_width .row-left .quickview-wishlist-wrapper, .toplist-small .no_full_width .row-left .effect-ajax-cart, .products .no_full_width .row-left .quick_shop a, .products .no_full_width .row-left .rating-star, .products .no_full_width .row-left .quickview-wishlist-wrapper, .products .no_full_width .row-left .effect-ajax-cart, #collection .row-left .quick_shop a, .realted-element .row-left .rating-star, .realted-element .row-left .quickview-wishlist-wrapper, .realted-element .row-left .effect-ajax-cart, .new-arrival .owl-item .row-left .hover-mask .quickview-wishlist-wrapper, .new-arrival .owl-item .row-left .hover-mask .effect-ajax-cart, .new-arrival .owl-item .row-left .hover-mask .rating-star{ -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); } .products .no_full_width .quickview-wishlist-wrapper, .realted-element .quickview-wishlist-wrapper, .toplist-small .quickview-wishlist-wrapper, .new-arrival .owl-item .row-left .hover-mask .quickview-wishlist-wrapper{ -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); } .products .no_full_width .rating-star, .realted-element .rating-star, .toplist-small .rating-star, .new-arrival .owl-item .row-left .hover-mask .rating-star{ -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); } .products .no_full_width .effect-ajax-cart, .realted-element .effect-ajax-cart, .toplist-small .effect-ajax-cart, .new-arrival .owl-item .row-left .hover-mask .effect-ajax-cart{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .toplist-small .row-left, .products .row-left, .realted-element .row-left, .new-arrival .owl-item .row-left{ margin-bottom: 0; } .toplist-small .hover-mask, .products .hover-mask, .realted-element .hover-mask, .new-arrival .owl-item .row-left .hover-mask{ position: static; padding-top: 15px; } .row-left .mask{ display: none; } .inner-mask .owl-next, .inner-mask .owl-prev, .related-products-items .owl-next, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-next, .new-arrival .owl-buttons .owl-prev{ margin-top: -114px; } .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next{ margin-right: 0; } .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev{ margin-left: 0; } .related-products-items .owl-prev{ padding: 3px 7px; } .related-products-items .owl-next{ padding: 3px 8px; } .products .no_full_width .rating-star, .realted-element .rating-star, .toplist-small .rating-star, .new-arrival .owl-item .row-left .hover-mask .rating-star, .products .no_full_width .quickview-wishlist-wrapper, .realted-element .quickview-wishlist-wrapper, .toplist-small .quickview-wishlist-wrapper, .new-arrival .owl-item .row-left .hover-mask .quickview-wishlist-wrapper{ -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .new-arrival { margin-right: 0px; margin-left: 0px; } } @media (max-width: 1024px){ .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next{ margin-right: 30px; } .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev{ margin-left: 30px; } .home-collections-content .owl-prev{margin-left: 20px;} .home-collections-content .owl-next { margin-right: 20px; } } @media (max-width: 991px){ .related-products .btn-1, .new-arrival .btn-1{ padding-left: 10px; padding-right: 10px; } ul.quickview-wishlist-wrapper li.quickview{ display: none; } .nav-tabs > li > a{ font-size: 25px; } .toplist-big .row-left{ margin-bottom: 15px; } } @media (max-width: 767px){ .inner-mask .owl-next, .inner-mask .owl-prev, .related-products-items .owl-next, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-next, .new-arrival .owl-buttons .owl-prev{ margin-top: -100px !important; } .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next{ right: 0px; } .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev{ left: 0px; } .nav-tabs > li{ font-size: 22px; } .new-arrival{ margin-bottom: 60px; } } @media (max-width: 767px){ .related-products h1{ font-size: 25px; } } /*END RESPON */ /*---------------------------------- END TAB -----------------------------------*/ /*FEATURED PRODUCT*/ .featured-product { margin-left: -30px; margin-right: -30px; } .featured-product .product-item-wrapper .row-left img.img-responsive { width: 100%; } /*Fix firefox*/ @-moz-document url-prefix() { .featured-product .product-item-wrapper .row-container { margin-bottom: 1px; } } /*End Fix firefox*/ .featured-content .element { padding-left: 25px; padding-right: 25px; } .element .row-right { text-align: center; margin-top: 30px; height: 138px; } .element .product-item-wrapper .row-container, .related-products-items .product-item-wrapper .row-container { border: 1px solid transparent; } .index-template .element .product-item-wrapper .row-container { padding-top: 10px; padding-bottom: 35px; } .element .product-item-wrapper .row-container:hover, .related-products-items .product-item-wrapper .row-container:hover { border-color: #dcdcdc; } .element .product-item-wrapper .group-button, .related-products-items .product-item-wrapper .group-button { padding-left: 0; padding-right: 0; opacity: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: scale(1,0); -moz-transform: scale(1,0); -oz-transform: scale(1,0); -webkit-transform: scale(1,0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .index-template .element .product-item-wrapper .group-button { padding-left: 26px; padding-right: 27px; } .element .product-item-wrapper .row-container:hover .group-button, .related-products-items .product-item-wrapper .row-container:hover .group-button { opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: scale(1,1); -moz-transform: scale(1,1); -oz-transform: scale(1,1); -webkit-transform: scale(1,1); } /*Responsive*/ @media (max-width: 1199px) { .element .product-item-wrapper .group-button, .related-products-items .product-item-wrapper .group-button { opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: scale(1,1); -moz-transform: scale(1,1); -oz-transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .element.full_width .row-right { min-height: 246px; height: auto; } #sandBox .full_width .row-container .row-right { margin-bottom: 10px; } } @media (max-width: 767px) { .element .row-right { height: auto; min-height: 138px; } } /*Responsive*/ /*END FEATURED PRODUCT*/ /*COLLECTION*/ .new-arrival-content{ margin-left: 0px; margin-right: 0px; margin-top: 68px; margin-bottom: 80px; } .home-collections-content{ margin-bottom: 50px; } .home-collections-content .link-element{ position: relative; } .home-collections-content .link-element:hover .mask-hover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); } .home-collections-content .link-element:hover .mask-hover { opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: background-color 0.5s ease; -moz-transition: background-colorll 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .hotnew-blog-wrapper{ margin-top: 68px; margin-bottom: 0px; } .hotnew-blog-wrapper:after{ content: ''; clear: both; display: block; } .hotnew-blog-wrapper .view-more{ width: 100%; text-align: center; float: left; margin-top: 31px; } .hotnew-blog-wrapper .hotnew-blog-item{ width: 100%; float: left; margin-bottom: 30px; border: 1px solid #eaeaea; } .saleoff-content{ margin-top: 68px; border: 1px solid #eaeaea; } .saleoff-content .element{ border-bottom: 1px solid #eaeaea; } .saleoff-content .element:last-child{ border-bottom: 0; } .saleoff-content .product-item-wrapper{ padding: 20px; } .saleoff-content .row-left{ padding: 0px; } .saleoff-content .row-right{ padding-left: 30px !important; margin-top: 15px; } .saleoff-content .product-price{ margin-bottom: 11px; } ul.collection-list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -webkit-justify-content: left; } ul.collection-list > li{ padding: 15px; width: 33.33%; position: relative; float: left; } ul.collection-list > li:before{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transform: scale(0); /* IE 9 */ -webkit-transform: scale(0); /* Chrome, Safari, Opera */ transform: scale(0); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ul.collection-list > li:hover::before{ -ms-transform: scale(0.8,0.8); /* IE 9 */ -webkit-transform: scale(0.8,0.8); /* Chrome, Safari, Opera */ transform: scale(0.8,0.8); } .collection-list .group_element{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 15px; } .collection-list .group_element .link-mask-content{ width: 100%; height: 100%; text-align: center; display: table; color: #fff; } .collection-list .group_element .link-mask-content .link-icon{ display: inline-block; *display: inline; zoom: 1; margin-bottom: 50px; } .collection-list .group_element .link-mask-content .inner-mask{ display: table-cell; vertical-align: middle; } ul.collection-list > li > a{ display: block; overflow: hidden; } .link-mask-content .link-title{ margin-top: 0; margin-bottom: 0; } .link-mask-content .link-title a{ font-family: Open Sans; color: #fff; font-size: 30px; display: inline-block; *display: inline; zoom: 1; height: 70px; line-height: 70px; position: relative; font-weight: 700; letter-spacing: 2px; } .link-mask-content .link-title:hover{ color: #f45b4f; } .link-mask-content .linl-desc { font-size: 18px; text-transform: uppercase; line-height: 1.2em; } .link-mask-content .link-number{ font-size: 16px; font-style:italic; margin-top: 7px; } .link-mask-content .link-url a{ display: inline-block; *display: inline; zoom: 1; background-color: transparent; border: 1px solid #ffffff; color: #ffffff; text-transform: uppercase; font-weight: 500; font-size: 12px; padding: 0; margin: 0; height: 40px; line-height: 37px; padding: 0 30px; font-size: 18px; text-transform: uppercase; } .link-mask-content .link-url{ margin-top: 50px; } .link-mask-content .link-url a, .link-mask-content .link-title, .link-mask-content .linl-desc { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transform: scale(0,1); /* IE 9 */ -webkit-transform: scale(0,1); /* Chrome, Safari, Opera */ transform: scale(0,1); } .link-mask-content:hover .link-url a, .link-mask-content:hover .link-title, .link-mask-content:hover .linl-desc { -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .link-mask-content .link-url a i.fa{ margin-left: 5px; } .link-mask-content .link-url a:hover{ background-color: transparent; color: #000000; background-color: #ffffff; border-color: #ffffff; } .link-img img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn.add-to-cart { padding: 0 25px; } .index-template .btn { height: 50px; line-height: 32px; padding: 0 25px; } .index-template .btn.add-to-cart { padding: 0 38.5px; } /*RESPON*/ @media (min-width:1200px){ .collection-list .group_element .link-mask-content{ overflow: hidden; } .link-img.hovered img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } } @media(max-width: 1199px){ .link-mask-content .link-title a{ font-size: 30px; height: 50px; line-height: 50px; } .link-mask-content .link-url a, .link-mask-content .link-title, .link-mask-content .linl-desc, .link-mask-content:hover .link-url a, .link-mask-content:hover .link-title, .link-mask-content:hover .linl-desc { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .home-collections-content .link-element .mask-hover, .home-collections-content .link-element:hover .mask-hover { opacity: 0.6; filter: alpha(opacity=60); transform: scale(1,1); -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); background-color: #000; position: absolute; top: 0; left: 0; display: block; float: left; width: 100%; height: 100%; } .collection-list .group_element { width: auto; } .element .product-item-wrapper .row-container, .related-products-items .product-item-wrapper .row-container { border-color: #dcdcdc; } .index-template .element .product-item-wrapper .group-button { padding-left: 0; padding-right: 0; } .index-template .btn { padding: 0 18px; } .index-template .btn.add-to-cart { padding: 0 32px; } } @media (max-width:1199px){ .link-mask-content:hover .link-url, .link-mask-content .link-url{ height: auto; margin-top: 10px; } .collection-list .group_element .link-mask-content .link-icon{ margin-bottom: 30px; } .link-mask-content:hover .link-title{ margin-bottom: 0; } .link-mask-content:hover .link-url a, .link-mask-content .link-url a{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); padding: 7px 30px; margin: 20px 0px 0px; height: auto; } .link-mask-content .link-url a, .link-mask-content .link-url a:hover { background-color: transparent; color: #FFF; } .home-collections-content { margin-bottom: 15px; } } @media (max-width:991px){ .link-mask-content .link-title{ font-size: 22px; } .saleoff-content .row-right, .saleoff-content .row-left{ float: left; } .index-template .btn { height: 40px; padding: 0 12px; } .index-template .btn.add-to-cart { padding: 0 26px; } } @media (max-width:767px){ .link-mask-content .link-title{ font-size: 16px; } .link-mask-content:hover .link-url a, .link-mask-content .link-url a { padding: 0 22px; } } @media (max-width:667px){ .index-template .btn { padding: 0 13px; } } @media (max-width:430px){ .saleoff-content .row-left{ width: 40%; } .saleoff-content .row-right{ width: 60%; } } @media (min-width:361px) and (max-width:600px){ ul.collection-list > li { width: 50%; } .link-mask-content .link-number{ font-size: 14px; } .link-mask-content .link-title{ margin-bottom: 5px; } .link-mask-content:hover .link-url a, .link-mask-content .link-url a{ margin: 7px 0px 0px; } } @media (max-width:360px){ ul.collection-list > li { width: 100%; } .link-mask-content .link-title{ font-size: 30px; } } /*END RESPON*/ /*END COLLECTION*/ /*PAGE COLLECTION*/ #collection-listing-content{ margin-bottom: 50px; } #collection-listing-content ul.collection-list{ margin-left: -30px; margin-right: -30px; } .collection-banner{ margin-bottom: 40px; } /*tag*/ #collection > .container > .col-md-12{ padding-left: 0; padding-right: 0; } #collection .list_tags{ text-align: center; margin: 45px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #collection .list_tags li{ margin: 0 12px; } #collection .list_tags span{ font-size: 14px; text-transform: uppercase; font-weight: normal; color: #466184; } #collection .list_tags li.active span, #collection .list_tags span:hover{ color: #cccccc; font-weight: 600; } /*End tag*/ /*collection-toolbar*/ .toolbar-bottom { display: block; float: left; width: 100%; border: 1px solid #ccc; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; } .toolbar-bottom .toolbar-bottom-left { display: block; float: left; } .toolbar-bottom .toolbar-bottom-left > div { margin-left: 0; } .toolbar-bottom .toolbar-bottom-left .showing-number { color: #000000; font-weight: 500; } .toolbar-bottom .toolbar-bottom-right { display: block; float: right; } .toolbar-bottom .toolbar-bottom-right > div { padding-right: 0; } .collection-toolbar{ background-color: rgba(0,0,0,0); border: 1px solid #eaeaea; position: relative; } .collection-toolbar .showing-number{ position: absolute; top: 50%; left: 140px; margin-top: -10px; } .collection-toolbar .show-per-page, .collection-toolbar .sortBy{ float: right; height: 40px; line-height: 40px; } .collection-toolbar .grid_list { height: 50px; line-height: 50px; display: block; float: left; margin-left: 125px; } #sortButtonWarper { display: inline-block; *display: inline; zoom: 1; } .collection-toolbar .show-per-page, .collection-toolbar .sortBy{ position: relative; padding: 0; margin-right: 10px; } .collection-toolbar .sortBy{ margin-right: 10px; margin-left: 10px; } #showButtonWarper, #sortButtonWarper { height: 50px; line-height: 52px; } #sortBox, #showBox{ margin-top: 0; padding: 0 15px; min-width: 170px; border-radius: 0px; border-top: 0; } #sortBox ul, #showBox ul{ margin-bottom: 0; } #sortBox ul li, #showBox ul li{ border-top: 1px solid #eaeaea; padding: 0; } #sortBox ul li:first-child, #showBox ul li:first-child{ border-top: 0; } #sortBox a, #showBox a{ color: #466184; } #sortBox a:hover, #showBox a:hover { color: #cccccc; } .collection-toolbar .show-per-page .dropdown-menu, .collection-toolbar .sortBy .dropdown-menu{ left: auto; right: 0; } #collection .collection-toolbar{ float: left; width: 100%; border-bottom: 0; border-left: 0; } #collection .collection-toolbar .list-inline { margin: 0; } #collection .collection-toolbar .grid_list .fa{ font-size: 24px; line-height: 50px; } #collection .collection-toolbar .grid_list > ul{ margin-bottom: 0; height: 50px; line-height: 50px; } #collection .collection-toolbar .grid_list li{ padding: 0 7px; height: 50px; line-height: 50px; } #collection .collection-toolbar .grid_list li.active .fa, #collection .collection-toolbar .grid_list .fa:hover{ color: #000; } #collection .collection-toolbar .grid_list .fa:hover{ cursor: pointer; } #collection .collection-toolbar .grid_list li.active .fa{ cursor: default; margin-top: 2px; } #sortButton, #showButton{ background-color: #fff; border: 1px solid #eaeaea; padding: 0 10px; height: 30px; line-height: 30px; } #sortButton .fa, #showButton .fa{ margin-left: 10px; margin-right: 0; font-size: 24px; } .toolbar-title { display: inline-block; *display: inline; zoom: 1; height: 50px; line-height: 50px; color: #000; text-transform: uppercase; padding-right: 10px; } @media(max-width: 991px){ #collection .collection-toolbar { padding-left: 90px; } .collection-toolbar .showing-number { margin-left: -70px !important; } .index-template ul.quickview-wishlist-wrapper > li a, .index-template ul.quickview-wishlist-wrapper > li span, .index-template .wishlist a, .index-template .wishlist span, .index-template .wishlist button { height: 40px; line-height: 40px; } } /*End collection-toolbar*/ /*list*/ #sandBox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -webkit-justify-content: left; margin: 30px -10px; } #sandBox .element .product-item-wrapper{ padding: 0 10px; margin-bottom: 40px; } #sandBox .element .row-container .row-left{ position: relative; } #sandBox .full_width .row-left .inner-mask{ display: none; } #sandBox .element .row-container .row-right{ padding-bottom: 10px; background-color: #ffffff; } ul.quickview-wishlist-wrapper > li a, ul.quickview-wishlist-wrapper > li span, .wishlist a, .wishlist span, .wishlist button{ padding: 0; border: 0; font-size: 18px !important; font-weight: 600; text-transform:uppercase; display: block; width: 37px; line-height: 37px; text-align: center; color: #ffffff; border-color: #b2b2b2; background-color: #b2b2b2; } .index-template ul.quickview-wishlist-wrapper > li a, .index-template ul.quickview-wishlist-wrapper > li span, .index-template .wishlist a, .index-template .wishlist span, .index-template .wishlist button { width: 50px; line-height: 50px; } ul.quickview-wishlist-wrapper > li:hover a, ul.quickview-wishlist-wrapper > li:hover span, .wishlist:hover a, .wishlist:hover span, .wishlist:hover button { color: #ffffff; border-color: #000000; background-color: #000000; } .index-template ul.quickview-wishlist-wrapper > li a.wish-list, ul.quickview-wishlist-wrapper > li a.wish-list { margin: 0; padding: 0; } .index-template ul.quickview-wishlist-wrapper > li a.wish-list i.fa, ul.quickview-wishlist-wrapper > li a.wish-list i.fa { margin: 0; padding: 0; } ul.quickview-wishlist-wrapper > li.wishlist button.btn { margin-top: 0; } ul.quickview-wishlist-wrapper > li.wishlist button.btn i.fa { margin-top: 0; margin-left: 0; } /* This will work for firefox */ @-moz-document url-prefix() { ul.quickview-wishlist-wrapper > li a, ul.quickview-wishlist-wrapper > li span, .wishlist a, .wishlist span, .wishlist button{ font-weight: 700; } } /* This will work for IE10 */ .wishlist a,.wishlist button{ margin-top: -1px; } .wishlist button:hover, ul.quickview-wishlist-wrapper > li:hover a, ul.quickview-wishlist-wrapper > li:hover span{ color: #6b91e1; } /*No full width*/ #sandBox .no_full_width{ width: 25%; } #sandBox .no_full_width .row-container{ position: relative; } #sandBox .no_full_width .product-price{ margin-bottom: 14px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .element .product-item-wapper .group-button { } /*End no full width*/ @media (max-width: 1199px) { #sandBox .no_full_width { width: 33.3%; } } /*full width*/ #sandBox .full_width{ width: 100%; } #sandBox .full_width .product-price{ margin-top: 9px; margin-bottom: 24px; } #sandBox .full_width .row-container{ border: 1px solid #eaeaea; } #collection .full_width .effect-ajax-cart{ float: left; } #sandBox .full_width .row-container .row-right{ text-align: left; padding-left: 30px !important; margin-top: 15px; width: calc(75% + 23px); width: -moz-calc(75% + 23px); } #sandBox .full_width .row-container .row-left{ padding: 0; width: calc(25% - 23px); width: -moz-calc(25% - 23px); } #sandBox .full_width .list-mode-description{ margin-bottom: 28px; } #sandBox .full_width .mask{ display: none; } /*End full width*/ /*RESPONSIVE*/ @media (max-width: 1199px){ #collection-listing-content ul.collection-list{ margin-left: -15px; margin-right: -15px; } } @media (max-width: 991px){ /*browse_tags*/ .browse_tags > li{ position: relative; padding: 0; margin-left: 5px; } /*End browse_tags*/ .collection-toolbar .showing-number { position: static !important; margin-top: 10px; margin-left: 25px; } .collection-toolbar .text-left{ width: 100%; float: left; } #collection .collection-toolbar .grid_list{ float: left; margin-left: 10px; } #sandBox .no_full_width { width: 50%; } #sandBox .no_full_width .group-button form { float: none; } #sandBox .no_full_width ul.quickview-wishlist-wrapper { vertical-align: bottom; } .browse_tags #sortButton{ margin-top: 10px; } .browse_tags #BrowseBox{ border-radius: 0; padding: 10px; margin-top: 0; } #BrowseBox ul li{ line-height: 20px; border-bottom: 1px solid #ddd; padding: 5px 0; } #BrowseBox ul li:last-child{ border-bottom: 0; } #BrowseBox ul li a{ color: #466184; } #sandBox .full_width .row-container .row-left{ width: 30%; float: left; } #sandBox .full_width .row-container .row-right{ width: 70%; float: right; } #collection .collection-toolbar .grid_list li{ border-right: 0; border-left: 0 !important } .page-listing-title, .collection-listing-title { top: 0px !important; } .title-breadcrumb{ min-height: 100px !important; } .title-breadcrumb h2 { font-size: 20px !important; line-height: 30px; } .collection-listing-title h2.collection-title { font-size: 20px !important; } .index-template ul.quickview-wishlist-wrapper > li a, .index-template ul.quickview-wishlist-wrapper > li span, .index-template .wishlist a, .index-template .wishlist span, .index-template .wishlist button { width: 40px; line-height: 36px; } .newsletter-input button.btn { height: 50px; } #footer-bottom .fb-left { width: 50%; padding-right: 0; float: left; } #footer-bottom .fb-right { width: 50%; padding-left: 0; float: right; } } @media (max-width: 768px) { .featured-product { margin-left: 0; margin-right: 0; } .featured-content .element { padding-left: 10px; padding-right: 10px; } .index-template .product-item-wrapper { margin-left: 0; margin-right: 0; } .index-template .btn { height: 40px; padding: 0 26px; } .home-collections-content .owl-next, .related-products-items .owl-next, .new-arrival .owl-buttons .owl-next, .featured-product .owl-next { margin-right: 10px; } .home-collections-content .owl-prev, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-prev, .featured-product .owl-prev { margin-left: 10px; } } @media (max-width: 767px){ #sandBox .no_full_width { width: 50%; } .show-per-page.open .dropdown-menu, .sortBy.open .dropdown-menu{ display: block !important; left: 0; right: auto; } .collection-toolbar .show-per-page { margin-left: 10px; } #collection .collection-toolbar > .text-right{ float: left; margin-left: 20px; } .footer-links-block .contact-us, .footer-links-block .footer-links.about{ padding-left: 10px; } #footer-bottom .fb-left { padding-left: 10px; } #footer-bottom .fb-right { padding-right: 10px; } } @media (max-width: 667px){ .index-template .btn { padding: 0 13px; } #footer-bottom .fb-left { width: 100%; } #footer-bottom .fb-right, #footer-bottom #payments { width: 100%; float: left; } ul#payments > li:first-child { padding-left: 0; } #footer-bottom { height: auto; } .index-template .product-item-wrapper .row-left { padding-left: 0; padding-right: 0; } .index-template .product-item-wrapper .row-left img { width: 100%; } } @media (max-width: 600px){ .link-mask-content:hover .link-url a, .link-mask-content .link-url a { padding: 0 15px; } .index-template .btn { padding: 0 10px; } #problock1-content, #problock2-content, #problock3-content { margin-bottom: 0; } } @media (max-width: 540px){ .browse_tags > li{ width: 99%; width: calc(100% - 5px); width: -moz-calc(100% - 5px); margin-left: 5px; text-align: left; } .browse_tags #sortButton{ margin-top: 50px; position: relative; } .browse_tags #BrowseBox{ left: auto; right: 0; } #sortButton .fa{ margin-top: -5px; position: absolute; top: 50%; right: 0px; } .collection-toolbar .show-per-page { margin-left: 0px !important; padding-top: 0; } #collection .collection-toolbar > .text-right{ width: calc(100% - 40px); width: -moz-calc(100% - 40px); } .collection-toolbar .grid_list, .collection-toolbar .show-per-page, .collection-toolbar .sortBy{ width: 100%; margin: 0; } #sortButton, #showButton{ width: 100%; text-align: left; } #sortButton .fa, #showButton .fa{ position: absolute; top: 50%; right: 0; font-size: 12px; } #sortButton .fa{ margin-top: -5px; } #showButton .fa{ margin-top: -10px; } } @media (max-width: 480px){ #sandBox .no_full_width { width: 100%; } .index-template .btn { padding: 0 27px; } .newsletter .newsletter-title { font-size: 30px; } .newsletter-input { width: 300px; } .newsletter-input button { font-size: 14px !important; } .collection-toolbar .show-per-page { width: 70%; } #sortButton span.name, #showButton span.name { padding-right: 15px; } #sortButton i.fa, #showButton i.fa { margin-right: 10px; } .collection-toolbar .show-per-page .dropdown-menu, .collection-toolbar .sortBy .dropdown-menu { right: 0; left: auto; } } @media (max-width: 420px){ .index-template .btn { padding: 0 12px; } } @media (max-width: 320px){ #footer-bottom .fb-left p { font-size: 10px; } .footer-links-block .footer-links.follow-us { padding-left: 10px; } .index-template .btn { padding: 0 40px; } .collection-toolbar { display: none; } } /*END RESPONSIVE*/ /*END PAGE COLLECTION*/ /*PAGE DETAIL*/ .product-detail-content > .container, .product-detail-content > .container > .col-md-12{ padding: 0; } .product-detail-content #product-image{ position: relative; min-height: 515px; padding-left: 0; } .product-detail-content #gallery-images{ position: absolute; top: 0; left: 0; width: 100px; z-index: 1; } .product-detail-content .bx-wrapper{ padding: 0; margin: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-detail-content .bx-wrapper .image{ margin-bottom: 10px; } .product-detail-content #featuted-image{ /* padding-left: 120px; */ z-index: 0; } #gallery-images .image a{ border-width:1px; border-style: solid; border-color: transparent; display: block; box-sizing: border-box; } #gallery-images .image.active a{ border-color: #eaeaea; position: relative; } #gallery-images .image.active a:after{ content:''; background: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .product-detail-content .title{ font-size: 30px; text-transform: none; font-family: Open Sans; margin-top: -3px; margin-bottom: 19px; color: #466184; } .product-detail-content .quick-overview{ font-size: 13px; font-weight: 600; margin-bottom: 4px; margin-top: 17px; text-transform: uppercase; } .product-detail-content .rating-star{ margin-top: 15px; } .product-detail-content .related-products .rating-star{ margin-top: 5px; } .product-detail-content .description{ margin-bottom: 10px; } .product-detail-content .bx-viewport{ min-height: 515px; } .product-detail-tag{ margin-bottom: 20px; } .spr-form input[type="text"],.spr-form input[type="email"] { line-height: 37px; padding-left: 10px; padding-right: 10px; border: 1px solid #eaeaea; } .spr-form textarea{ padding: 10px; border: 1px solid #eaeaea; } .spr-form .spr-form-actions .spr-button{ float: left; color: #000000; border-color: #000000; background-color: #ffffff; font-size: 12px !important; font-weight: 600; padding: 0 20px; height: 36px; } .spr-form .spr-form-actions .spr-button i{ color: #000000; } .spr-form .spr-form-actions .spr-button:hover{ color: #ffffff; border-color: #000000; background-color: #000000; } .spr-form .spr-form-actions .spr-button:hover i{ color: #ffffff; } /*Button thumb*/ #gallery-images-mobile{ position: relative; } #gallery-images-mobile .owl-prev, #gallery-images-mobile .owl-next, #gallery-images .bx-wrapper .bx-controls-direction a{ border: 2px solid #000000; color: #000000; top: 100%; text-indent: 0; text-align: center; width: 26px; height: 26px; margin-top: 15px; background-color: #fff; } #gallery-images-mobile .owl-prev i, #gallery-images-mobile .owl-next i, #gallery-images .bx-wrapper .bx-controls-direction a i{ font-size: 22px; margin: 0px; position: absolute; top: 50%; left: 50%; line-height: 8px; width: 14px; } #gallery-images-mobile .owl-prev i{ margin-top: -5px; margin-left: -8px; } #gallery-images-mobile .owl-next i{ margin-top: -5px; margin-left: -6px; } #gallery-images .bx-wrapper .bx-controls-direction a.bx-prev, #gallery-images .bx-wrapper .bx-controls-direction a.bx-next{ z-index: 0; } #gallery-images .bx-wrapper .bx-controls-direction a.bx-prev i{ margin-top: -4px; margin-left: -6.5px; z-index: 0; } #gallery-images .bx-wrapper .bx-controls-direction a.bx-next i{ margin-top: -6px; margin-left: -6.5px; z-index: 0; } #gallery-images-mobile .owl-prev, #gallery-images .bx-wrapper .bx-controls-direction a.bx-prev{left: 0; padding: 5px 4.5px; } #gallery-images-mobile .owl-next, #gallery-images .bx-wrapper .bx-controls-direction a.bx-next{right: 0; padding: 3.5px 4.6px;} #gallery-images-mobile .owl-prev, #gallery-images-mobile .owl-next{ position: absolute; top: 50%; margin-top: -10px; padding-top: 4px; padding-bottom: 3px; z-index: 0; } #gallery-images-mobile .owl-prev{ left: 0px; right: auto; padding-left: 4px; } #gallery-images-mobile .owl-next{ left: auto; right: 0px; padding-right: 2px; } #gallery-images-mobile .owl-next, #gallery-images-mobile .owl-prev{ padding-top: 4px; } @-moz-document url-prefix() { #gallery-images .bx-wrapper .bx-controls-direction a.bx-prev i{ margin-left: -7px; } #gallery-images .bx-wrapper .bx-controls-direction a.bx-next i{ margin-left: -7px; } } /*End button thumb*/ /*product-information*/ #product-information .purchase .money{ font-size: 40px; color: #000000; font-family: Open Sans; } /*RESPONSIVE*/ @media (max-width: 1199px){ .products .row-left, .realted-element .row-left, .new-arrival .owl-item .row-left{ margin-bottom: 0; } .product-detail-content > .container{ padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px){ .product-detail-content #product-image{ padding-right: 0; } } @media (max-width: 767px){ .product-detail-content #featuted-image { padding-left: 0; } .product-detail-content #featuted-image { margin-bottom: 20px; } #gallery-images-mobile{ margin-left: -10px; margin-right: -10px; } #gallery-images-mobile .owl-item .image{ margin: 0 10px; } } @media (max-width: 640px){ #gallery-images-mobile .owl-prev{ left: 10px; } #gallery-images-mobile .owl-next{ right: 10px; } h2.cp22 { font-size: 20px!important; } h3.cp21 { font-size: 14px!important; } } /*END RESPONSIVE*/ /*TAB INFORMATION*/ #tabs-information{ margin-top: 65px; padding: 0; border: 1px solid #eaeaea; } #tabs-information .tabs-title > ul > li > a{ font-size: 14px; text-transform:uppercase; color: #848484; font-family: Open Sans; font-weight: 600; } #tabs-information .tabs-title{ padding: 0; } #tabs-information .nav-tabs > li{ width: 100%; padding: 0; margin-bottom: 1px; background-color: rgba(0,0,0,0); border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } #tabs-information .nav-tabs > li::before { width: 0; } #tabs-information .tabs-title > ul > li.active{ background-color: #ffffff; border-right: 0; } #tabs-information .tabs-title > ul > li:last-child.active { border-bottom: 0; } #tabs-information .tabs-title > ul > li.active > a{ color: #000; } #tabs-information .new-arrival{ margin: 20px 5px; } .tab-content{ padding: 20px 0; } .spr-container{ border: 0 !important; padding: 0 !important; } #shopify-product-reviews{ margin-top: 0px !important; } #tabs-information .new-arrival #shopify-product-reviews .spr-header-title{ font-family: Open Sans; font-size: 16px; text-transform: uppercase; } #tabs-information .new-arrival #shopify-product-reviews .spr-summary-actions-newreview{ margin-right: 10px; } .spr-summary-actions-newreview, .spr-review-reportreview { color: #000; } #tabs-information h2{font-size: 16px; margin-top: 0; } .spr-form-review .spr-icon, .spr-review .spr-icon, .spr-summary .spr-icon{ font-size: 11px !important; color: #EECA5E; } #tabs-information .spr-form-title { height: 48px; line-height: 48px; background-color: #000; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; } #tabs-information .spr-form>form { border: 1px solid #ddd; padding: 0 20px 20px; } #tabs-information .spr-form-label { color: #000; font-weight: 500; } .spr-form-review .spr-icon{ line-height: 15px; } .spr-badge-starrating .spr-icon { font-size: 12px !important; } .index-template .spr-badge-starrating .spr-icon { font-size: 14px !important; } .product-detail-content .spr-badge-caption { display: none; } /*END TAB INFORMATION*/ /*quickview*/ .modal{ z-index: 99999; } #quick-shop-product-actions .btn{ margin-bottom: 10px; } .modal-dialog{width: 37%; } .quick-shop #quick-shop-image{ position: relative; padding-left: 100px; } .quick-shop #gallery_main_qs{ width: 80px; position: absolute; top: 0px; left: 0px; } .quick-shop .bx-wrapper{ border: 0; box-shadow: none; } #quick-shop-title a{ color: #466184; font-size: 30px; text-transform: none; } .quick-shop .modal-header{ border-bottom: 0; padding:0; position: relative; } .quick-shop .modal-header .close { position: absolute; left: 100%; top: 0px; color: #fff; border: 2px solid #fff; opacity: 1; margin-top: 0; width: 31px; height: 31px; text-align: center; padding: 5px 0; margin-left: 10px; } .quick-shop .image-thumb{ display: block; margin-bottom: 10px; } .quick-shop .image-thumb.active{ position: relative; } .quick-shop .image-thumb.active:after{ position: absolute; content: ''; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .quick-shop .bx-viewport{height: 420px !important; } .quick-shop #quick-shop-title{ margin-top: 0; } .quick-shop .modal-content{ padding-bottom: 35px; border-radius: 0; } /* quickview Button thumb*/ .quick-shop .bx-wrapper .bx-controls-direction a.disabled{ display: none; } .quick-shop .bx-wrapper .bx-controls-direction a{ border: 2px solid #000000; color: #000000; top: 100%; text-indent: 0; text-align: center; width: 26px; height: 26px; margin-top: 10px; position: absolute; } .quick-shop .bx-wrapper .bx-controls-direction a i{ font-size: 22px; line-height: 7px; } .quick-shop .bx-wrapper .bx-controls-direction a.bx-prev{left: 0; padding: 5px 3.5px;} .quick-shop .bx-wrapper .bx-controls-direction a.bx-next{right: 0; padding: 3px 3px; } @-moz-document url-prefix() { .quick-shop .bx-wrapper .bx-controls-direction a.bx-prev{padding: 4px 4px;} .quick-shop .bx-wrapper .bx-controls-direction a.bx-next{padding: 2px 3px;} } /*End quickview button thumb*/ /*End quickview*/ /*RESPONSIVE*/ @media (max-width: 1199px){ .product-detail-content { margin-bottom: 20px; } ul.quickview-wishlist-wrapper { margin-bottom: 10px; } .realted-element .effect-ajax-cart button.btn { font-size: 10px !important; } .realted-element .quickview-wishlist-wrapper { display: inline-block; *display: inline; zoom: 1; } } @media (max-width: 991px){ #product-information{ padding: 0; } .product-detail-content .title{ margin: 20px 0; } #tabs-information .nav-tabs > li{ border-right: 0; } .related-products .btn-1 { padding-left: 3px; padding-right: 3px; } .related-products .btn.add-to-cart { padding: 0 11px; } } @media (max-width: 768px){ .realted-element .effect-ajax-cart button.btn { font-size: 14px !important; } .related-products .btn-1 { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px){ .product-detail-content .rating-star { margin-bottom: 20px; margin-top: 20px; } } @media (max-width: 667px){ .realted-element .effect-ajax-cart button.btn { font-size: 11px !important; } .related-products .btn-1 { padding-left: 13px; padding-right: 13px; } } /*END RESPONSIVE*/ /*END PAGE DETAIL*/ /*QUICK SHOP*/ .quick_shop a{ cursor: pointer; text-transform: uppercase; } .new-arrival .quick_shop a{ background-color: transparent; } .no_full_width .list-mode-description{ display: none; } /*END QUICK SHOP*/ /*BLOCK BREADCRUMB*/ .title-breadcrumb{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bg-breadcrumb.jpg?v=21919975024025780101563733968); background-repeat: no-repeat; width: 100%; min-height: 430px; margin-bottom: 60px; position: relative; display: table; table-layout: fixed; background-position: center; background-size: cover; } .collection-listing-title h2.collection-title { text-align: left; font-size: 60px; left: 14%; position: relative; } .title-breadcrumb.abt-us { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/about-us2.gif?v=1673287013); } .title-breadcrumb.teas.m-b { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/t/15/assets/teas2-min.png?2177); } .title-breadcrumb.blo { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/blog_Banner.jpg?v=1673294489); } .title-breadcrumb.cllctn { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/bestsellers2-min.png?2192); } .title-breadcrumb.cntact { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/contact_us2-min.png?2192); } .title-breadcrumb.corpo { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/corp_enq2-min.png?2192); } .title-breadcrumb.fq { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/faq-banner.jpg?v=1673294776); } .title-breadcrumb.h-c { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/hotel2-min.png?2192); } .title-breadcrumb.str { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/stores2-min.png?2192); } .title-breadcrumb.tm { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Team_banner.jpg?v=1673293484); } .title-breadcrumb.infu { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/infused-new-banner-resized.jpg?2289); } .title-breadcrumb.gft { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Shop-Gifts-min2.jpg?2224); } .title-breadcrumb.tware { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Shop-Teaware-min2.jpg?2224); } .title-breadcrumb.gfting { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Shop-Gifts-min2.jpg?2268); } .title-breadcrumb.dwali19 { background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/banner_diwali.jpg?v=1600462185); margin-bottom: 0px; } .title-breadcrumb.dwali19 .page-listing-title { display: none; } .title-breadcrumb > .container{ padding: 0; display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .title-breadcrumb.kdr { background-image:none; } .team--grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .title-breadcrumb > .containerkadha{ padding: 0; display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .title-breadcrumb .container > .col-md-12{ padding: 0; width: 100%; height: 100%; text-align: center; } /*Fix firefox*/ @-moz-document url-prefix() { .title-breadcrumb{ height: 291px; } .title-breadcrumb > .container { padding: 120px 0; } } .title-breadcrumb h2{ color: #ffffff; margin: 0 0 5px; font-size: 40px; line-height: 50px; font-weight: 700!important; } .breadcrumb{ text-align: center; background-color: transparent; padding: 0; margin: 0; width: 100%; } .greyBG{ background-color:#e2e2e2!important; } .onlineshop-grid { display: grid; grid-template-columns: 25% 25%; justify-content: center; margin: 6rem 0 0; } .green--text{ color:#0c683f!important; } .abbt-title{ color: #0c683f; font-weight: 600!important; font-size: 40px; margin-bottom: 55px!important; } h4.text-center.color-black.font-18.m-t-20 { color: #000; font-weight: 600!important; } .breadcrumb *{ color:#ffffff; font-size: 16px; font-weight: 500; text-transform: uppercase; } .breadcrumb span:hover { color:#cccccc; } .breadcrumb span i.fa{ margin: 0 10px; } /*RESPONSIVE*/ @media(max-width: 600px){ .realted-element .effect-ajax-cart button.btn { font-size: 10px !important; } .related-products .btn-1 { padding-left: 6px; padding-right: 6px; } /* .title-breadcrumb h2 { font-size: 30px; line-height: 30px; } */ } @media(max-width: 480px){ .realted-element .effect-ajax-cart button.btn { font-size: 13px !important; } } @media(max-width: 420px){ .realted-element .effect-ajax-cart button.btn { font-size: 10px !important; } .title-breadcrumb .breadcrumb_wrapper .breadcrumb { line-height: 35px; } .product-detail-content #product-image { min-height: 350px; } .color.swatch .header, .swatch .header, .quantity-wrapper label { width: 65px; } .realted-element { margin-bottom: 1px; } } @media(max-width: 320px){ .realted-element .effect-ajax-cart button.btn { font-size: 20px !important; } } /*END RESPONSIVE*/ /*END BREADCRUMB*/ .price, .price_sale{ line-height: 1.55em; color: #000000; font-family: Open Sans; } .featured-product .price, .featured-product .price_sale, .featured-product .product-price, .element .price, .element .price_sale, .element .product-price, .realted-element .price, .realted-element .price_sale, .realted-element .product-price { font-family: Open Sans; } .price_sale{ margin-right: 2px; } .price_compare{ line-height: 23px; color: #000000; } /*---------------------------------- END CONTENT -----------------------------------*/ /*----------------------------------- COL LEFT ------------------------------------*/ /*logo*/ .logo-menu-wrapper{ float: left; height: 130px; line-height: 130px; } .logo{ text-align: center; } .nav-logo{ height: 90px; line-height: 130px; } /*End logo*/ @media (max-width: 1199px){ .affix .right-links-blocks{ padding-right: 115px !important; } header.affix #cart-target{ right: 30px; } header .logo img, header, header .top-blocks, header .header-content, header .right-links-blocks .right-links-inner, header .right-links-blocks nav.main { transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } } @media (max-width: 991px){ .logo-menu-wrapper{ padding-left: 0px; width: 100%; } .nav-logo { margin-top: 10px; } .right-links-blocks { width: 100%; padding-right: 0 !important; } .nav-menu ul{ margin-right: 0 !important; } .header-content { height: auto; } } @media (min-width: 768px) and (max-width: 991px){ .right-links-blocks ul > li{ float: none; display: inline-block; *display: inline; zoom: 1; } .nav-menu ul.navbar-nav{ width: 100%; text-align: center; } } /*SHOP BY COLLECTION*/ .shopby-icon{ width: 30px; height: 30px; display: block; float: left; background-position: center center; background-repeat: no-repeat; } .shopby-title{ padding-left: 30px; padding-bottom: 16px; font-size: 13px; color: #595b5c; text-transform: uppercase; border-bottom: 1px solid #ffffff; font-family: Open Sans; } .shopby-icon.icon-1{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-01.png?5716); } .shopby-icon.icon-2{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-02.png?5716); } .shopby-icon.icon-3{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-03.png?5716); } .shopby-icon.icon-4{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-04.png?5716); } .shopby-icon.icon-5{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-05.png?5716); } .shopby-icon.icon-6{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-06.png?5716); } .shopby-icon.icon-7{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-07.png?5716); } .shopby-icon.icon-8{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-08.png?5716); } .shopby-icon.icon-9{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/shopby-icon-09.png?5716); } .shopy-content .shopby-collection-link a{ height: 30px; line-height: 30px; margin-left: 15px; font-weight: bold; } .shopy-content li{ width: 100%; padding: 7px 0px 7px 30px; float: left; padding-left: 30px; border-bottom: 1px solid #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .shopy-content li.no-icons{ } .shopy-content li:hover .shopby-icon{ -ms-transform: scale(0.8); /* IE 9 */ -webkit-transform: scale(0.8); /* Chrome, Safari, Opera */ transform: scale(0.8); } .shopy-content li a{ color: #000000; } .shopy-content li a:hover{ color: #b2b2b2; text-shadow: -1px 0px 1px #b2b2b2; } /*END SHOPY COLLECTION*/ /*navigation*/ .nav > li > a:focus, .nav > li > a:hover{ background-color: transparent; } .list-title{ text-transform: uppercase; font-size: 20px; border-bottom: 0 !important; font-family: Open Sans; } .nav > li > .dropdown-menu{ padding-left: 20px; padding-right: 20px; } .nav-menu ul{ list-style: none; margin-right: -24px; } .nav-menu ul.navbar-nav > li{ margin-left: 15px; margin-right: 15px; } .nav-menu ul.navbar-nav > li > a{ font-size: 14px; text-transform: uppercase; color: #000000; padding-left: 0; padding-right: 0; line-height: 105px; padding-top: 0; padding-bottom: 0; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -o-transition: ease all 0.4s; -moz-transition: ease all 0.4s; } .nav-menu ul.navbar-nav > li > a i.fa { padding-left: 5px; } .nav-menu ul.navbar-nav > li.active > a, .nav-menu ul.navbar-nav > li > a:focus, .nav-menu ul.navbar-nav > li > a:hover{ color: #b2b2b2; background-color: transparent !important; } .nav-menu ul.navbar-nav > li.active > a i.fa, .nav-menu ul.navbar-nav > li:hover > a, .nav-menu ul.navbar-nav > li:hover > a i.fa, .nav-menu ul.navbar-nav > li:hover > a span, .nav-menu ul.navbar-nav > li.active > a span, .nav-menu ul.navbar-nav > li > a:focus span, .nav-menu ul.navbar-nav > li > a:hover span{ color: #b2b2b2; } .nav-menu nav.mobile { display: none; } .navigation .dropdown-menu{ padding: 0 !important; border: 0; } .navigation > .dropdown-menu{ padding-top: 10px !important; right: auto !important; left: 0 !important; } .navigation > .dropdown-menu .list-title{ padding-bottom: 10px; } .navigation .dropdown-menu li{ width: 100%; text-align: left; padding: 0 20px; line-height: 1.5em; } .navigation .dropdown-menu li i.fa{ float: right; color: #466184; margin-top: 3px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -webkit-transform:rotate(-90deg); /* Safari and Chrome */ } .navigation .dropdown-menu li a{ padding: 10px 0; border-top: 1px solid #f2f2f2; border-top: 1px solid rgba(0,0,0,0.1); float: left; width: 100%; display: block; } .navigation .dropdown-menu li a > span{ float: left; } .navigation .dropdown-menu li a:hover, .navigation .dropdown-menu li a:focus{ background-color: transparent; } .sub-mega-menu li, .sub-mega-menu a, .navigation .dropdown-menu li, .navigation .dropdown-menu li span, .navigation .dropdown-menu a{ color: #466184; font-weight: 500; } .sub-mega-menu span:hover, .sub-mega-menu a:hover, .navigation .dropdown-menu li a:hover span, .navigation .dropdown-menu a:hover{ font-weight: 500; color: #cccccc; } .navigation .dropdown-menu li > .dropdown-menu{ left: 100% !important; margin-left: 5px !important; top: 0; -ms-transform: scale(1,0); /* IE 9 */ -webkit-transform: scale(1,0); /* Chrome, Safari, Opera */ transform: scale(1,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .navigation .dropdown-menu li:hover > .dropdown-menu{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } .navigation .dropdown-menu li .dropdown-menu li:first-child a{ border-top: 0; } .navigation .dropdown-menu .dropdown .sub-dropdown{ padding-right: 30px; padding-left: 0px; padding-bottom: 0px; left: 0; right: auto; } .mega-menu .megamenu-container-1.col-2{ left: 0; right: auto; padding-left: 0; padding-right: 0; padding-bottom: 100px; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/mega-bg-01.jpg?5716); background-repeat: no-repeat; background-position: left bottom; background-size: 100%; } /*RESPONSIVE SUBMENU*/ @media (max-width: 991px){ .navigation > .dropdown-menu{ right: 0px !important; } .navigation .dropdown-menu li{ text-align: left; } .navigation .dropdown-menu li i.fa{ float: right; } .navigation > .dropdown-menu li > .dropdown-menu{ left: calc(100% + 5px); right: auto; } .navigation .dropdown-menu .dropdown .sub-dropdown{ padding-left: 0px; padding-right: 30px; right: auto; left: 0; } .navigation .dropdown-menu li i.fa{ transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -webkit-transform:rotate(-90deg); } .mega-menu .megamenu-container-1.col-2{ left: 0; right: auto; } .megamenu-container-1 ul.sub-mega-menu > li ul li{ text-align: left !important; } } /*END RESPONSIVE SUBMENU*/ .mega-menu .megamenu-container-1.col-2{ width: 350px; border: 0; } .megamenu-container-1 ul.sub-mega-menu > li ul li, .mega-menu a{ color: #466184; font-weight: 500; } .mega-menu .megamenu-container-1 ul.sub-mega-menu{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .mega-menu .megamenu-container-1 ul.sub-mega-menu > li{ float: left; width: 50%; } .mega-menu .megamenu-container-1 ul.sub-mega-menu > li > ul{ margin-left: 20px; margin-right: 20px; } .mega-menu .megamenu-container-1 ul.sub-mega-menu{ margin-right: 0; } .megamenu-container-1 ul.sub-mega-menu > li ul li{ border-bottom: 1px solid #e9e9e9; padding: 10px 0 !important; width: 100%; text-align: left; } .megamenu-container-1 ul.sub-mega-menu > li ul li:last-child{ border-bottom: 0; } .list-title { text-transform: uppercase; font-size: 20px; border-bottom: 0 !important; font-family: Oswald; } /* This will work for firefox */ @-moz-document url-prefix() { } /*End navigation*/ /*RESPONSIVE*/ @media (max-width: 991px){ header#top{ position: static; } .nav-logo { margin-top: 25px; } .right-links-blocks, .right-links-blocks .right-links-inner, .right-links-blocks nav.main { height: 80px; line-height: 80px; } .nav-menu ul.navbar-nav > li > a { line-height: 80px; } .inner-mask .owl-next, .inner-mask .owl-prev, .related-products-items .owl-next, .related-products-items .owl-prev, .new-arrival .owl-buttons .owl-next, .new-arrival .owl-buttons .owl-prev{ margin-top: -114px; } .mega-menu .megamenu-container-1 ul.sub-mega-menu > li > ul{ padding-left: 20px; padding-right: 20px; margin: 0; } } @media (min-width: 768px){ #is-mobile-nav-menu{ display: none; } .navbar-nav{ float: right; } header .top-left > ul li.header-login { z-index: 999; } .num-items-in-cart span.icon { margin-top: 2px; } .num-items-in-cart span.icon { line-height: 14px; } } @media (max-width: 767px){ header *{ z-index: 9; } .is-mobile-login .customer.dropdown-menu, .currencies.dropdown-menu{ border-radius: 0; left: auto; right: -18px; } .is-mobile-login .customer.dropdown-menu{ padding: 5px; margin-top: 10px; } .currencies.dropdown-menu{ padding: 2px; margin-top: 10px; } .is-mobile-login .customer.dropdown-menu li{ width: 100%; text-align: center; } .is-mobile-login .customer.dropdown-menu li a:hover{ background-color: transparent; color: #cccccc; } .is-mobile-login .customer.dropdown-menu li a{ text-transform: uppercase; padding: 10px; border-bottom: 1px solid #eaeaea; } .is-mobile-login .customer.dropdown-menu li:last-child a{ border-bottom: 0; } .logo{ padding: 20px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .logo img{ } .mobile-top-navigation{ width: 100%; margin-top: 30px; margin-bottom: 10px; } .mobile-top-navigation > ul{ margin-bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .mobile-top-navigation > ul > li{ margin: 0 15px; position: relative; } li.is-mobile-cart .number { color: #fff; } .mobile-top-navigation > ul > li:after{ content: ""; position: absolute; top: 50%; right: -20px; height: 10px; width: 1px; background-color: #FFF; margin-top: -5px; } .mobile-top-navigation > ul > li:last-child::after{ width: 0; } .num-items-in-cart{ margin-top: -6px; } .is-mobile-login .btn-group { padding: 7px 0; } .mobile-top-navigation i.fa{ color: #000; cursor: pointer; line-height:20px; font-size: 18px; } .currency.btn-group:hover a span, .currency.btn-group:hover i { color: #ccc; } .mobile-top-navigation .currency_code.visible-xs{ display: inline-block !important; *display: inline !important; zoom: 1 !important; color: #000; } .currency.btn-group:hover{ background-color: transparent; } .currency.btn-group > a:hover i.fa, .currency.btn-group > a span:hover{ color: #cccccc !important; } .nav-logo { display: block !important; } /*navigation*/ .nav-logo{ margin-top: 15px; } .right-links-blocks { margin-top: 0px; } .navbar-nav{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 0; overflow-y: hidden; } .leftnavi-open .navbar-nav{ min-height: 205px; height: auto; overflow-y: auto; } .right-links-blocks, .right-links-blocks .right-links-inner, .right-links-blocks nav.main { height: auto; } .leftnavi-open .navbar-nav::-webkit-scrollbar { display: none; } .is-mobile-nav-menu ul.nav{ margin-left: 0; margin-right: 0; float: left; width: 100%; } ul.nav li a{ font-weight: 500; font-size: 13px; text-transform: uppercase; color: #D2D2D2; } .is-mobile-nav-menu ul.navbar-nav > li{ width: 100%; padding: 0 30px; margin: 0; background-color: #000; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mobile-top-navigation{ position: relative; } #showLeftPush{ border: 1px solid #000; background-color: transparent; position: absolute; width: 20px; height: 20px; margin-top: 4px; left: 30px; } #showLeftPush i.fa{ color: #000; position: absolute; height: 25px; width: 25px; top: 50%; margin-top: -10px; font-size: 14px; text-align: center; left: 50%; margin-left: -12px; } .right-links-blocks ul li .currency { padding: 8px 0px; } .num-items-in-cart{ margin-top: 5px; position: relative; width: 16px; line-height: 17px; height: 20px; background-size: 100% auto; background-repeat: no-repeat; } .num-items-in-cart .icon{ position: absolute; top: 0px; } .nav-menu ul.navbar-nav > li > a{ color: #b2b2b2; } .nav-menu ul.navbar-nav > li > a { line-height: 50px; } #showLeftPush { left: 0; right: auto; margin-left: 10px; } .mobile-top-navigation > ul { float: right; } header .top-right { margin-right: 10px; } .num-items-in-cart span.icon { margin-top: -7px; } .num-items-in-cart span.icon { line-height: 14px; } header .top-left > ul li.header-login { z-index: 999; } } @media (max-width: 480px){ header#top{ height: auto; } .header-search form input.search_box{ width: 100%; } .header-search form{ margin-bottom: 12px; } .is-mobile-login .customer.dropdown-menu li a { font-size: 10px; } } @media (max-width: 420px){ header .top-blocks * { font-size: 11px; } } @media (max-width: 320px){ header .header-search form.search { width: 100px; } header .top-right > ul li.wrapper-search { margin-right: 0; } #cart-target { padding-left: 10px; } } /*END RESPONSIVE*/ /*--------------------------------- END COL LEFT -----------------------------------*/ /*SLIDER*/ #home-slideshow .slides{ margin-bottom: 0px; } .home-slideshow-wrapper{ width: 100%; margin-bottom: 30px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .home-slideshow{ position: relative; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { position: absolute; bottom: 0; left: 0; margin-left: calc((100% - 1170px) /2); text-transform: uppercase; } .caption01-text-3, .caption02-text-3, .caption03-text-3 { position: absolute; bottom: 0; right: 0; margin-right: calc((100% - 1170px) /2); text-transform: uppercase; text-align: right; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5{ /* font-family: Open Sans; */ margin-bottom: 410px; font-size: 78px; font-weight: 400; letter-spacing: 3px; } .caption01-text-1 span, .caption01-text-2 span, .caption01-text-3 span, .caption01-text-4 span, .caption01-text-5 span{ letter-spacing: 4px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5{ margin-bottom: 310px; font-size: 30px; font-weight: 400; letter-spacing: 1px; font-family: OpenSans; } .caption02-text-1 span.cap2, .caption02-text-2 span.cap2, .caption02-text-3 span.cap2, .caption02-text-4 span.cap2, .caption02-text-5 span.cap2 { display: block; font-size: 24px; padding-top: 30px; font-weight: 300; } .caption02-text-1 span.cap2 .sale-off, .caption02-text-2 span.cap2 .sale-off, .caption02-text-3 span.cap2 .sale-off, .caption02-text-4 span.cap2 .sale-off, .caption02-text-5 span.cap2 .sale-off { font-family: Open Sans; font-size: 40px; font-weight: 400; } .caption02-text-3{ margin-top: 115px; } /*------------*/ .caption02-text-2 span{ position: relative; } .caption03-text-5, .caption03-text-4, .caption03-text-1, .caption03-text-2, .caption03-text-3{ text-align: center; } .caption03-text-1 span, .caption03-text-2 span, .caption03-text-3 span, .caption03-text-4 span, .caption03-text-5 span{ margin-bottom: 125px; height: 50px; line-height: 45px; width: 240px !important; text-align: center; left: 50% !important; background-color: transparent; border: 2px solid #000; font-size: 24px; font-weight:600; text-align: center; color: #000 !important; cursor: pointer; display: inline-block; *display: inline; zoom: 1; } .jemiz-active-slide .caption-text.caption03-text-1 span:hover, .jemiz-active-slide .caption-text.caption03-text-2 span:hover, .jemiz-active-slide .caption-text.caption03-text-3 span:hover, .jemiz-active-slide .caption-text.caption03-text-4 span:hover, .jemiz-active-slide .caption-text.caption03-text-5 span:hover{ color: #fff!important; background-color: #466184; } /*======================*/ .home-slideshow .jemiz-control-nav{ position: absolute; z-index: 2; bottom: 0; padding-left: 0; width: 300px; left: 50%; margin-left: -150px; margin-bottom: 20px; text-align: center; } .home-slideshow .jemiz-direction-nav { margin: 0; } .home-slideshow .jemiz-control-nav li{ display: inline-block; *display: inline; zoom: 1; margin: 0 6px; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev, .home-slideshow .jemiz-direction-nav .jemiz-nav-next { position: absolute; top: 50%; margin-top: -62px; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev { left: 0; width: 70px; height: 125px; z-index: 2; line-height: 150px; text-align: center; background: #fff; } .home-slideshow .jemiz-direction-nav .jemiz-nav-next { right: 0; width: 70px; height: 125px; z-index: 2; line-height: 150px; text-align: center; background: #fff; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev a, .home-slideshow .jemiz-direction-nav .jemiz-nav-next a { width: 20px; height: 34px; display: block; text-align: center; margin: 45px auto; vertical-align: middle; transition: ease 0.5s all; -oz-transition: ease 0.5s all; -moz-transition: ease 0.5s all; -webkit-transition: ease 0.5s all; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev a { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/icon_pre.png?v=110163679374542291621563735457); background-position: 0 0; } .home-slideshow .jemiz-direction-nav .jemiz-nav-next a { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/icon_next.png?v=52727859709320643091563735548); background-position: 0 0; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev:hover a, .home-slideshow .jemiz-direction-nav .jemiz-nav-next:hover a { background-position: 0 34px; } .home-slideshow .jemiz-direction-nav i.fa { display: none; } .jemiz-control-paging{ list-style: none; } .jemiz-control-paging li a{ color: transparent; width: 17px; height: 17px; margin: 10px 0; display: block; background-color: transparent; border-radius: 50%; border-color: #000; border-style: solid; border-width:2px; } .jemiz-control-paging li a:hover, .jemiz-control-paging li a.jemiz-active:hover, .jemiz-control-paging li a.jemiz-active{ background-color: #333333; cursor: pointer; } .jemiz-control-paging li a.jemiz-active:hover{ cursor: default; } /*RESPON*/ @media(min-width: 1200px){ .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5, .caption01-text-3, .caption02-text-3, .caption03-text-3{ bottom: 25%; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 215px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 340px; } #home-slideshow ul.slides > li img { height: 100%; width: 100%; } } @media(min-width: 1360px){ .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5, .caption01-text-3, .caption02-text-3, .caption03-text-3{ bottom: 11%; } } @media (max-width: 1199px){ .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 225px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 345px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 970px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 970px) / 2); } } @media (max-width: 1024px){ .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { font-size: 25px; margin-bottom: 205px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 305px; } .caption02-text-1 span.cap2, .caption02-text-2 span.cap2, .caption02-text-3 span.cap2, .caption02-text-4 span.cap2, .caption02-text-5 span.cap2 { padding-top: 15px; } } @media (max-width: 991px){ .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 760px) / 2); } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 755px) / 2); } } @media (max-width: 768px){ .caption03-text-1 span, .caption03-text-2 span, .caption03-text-3 span, .caption03-text-4 span, .caption03-text-5 span { margin-bottom: 60px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 135px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 235px; } .home-slideshow .jemiz-direction-nav { display: none; } } @media (max-width: 667px){ .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { font-size: 50px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { font-size: 20px; } .caption02-text-1 span.cap2 .sale-off, .caption02-text-2 span.cap2 .sale-off, .caption02-text-3 span.cap2 .sale-off, .caption02-text-4 span.cap2 .sale-off, .caption02-text-5 span.cap2 .sale-off { font-size: 30px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 650px) / 2); } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, caption02-text-5 { margin-bottom: 125px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 205px; } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 650px) / 2); } } @media (max-width: 640px){ .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { font-size: 35px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { font-size: 15px; } .caption02-text-1 span.cap2, .caption02-text-2 span.cap2, .caption02-text-3 span.cap2, .caption02-text-4 span.cap2, .caption02-text-5 span.cap2 { font-size: 15px; } .caption02-text-1 span.cap2 .sale-off, .caption02-text-2 span.cap2 .sale-off, .caption02-text-3 span.cap2 .sale-off, .caption02-text-4 span.cap2 .sale-off, .caption02-text-5 span.cap2 .sale-off { font-size: 20px; } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 620px) / 2); } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 620px) / 2); } } @media (max-width: 600px){ .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 170px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 115px; } .caption02-text-1 span.cap2, .caption02-text-2 span.cap2, .caption02-text-3 span.cap2, .caption02-text-4 span.cap2, .caption02-text-5 span.cap2 { padding-top: 3px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 580px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 580px) / 2); } } @media (max-width: 580px){ .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 550px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 550px) / 2); } } @media (max-width: 480px){ .caption03-text-1 span, .caption03-text-2 span, .caption03-text-3 span, .caption03-text-4 span, .caption03-text-5 span { margin-bottom: 25px; } .caption03-text-1 span, .caption03-text-2 span, .caption03-text-3 span, .caption03-text-4 span, .caption03-text-5 span { font-size: 14px; width: 140px !important; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 85px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 145px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 450px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 450px) / 2); } } @media (max-width: 420px){ .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { font-size: 25px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { font-size: 12px; } .caption02-text-1 span.cap2 .sale-off, .caption02-text-2 span.cap2 .sale-off, .caption02-text-3 span.cap2 .sale-off, .caption02-text-4 span.cap2 .sale-off, .caption02-text-5 span.cap2 .sale-off { font-size: 15px; } .caption03-text-1 span, .caption03-text-2 span, .caption03-text-3 span, .caption03-text-4 span, .caption03-text-5 span { font-size: 12px; width: 100px !important; height: 36px; line-height: 30px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 400px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 400px) / 2); } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 70px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 120px; } } @media (max-width: 320px){ .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { font-size: 15px; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { font-size: 10px; } .caption02-text-1 span.cap2, .caption02-text-2 span.cap2, .caption02-text-3 span.cap2, .caption02-text-4 span.cap2, .caption02-text-5 span.cap2 { font-size: 10px; line-height: 10px; } .home-slideshow .jemiz-control-nav { margin-bottom: 0; } .caption02-text-1, .caption02-text-2, .caption02-text-3, .caption02-text-4, .caption02-text-5 { margin-bottom: 70px; } .caption01-text-1, .caption01-text-2, .caption01-text-3, .caption01-text-4, .caption01-text-5 { margin-bottom: 100px; } .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5 { margin-left: calc((100% - 300px) / 2); } .caption01-text-3, .caption02-text-3, .caption03-text-3 { margin-right: calc((100% - 300px) / 2); } } /*END RESPON*/ /*END SLIDESHOW*/ /*GROUP CONTENT CENTER*/ .group-content-center{ width: 100%; float: left; } .group-content-center .saleoff-hotnew{ margin-left: -30px; margin-right: -30px; margin-bottom: 95px; } .group-content-center .saleoff-hotnew:after{ content:''; display:block; clear: both; } .group-content-center .saleoff-hotnew .saleoff .view-more{ text-align: right; padding: 10px 20px; background-color: #f6f6f6; font-size: 12px; text-transform: uppercase; font-weight: bold; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .group-content-center .saleoff-hotnew .saleoff .view-more a{ color: #466184; } .group-content-center .saleoff-hotnew .saleoff .view-more a:hover{ color: #cccccc; } .group-content-center .saleoff-hotnew .saleoff .view-more a i{ margin-left: 7px; } .group-content-center .group-button form, .element .group-button form { display: inline-block; float: left; } .group-content-center .group-button ul.quickview-wishlist-wrapper, .element .group-button ul.quickview-wishlist-wrapper { display: inline-block; height: 37px; line-height: 37px; margin: 0; } .element.full_width .group-button ul.quickview-wishlist-wrapper { margin: 0 0 0 3px; } .index-template .group-content-center .group-button ul.quickview-wishlist-wrapper, .index-template .element .group-button ul.quickview-wishlist-wrapper { margin: 0 0 0 3px; height: 50px; line-height: 50px; } .index-template .group-content-center .group-button ul.quickview-wishlist-wrapper button.btn, .index-template .element .group-button ul.quickview-wishlist-wrapper button.btn { padding: 0; margin-top: 0; margin-left: 1px; } .index-template #bottom-content .group-button ul.quickview-wishlist-wrapper button.btn { margin-left: 0; } .index-template .group-content-center .group-button ul.quickview-wishlist-wrapper button.btn i.fa, .index-template .element .group-button ul.quickview-wishlist-wrapper button.btn i.fa { margin: 0; } ul.quickview-wishlist-wrapper > li { vertical-align: top; } /*END GROUP CONTENT CENTER*/ @media (max-width: 1199px){ .group-content-center .saleoff-hotnew{ margin-left: 0; margin-right: 0; } } @media (max-width: 991px){ .index-template .group-content-center .group-button ul.quickview-wishlist-wrapper, .index-template .element .group-button ul.quickview-wishlist-wrapper { height: 40px; line-height: 40px; } } /*POPUP NEWLETTER*/ #newsletter-popup{ padding-right: 0px !important; text-align: center; color: #466184; } /* #newsletter-popup .nl-wraper-popup{ width: 730px; padding-right: 280px; padding-left: 50px; padding-top: 38px; padding-bottom: 60px; height: 370px; margin: 0px auto; background-color: #ECEAEB; position: absolute; top: 50%; left: 50%; margin-left: -365px; margin-top: -185px; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/paypal_popup-01-01_1.jpg?5716); background-position: 0 0; background-repeat: none; } */ /* #newsletter-popup .nl-wraper-popup { width: 641px; padding-right: 280px; padding-left: 50px; padding-top: 38px; padding-bottom: 60px; height: 481px; margin: 0px auto; position: absolute; top: 42%; left: 50%; margin-left: -365px; margin-top: -185px; background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Navratri_Post_1200x1200-02.jpg?v=1570189454); background-position: 0 0 !important; background-repeat: no-repeat; } #newsletter-popup .nl-wraper-popup { width: 480px; padding-right: 280px; padding-left: 50px; padding-top: 38px; padding-bottom: 60px; height: 320px; margin: 0px auto; position: absolute; top: 60%; left: 55%; margin-left: -365px; margin-top: -185px; background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/1-01.jpg?v=1576338583); background-position: 0 0 !important; background-repeat: no-repeat; } */ #newsletter-popup .nl-wraper-popup { width: 800px; height: 550px; margin: 0px auto; position: absolute; top: 7%; left: 21%; /* background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/paypal_popup-01-01_1.jpg?v=1579967175); */ background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/POP-UP-COVID19.jpg?v=1584707258); background-position: 0 0 !important; background-repeat: no-repeat; } /* @media (max-width: 600px) { #newsletter-popup .nl-wraper-popup { width: 280px !important; height: 210px; top: 64%; background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/Navratri_Post-280x210.jpg?3112); } } */ @media (max-width: 600px) { /* #newsletter-popup .nl-wraper-popup { width: 300px !important; height: 199px; top: 50%; background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/1-01-mob.jpg?v=1576340609); } */ #newsletter-popup .nl-wraper-popup { height: 550px; margin: 0px auto !important; position: absolute; top: 32%; left: 10%; /* background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/paypal_popup-01-01-mob.jpg?v=1579968922); */ background-image: url(https://cdn.shopify.com/s/files/1/0507/0377/files/POP-UP-COVID19-mob.jpg?v=1584707613); background-position: 0 0 !important; background-repeat: no-repeat; } } #newsletter-popup .nl-popup-close{ position: absolute; right:0; top: 0; color: #fff; margin-right: -33px; cursor: pointer; } #newsletter-popup .nl-popup-close span{ display: block; width: 30px; height: 30px; border: 2px solid #fff; line-height: 22px; } #newsletter-popup form h4{ font-size: 40px; text-transform: uppercase; color: #466184; font-family: Open+Sans; position: relative; margin-bottom: 35px; } #newsletter-popup form .group_input{ position: relative; margin-bottom: 27px; } #newsletter-popup form .group_input input{ padding-right: 50px; height: 40px; border: 0; } #newsletter-popup form .group_input input::-webkit-input-placeholder { color: #466184; font-style: italic; font-size: 14px; } #newsletter-popup form .group_input input:-moz-placeholder { /* Firefox 18- */ color: #466184; font-style: italic; font-size: 14px; } #newsletter-popup form .group_input input::-moz-placeholder { /* Firefox 19+ */ color: #466184; font-style: italic; font-size: 14px; } #newsletter-popup form .group_input input:-ms-input-placeholder { color: #466184; font-style: italic; font-size: 14px; } #newsletter-popup form .group_input button{ position: absolute; right: 0; top: 0; width: 60px; height: 40px; border: 0; background-color: transparent; } #newsletter-popup form .group_input button i.fa{ font-size: 14px; } #newsletter-popup .tagline{ margin-bottom: 23px; line-height: 23px; width: 70%; margin-left: auto; margin-right: auto; } #newsletter-popup #popup-hide label{ font-weight: normal; } /*RESPONSIVE*/ @media (max-width: 1199px){ #newsletter-popup{ margin-left: 80px; } } @media (max-width: 991px){ #newsletter-popup .nl-wraper-popup{ width: 530px; margin-left: -265px; background-position: 0px 0px; background-position: -122px 0px; padding-right: 185px; } } @media (max-width: 767px){ #newsletter-popup{ margin-left: auto; } #newsletter-popup .nl-wraper-popup{ width: 80%; margin-left:-40%; } } @media (max-width: 600px){ #newsletter-popup .nl-wraper-popup{ padding-right: 50px; background-position: -175px 0px; } #newsletter-popup form h4{ font-size: 30px; } @media (max-width: 480px){ #newsletter-popup .nl-wraper-popup{ padding-left: 20px; padding-right: 20px; } } } /*END RESPONSIVE*/ /*END POPUP NEWLETTER*/ /*--------------------------- PAGE -----------------------------*/ .page{ margin-bottom: 30px !important; } #page > .container{ padding: 0; } #page > .container{ padding-left: 30px; padding-right: 30px; } #page > .container > .col-md-12{padding: 0; line-height: 1.55em; } #page .container { padding-left: 0; padding-right: 0; } /*CONTACT*/ .contacts-text{ margin-top: 49px; margin-bottom: 50px; } .contacts-text p{ line-height: 1.5em; } .page-with-contact-form .dash-line{ margin: 30px 0; } .page-with-contact-form{ margin-bottom: 60px; display: block; float: left; } .page-with-contact-form .left-block { padding-right: 50px; } .page-with-contact-form .right-block { padding-left: 50px; border-left: 1px solid #f1f1f1; } .page-with-contact-form h3 { font-weight: 600; position: relative; margin-top: 0; } .page-with-contact-form h3:before { position: absolute; content: ''; width: 70px; height: 2px; background: #000; bottom: 0; margin-bottom: -18px; } .contacts-links { padding-bottom: 65px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .contacts-links > li{width: 33.3%; text-align: center; border-right: 1px solid #eaeaea; } .contacts-links > li:last-child{border-right: 0;} .contact-form label{ width: 100%; margin-bottom: 10px; color: #000; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="telephone"], .contact-form textarea{ width: 85%; height: 30px; padding: 0 10px; border: 1px solid #eaeaea; margin-bottom: 13px; } .contacts-links > li p{ line-height: 1em; } .contacts-links > li h3{ margin-bottom: 16px; } .contacts-links > li img { margin-bottom: 3px; } .contact-form textarea{height: 100px; margin-bottom: 17px;} .contact-form input[type="submit"]{ width: 120px !important; height: 35px; border: none; background-color: #9dcdce; color: #fff; font-size: 14px !important; border-radius: 20px; } #contact_map_wrapper { width: 100%; float: left; } #contact_map_wrapper .map{ min-height: 620px; } .contact-info li { color: #000; font-weight: 600; padding-bottom: 15px; } .contact-info li i.fa { color: #a20000; padding-right: 40px; width: 15px; font-size: 18px; } #contactFormWrapper { display: block; width: 100%; margin-top: 50px; } #contactFormWrapper > div { padding-bottom: 15px; } #content-wrapper-parent.page-contact { padding-bottom: 0; } /*END CONTACT*/ /*RESPONSIVE*/ @media (max-width: 767px){ #content-wrapper-parent{ padding-top: 0; } #page{ margin-bottom: 30px; } .contacts-links li p{ font-size: 12px; } } @media (max-width: 600px){ .contacts-links > li { width: 100%; border-right: 0; margin-bottom: 15px; } .contact-form input[type="submit"] { width: 100%; } .contacts-text{ margin-bottom: 60px; } .contacts-links{ margin-bottom: 30px; } } /*END RESPONSIVE*/ /*--------------------------- END PAGE -----------------------------*/ /*--------------------------- PAGE LOGIN -----------------------------*/ #customer-login { position: relative; } #customer-login .container > .row{ padding-top: 83px; } #customer-login .alert-error-wrapper{ position: absolute; top: 0; left: 0; width: 100%; margin: -83px 0px 0; padding: 0 15px; } #content{ overflow: hidden; } #content #customer_login_guest, #content #customer_login{ float: left; margin-bottom: 100px; border: 1px solid #eaeaea; width: 100%; padding: 20px 20px 30px; } #content #customer-register h4{ background-color: #3f3f3f; color: #fff; font-weight: bold; padding: 15px 20px; margin-left: -20px; margin-right: -20px; margin-top: 0; margin-bottom: 20px; } #content #customer-register .note{ color: #466184; } #content #customer-register .note:hover{ color: #cccccc; } #content #customer-register label, #content #customer-login label{ width: 100%; padding: 0; display: block; font-weight: normal; text-align: left; font-size: 14px; font-family: Open Sans; color: #466184; margin-bottom: 8px; } #content #customer-login .txt-recover{ margin: 10px 0px 0 0px; line-height: 34px; color: #466184; } #content #customer-login .txt-recover:hover{ color: #cccccc; } #content #customer-register input.text, #content #customer-login input.text{ margin-bottom: 18px; height: 40px; width: 100%; border: 1px solid #eaeaea; padding: 10px; } #content #customer-login h4{ background-color: #3f3f3f; color: #fff; margin: 0; padding: 15px 20px; font-weight: bold; float: left; width: 100%; } #content #customer_login_guest .btn{ margin-top: 160px; } #content #customer-register form{ border: 1px solid #eaeaea; width: 60%; margin: 0 20% 135px; padding: 0 20px 20px 20px; float: left; } #recover-password{ margin-bottom: 100px; } #recover-password h4{ margin-bottom: 10px !important; } #recover-password .btn{ margin-right: 10px; } /*RESPONSIVE*/ @media (max-width: 1199px){ #customer-login > .container{ padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px){ #content #customer_login{ margin-bottom: 30px; } } @media (max-width: 767px){ #content #customer_login_guest{ margin-bottom: 30px; } #content #customer_login_guest .btn { margin-top: 10px; } } @media (max-width: 767px){ #content #customer-register form{ width: 100%; margin: 0 auto 30px auto!important; } } @media (max-width: 480px){ #content #customer-login .txt-recover{ margin-left: 0px; margin-right: 40px; } } @media (max-width: 320px){ #content #customer-register .action_bottom .btn{ width: 100%; margin-bottom: 10px; } } /*END RESPONSIVE*/ /*--------------------------- END PAGE LOGIN -----------------------------*/ /*------------------- PAGE BLOG --------------------*/ #blog > .container{ padding: 0; } #article { padding-left: 0; padding-right: 0; } .blog-content{ margin-bottom: 70px; } .blogs-item{ margin-bottom: 31px; } .blogs-item .title-area { display: block; float: left; width: 100%; } .article-comment-date{ float: left; } .article-comment-date, .blog-item-date{ font-size: 13px; color: #848484; } .blog-item-date, .blog-group{ width: 100%; float: left; } .blog-group-intro{ display: block; float: left; margin-top: 15px; } .blog-group .blog-item-image a { display: block; position: relative; } .blog-group .blog-item-image a:after, .blog-group .blog-item-image a:before { z-index: 1; content: ""; position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .blog-group .blog-item-image a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); } .blog-group .blog-item-image a:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); } .blog-group .blog-item-image a:hover:after, .blog-group .blog-item-image a:hover:before { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } .article-comment-date ul, .blog-item-date ul{ float: left; margin-bottom: 0; } .article-comment-date li, .blog-item-date li{ float: left; padding: 6px 10px; } .article-comment-date li:first-child { color: #000; text-transform: uppercase; font-weight: 600; padding-left: 0; } .article-comment-date li:last-child { font-weight: 600; padding-left: 25px; } .comments .article-comment-date i.fa { color: #000; padding-right: 5px; } .blog-item-date li:first-child { padding-left: 0; } .article-comment-date li:last-child, .blog-item-date li:last-child{ border: 0; } .blog-item-date i.fa{ margin-right: 3px; font-size: 13px; line-height: 17px; } .blog-item-date li i.fa { color: #000; } #article > .col-md-9.article{ padding-left: 0; } #article > .col-md-3{ padding-right: 0; } .article h4{ margin: 20px 0 1px; } .article h4 a{ color: #466184; font-weight: 500; line-height: 1.2em; font-size: 36px; } .article h4 a:hover{ color: #cccccc; } .article .tag-and-social-sharing{ width: 100%; float: left; padding-top: 14px; padding-bottom: 0px; display: none; } .article .article-content .quotes{ margin: 30px 0 20px; display: none; } .article .tag-and-social-sharing .article-tags{ float: left; width: 50%; padding-right: 10px; } .article .tag-and-social-sharing .article-tags a{ color: #466184; } .article .tag-and-social-sharing .article-tags a:hover{ color: #cccccc; } .article .tag-and-social-sharing .article-social{ float: right; width: 50%; } .article .tag-and-social-sharing .article-social .social-sharing a{ margin-top: 0; } .article .blog-item-intro p{ margin-bottom: 13px; line-height: 1.55em; } .article .blog-item-intro .readmore{ margin: 13px 0; } .article .blog-item-intro .readmore .btn { border: none; font-size: 13px !important; color: #a20000; padding: 0; } .article .blog-item-intro .readmore .btn i.fa { color: #a20000; } .article .blog-item-intro .readmore .btn:hover { border: none; background: none; } .blog-group.tg-social{ border-top: 0; padding-bottom: 15px; display: none; } .social-sharing .icon{ color: #fff; } /*blog detail*/ .tag-and-social-sharing h6{ display: inline; font-weight: bold; text-transform: uppercase; } .article-social h6{ float: left; margin-right: 10px; margin-top: 2px; } .article .post-action .btn { font-size: 13px !important; background-color: #b2b2b2; color: #fff; font-weight: 600; border: none; height: 26px; line-height: 26px !important; padding: 0 10px; transition: ease all 0.3s; -webkit-transition: ease all 0.3s; -o-transition: ease all 0.3s; -moz-transition: ease all 0.3s; } .article .post-action .btn:hover { background-color: #000; } .article .post-action .btn.btn-prev { margin-right: 1px; } .article .article-content { margin-top: 15px; } .blogs-item .title-area h4.blog-item-title { display: block; float: left; width: 70%; } .blogs-item .title-area .action { display: block; float: right; width: 30%; margin-top: 30px; } .blogs-item .title-area .action .post-action { display: block; float: right; } .article .btn-next{ float: right; } .article .btn-next .fa{ margin-left: 15px; } .article .btn-prev .fa{ margin-right: 15px; margin-left: 0; } .article .btn-prev{ float: left; } /*Comment*/ #comments { display: block; float: left; } .comment_form { display: block; float: left; margin-top: 30px; } .comment_form .success { height: 40px; line-height: 40px; background-color: #f1f1f1; padding: 0 20px; margin-bottom: 30px; } .comment_form .success i.fa { display: none; } .comment_form form{ float: left; border-top: 1px solid #cccccc; } .comment_form h4.comment-title{ color: #000; padding: 55px 0 20px; margin-top: 0; font-size: 24px; } .comment_form form .leave-cmt-content { width: 50%; } .comment_form form label, .comment_form form textarea, .comment_form form input[type="text"]{ width: 100%; float: left; } .comment_form form label{ font-weight: normal; margin-bottom: 11px; color: #000; } .comment_form form textarea, .comment_form form input[type="text"]{ border: 1px solid #eaeaea; padding: 10px; margin-bottom: 15px; } .comment_form form textarea{ height: 130px; } .comment_form form input[type="text"]{ line-height: 20px; height: 30px; } .comment_form form .btn{ margin-top: 15px; padding: 0 25px; height: 35px; line-height: 31px; font-weight: 600; } .comments .author{ display: none; } .comments h3.comment-title{ margin-bottom: 30px; text-align: center; position: relative; } .comments h3.comment-title:after, .comments h3.comment-title:before { position: absolute; content: ''; height: 1px; background-color: #e5e5e5; width: calc(50% - 90px); bottom: 3px; } .comments h3.comment-title:after { left: 0; } .comments h3.comment-title:before { right: 0; } .comments .comment { margin-bottom: 30px; } .comments .comment .article-comment { border: 1px solid #ececec; padding: 15px; position: relative; display: block; float: left; } .comments .comment .article-comment:before { background: #fff; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; content: ""; display: block; height: 10px; left: 10px; position: absolute; top: -5px; transform: rotate(45deg); width: 10px; } .comments .article-comment-content p{ line-height: 1.6em !important; margin: 0; font-weight: 600; } .comments .article-comment-date{ width: 100%; float: left; } .comments .comment:first-child .article-comment-date { margin-top: 20px; } .comments .comment .just-cmt { height: 40px; line-height: 40px; background-color: #f1f1f1; padding: 0 20px; margin-bottom: 20px; } /*End comment*/ /*sidebar*/ .sidebar .sb-item{ border: 1px solid #eaeaea; float: left; width: 100%; margin-bottom: 30px; border-top-color: #000; } .sidebar .sb-item.slidebar-banner{ border: 0; } .sidebar .sb-item h3{ padding: 0 15px; margin-top: 0; margin-bottom: 0; border-bottom:1px solid #eaeaea; font-size: 18px; font-weight: 600; height: 36px; line-height: 36px; } .sidebar .sb-item h6{ text-transform: uppercase; font-weight:600; padding: 21px 15px 2px; margin: 0; } .sidebar .sb-item .intro{ padding: 0 15px; line-height: 1.55em; font-weight: 400; } .sidebar .sb-item h6 a{ color: #466184; line-height: 1.55em; text-transform: capitalize; font-size: 16px; } .sidebar .article-comment-date, .sidebar .blog-item-date { font-size: 11px; } .sidebar .tags{ padding-left: 15px; margin: 20px 0; } .sidebar .tags li{ display: inline-block; *display: inline; zoom: 1; } .sidebar .tags li a{ margin: 0 0px 3px 0; font-weight: 500; border: 1px solid #eaeaea; padding: 1px 5px; display: inline-block; *display: inline; zoom: 1; } .sidebar .tags li.active a{ color: #cccccc; border-color: #cccccc; } .sidebar .slidebar-recentitem{ width: 100%; float: left; border-bottom: 1px solid #eaeaea; } .sidebar ul .slidebar-recentitem:last-child{ border-bottom: 0; } .sidebar .blog-item-date{ background-color: transparent; padding-left: 15px; margin-top: 0; margin-bottom: 15px; } .sidebar .blog-item-date li { padding: 0 10px 0 0; border-right: 0; position: relative; display: inline-block; *display: block; zoom: 1; } .sidebar .blog-item-date li:last-child::after{ width: 0 !important; } .sidebar .blog-item-date li:last-child{ padding: 0; } /*End sidebar*/ /*RESPONSIVE*/ @media (max-width:1199px){ .hotnew-content h4 { padding-left: 20px; } .hotnew-desc{ padding-left: 20px; } .saleoff-content .row-right{ padding-left: 20px !important; } .saleoff-content .row-right{ margin-top: 0; } #blog > .container{ padding-left: 30px; padding-right: 30px; } .article .tag-and-social-sharing, .article .article-content, .article .blog-item-intro{ padding-left: 20px; padding-right: 20px; } .article h4{ padding: 0 20px; } } @media (min-width:992px) and (max-width: 1199px){ .article-comment-date li, .blog-item-date li{ padding-left: 5px; padding-right: 5px; } .article-comment-date, .blog-item-date{ padding-left: 15px; } } @media (max-width: 991px){ .article-comment-date, .blog-item-date{ padding-left: 10px; } #article > .col-md-9.article{ padding-right: 0; } #article > .col-md-3{ padding-left: 0; } .article .post-action, .comment_form form{ margin-bottom: 30px; } .article h4{ padding: 0px 20px; } .article .tag-and-social-sharing, .article .article-content, .article .blog-item-intro{ padding-left: 20px; padding-right: 20px; } } @media (max-width: 768px){ #article > .col-md-3{ padding-left: 0; } #article > .col-md-9.article{ padding-right: 0; } } @media (max-width: 768px){ #article { padding-left: 10px; padding-right: 10px; } } @media (max-width: 480px){ .article-comment-date li, .blog-item-date li{ width: 100%; border-right: 0; } .article h4 a{ font-size:16px; } .article .tag-and-social-sharing .article-tags{ margin-bottom: 10px; } .article .tag-and-social-sharing .article-social, .article .tag-and-social-sharing .article-tags{ width: 100%; } .comment_form form .leave-cmt-content { width: 100%; } } /*END RESPONSIVE*/ /*-------------------- END PAGE BLOG ---------------------*/ /*SHOPPING CART*/ #cart .price{ font-family: Open Sans; font-size: 16px; color: #fff; } .wishlist-item .link a.title{ color: #466184; } .wishlist-item .link a.title:hover{ color: #cccccc; } .wishlist-item td.action{ text-align: center; } .wishlist-item td.action button{ background-color: #fff; border: 2px solid #eaeaea; border-radius: 50%; height: 30px; width: 30px; line-height: 20px; } .wishlist-item td.action button i.fa{ line-height: 0; } /*END SHOPPING CART*/ /*MISC*/ #scroll-to-top{ position: fixed; bottom: 40px; right: 40px; width: 50px; height: 50px; color: #fff; text-align: center; border-radius: 100%; cursor: pointer; z-index: 9; border: 1px solid #fff; background: none repeat scroll 0% 0% #cccccc; line-height: 45px; } #scroll-to-top.off{ display: none; } #scroll-to-top .fa{ font-size: 30px; line-height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -9px; } /*END MISC*/ /*FIX*/ .img-preloader{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/loading.gif?5716); background-repeat: no-repeat; background-position: center center; min-width:100px;min-height:100px;display:block;overflow:hidden} .img-preloader .home-slideshow{min-width:100px;min-height:100px;display:block} .form-control{ border-radius: 0; } .home-slideshow-loader{ text-align: center; margin-top: 45px; } /*END FIX*/ /*====================================*/ /* Loading screen */ /*====================================*/ #loading-div{ position: fixed; top: 0!important; left: 0; width: 100%; height: 100%; background: #333; z-index: 999999; } #loader-wrapper { position: absolute; top: 50%!important; left: 50%; width: 385px; height: 242px; z-index: 1000; background-color: #333; text-align: center; margin-left: -192px; margin-top: -121px; } .loading-div-logo img{margin:0 auto} #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } /* End Loading screen */ @-webkit-keyframes arrow-jump { 0% { opacity: 0;} 100% { opacity: 1; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -0-transform: translateX(10px); transform: translateX(10px); } } #arrow-review{ -webkit-animation: arrow-jump 1s infinite; / Safari 4+ / -moz-animation: arrow-jump 1s infinite; / Fx 5+ / -o-animation: arrow-jump 1s infinite; / Opera 12+ / animation: arrow-jump 1s infinite; / IE 10+, Fx 29+ / padding-right: 10px; } /*====================================*/ /*End load*/ /*====================================*/ /*===================================== Input css =======================================*/ .input { position: relative; z-index: 1; display: inline-block; width: 100%; vertical-align: top; } .input__field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #466184; font-weight: 400; font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; } .input__field:focus { outline: none; } .input__label { display: inline-block; float: right; padding: 0 1em; width: 40%; color: #466184; font-weight: bold; font-size: 70.25%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0 !important; } .input__label-content { position: relative; display: block; padding: 1.6em 0; width: 100%; } .graphic { position: absolute; top: 0; left: 0; fill: none; } .icon { color: #ddd; font-size: 150%; } /* Individual styles */ /* Yoshiko */ .input--yoshiko{ margin-bottom: 35px !important; } .input--yoshiko label{ width: 100%; color: #466184; } .input__field--yoshiko { width: 100%; background-color: #f6f6f6; border: 2px solid transparent; -webkit-transition: background-color 0.25s, border-color 0.25s; transition: background-color 0.25s, border-color 0.25s; } .input__label--yoshiko { width: 100%; text-align: left; position: absolute; bottom: calc(100% + 0.3em); bottom: -moz-calc(100% + 0.3em); pointer-events: none; overflow: hidden; padding: 0 1.25em; -webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s ; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; font-size: 13px; font-family: Open Sans; } .input__label-content--yoshiko { color: #466184; padding: 0.25em 0; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .input__label-content--yoshiko::after { content: attr(data-content); position: absolute; font-weight: 800; bottom: 100%; left: 0; height: 100%; width: 100%; color: #a3d39c; padding: 0.25em 0; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85em; } .input__field--yoshiko:focus + .input__label--yoshiko, .input--filled .input__label--yoshiko { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding: 0 !important; } .input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko, .input--filled .input__label-content--yoshiko { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .input__field--yoshiko:focus + .input__field--yoshiko, .input--filled .input__field--yoshiko { background-color: transparent; border-color: #a3d39c; } /*End css input*/ /*page about us*/ #page .about-us h6{ text-transform: uppercase; font-weight: bold; margin-top: 0px !important; margin-bottom: 0.3em !important; } #page .about-us li p, #page .about-us li{ margin-bottom: 25px; } /*end page about us*/ /*Page search*/ #content #search .col-md-12.expanded-message{ padding: 0; text-align: center; } #content #search .col-md-12.expanded-message .search-field{ margin-bottom: 20px; margin-top: 20px; } #content #search form.search{ position: relative; width: 60%; margin: 0 auto; padding-right: 40px; border: 1px solid #eaeaea; } #content #search form.search input#go{ position: absolute; top: 50%; right: 15px; margin-top: -8px; height: 16px; width: 16px; } #content #search form.search input.search_box{ width: 100%; height: 40px; padding: 10px; line-height: 20px; border: 0; } #content #search .results #sandBox{ margin-left: -30px; margin-right: -30px; } /*End Page search*/ /*toplist*/ .toplist-content{ margin: 68px -30px 50px; } .toplist-content:after{ content: ''; clear: both; display: block; } .toplist-block:after{ content:''; clear: both; display: block; } .toplist-block .toplist-big{ width: 37%; float: left; } .toplist-block .toplist-big img{ width: 100%; } .toplist-block .toplist-small{ width: 21%; float: left; margin-bottom: 30px; } .for-toplist-big{ display: none; } .toplist-big .for-toplist-big{ display: block; } .toplist-big .row-left .hover-mask{ display: none; } .toplist-content .product-item-wrapper{ padding: 0 15px; } /*End toplist*/ /*FILTER*/ #showTagsFilter{ position: absolute; font-size: 17px; width: 120px; height: 100%; background-color: #3f3f3f; color: #fff; border: 0; left: 0; top: 0; text-transform: uppercase; font-family: Open Sans; padding: 0; margin: 0; } #showTagsFilter .fa{ position: absolute; top: 50%; right: 10px; margin-top: -11px; } #tags-filter-content .tags-filter-block{ height: 250px; border-left: 1px solid #eaeaea; } #tags-filter-content{ border-bottom: 1px solid #eaeaea; border-top: 1px solid #466184; } .filter-tag-group, #tags-filter-content{ width: 100%; float: left; } #tags-filter-content .tag-group .title{ text-transform: uppercase; font-size: 18px; padding: 1px 20px; font-weight: bold; font-family: Open Sans; color: #466184; border-bottom: 1px solid #eaeaea; } #tags-filter-content .tag-group{ border-left: 1px solid #eaeaea; height: 205px; overflow: hidden; padding-left: 0; padding-right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #tags-filter-content .tag-group > ul{ height: 130px; overflow: auto; padding: 5px 20px; } #tags-filter-content .tag-group::-webkit-scrollbar { display: none; } #tags-filter-content.tags-closed .tag-group{ height: 0px; } #tags-filter-content.tags-closed{ border-bottom: 0; } #tags-filter-content .tag-group:last-child{ border-right: 1px solid #eaeaea; } #tags-filter-content .tag-group li{ margin-bottom: 7px; display: block; width: 50%; float: left; } #tags-filter-content .tag-group li a{ color: #848484; font-size: 13px; position: relative; padding-left: 20px; } #tags-filter-content .tag-group li a span.fe-checkbox{ position: absolute; width: 14px; height: 14px; top: 50%; left: 0; margin-top: -7px; background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bg_none_check.png?5716); background-repeat: no-repeat; background-position: center center; } #tags-filter-content .tag-group li.active a span.fe-checkbox{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bg_check.png?5716); } #tags-filter-content .swatch-tag{ display: inline-block; *display: inline; zoom: 1; margin-right: 7px; width: auto !important; } #tags-filter-content .swatch-tag span a{ display: block; width: 100%; height: 100%; box-sizing: border-box; color: #466184; } #tags-filter-content .tag-group li{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #tags-filter-content .tag-group li.white-color span{ border-color: #ddd; border-width: 2px; border-style: solid; } #tags-filter-content .swatch-tag span{ display: block; width: 22px; height: 22px; background-position: center center; background-repeat: repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #tags-filter-content .swatch-tag{ border-width: 1px; padding: 2px; border-style: solid; border-color: transparent; } #tags-filter-content .swatch-tag:hover, #tags-filter-content .swatch-tag.active{ border-color: #3f3f3d !important; } #tags-filter-content .swatch-tag.white-color:hover span, #tags-filter-content .swatch-tag.active.white-color span{ border-color: #fff; } .swatch { margin-top: 0; } .swatch.color { margin-bottom: 0; margin-top: 1em; } @media (max-width: 1360px){ #tags-filter-content .tag-group li a{ padding-left: 20px; } } @media (max-width: 991px){ #tags-filter-content .tag-group{ width: 50%; float: left; height: 150px; } #tags-filter-content .tag-group#coll-filter-2{ border-right: 1px solid #eaeaea; } #showTagsFilter{ position: absolute; font-size: 12px; width: 70px; height: 40px; left: 15px; top: auto; bottom: 10px; } #showTagsFilter .fa{ margin-top: -6px; right: 5px; } } @media (max-width: 540px){ #tags-filter-content .tag-group{ width: 100%; min-height: auto; padding-bottom: 10px; border-right: 1px solid #eaeaea; } } /*END FILTER*/ /*RESPONSIVE*/ @media (min-width: 1600px){ /*MAP*/ #contact_map_wrapper .map{ min-height: 500px; } /*END MAP*/ } @media (min-width: 992px)and (max-width: 1199px){ .toplist-block .toplist-small .btn{ padding-left: 15px; padding-right: 15px; } } @media (max-width: 1199px){ #scroll-to-top{ display: none; } .toplist-content{ margin-left: 0; margin-right: 0; } .toplist-block .dash-line{ margin-right: 0px; margin-left: 15px; width: calc(100% - 30px); } .affix{ position: static !important; } } @media (max-width: 991px){ .toplist-content{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -webkit-justify-content: left; } .toplist-block .toplist-big, .toplist-block .toplist-small{ width: 33.33%; } .toplist-block .toplist-big{ margin-bottom: 30px; } .toplist-big ul.quickview-wishlist-wrapper{ margin-bottom: 13px; } } @media (max-width: 640px){ .toplist-content .btn{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 540px){ .toplist-block .toplist-big, .toplist-block .toplist-small { width: 50%; } } @media (max-width: 360px){ .toplist-block .toplist-big, .toplist-block .toplist-small { width: 100%; } } /*END RESPONSIVE*/ /*testimonials*/ #testimonials { display: block; float: left; } .testimonials_2columns, .testimonials_3columns { display: block; float: left; margin-left: -15px; margin-right: -15px; } #testimonials .rating-box { width: 90px; height: 17px; background: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bkg_rating.png?5716 ) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } #testimonials .rating-box .rating { float: left; height: 17px; background: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/bkg_rating.png?5716 ) 18px 100% repeat-x; } #testimonials .ttm-item { padding-bottom: 50px; } #testimonials .ttm-item-preview-text { font-size: 16px; color: #202020; font-weight: 700; padding-top: 5px; } #testimonials .ttm-item-top { display: table; margin: 0; } #testimonials .ttm-item-top li.ttm-item-image { display: inline-block; *display: inline; zoom: 1; float: left; width: 20%; } #testimonials .ttm-item-top li.ttm-item-rating { display: inline-block; *display: inline; zoom: 1; float: right; width: 80%; } #testimonials .ttm-item-preview-desc { display: block; clear: both; margin-top: 10px; } #testimonials .ttm-item-preview-desc p { font-style: italic; font-family: ; font-weight: 500; } #testimonials .ttm-item-preview-name { font-size: 15px; text-transform: capitalize; color: #000; font-weight: 600; } #testimonials .ttm-item-preview-from { font-size: 13px; color: #8b8b8b; } #testimonials .testimonials_3columns .ttm-item { width: 33%; display: inline-block; *display: inline; zoom: 1; padding-left: 15px; padding-right: 15px; } #testimonials .testimonials_3columns .ttm-item-top li.ttm-item-image, #testimonials .testimonials_3columns .ttm-item-top li.ttm-item-rating { width: 100%; } #testimonials .testimonials_3columns .ttm-item-top li.ttm-item-rating { margin-top: 10px; } #testimonials .sb-title { text-transform: capitalize; } #testimonials .subject { font-size: 18px; color: #000; text-transform: uppercase; padding-top: 15px; } #testimonials .subject p { line-height: 1.1em; } #testimonials .ttm-item-top-left, #testimonials .ttm-item-top-right { display: table-cell; vertical-align: middle; } #testimonials .ttm-item-top-right { padding-left: 20px; } #testimonials .ttm-item-middle p { font-style: italic; font-weight: 500; } #testimonials .ttm-item-middle { margin-top: 30px; } #testimonials .ttm-item-bottom .name { font-size: 18px; text-transform: uppercase; color: #a20000; } #testimonials .ttm-item-bottom .job { color: #000; display: block; } #testimonials .ttm-item-bottom { margin-top: 39px; } /*end testimonials*/ /*Responsive*/ @media (max-width: 1199px) { .article h4 { padding: 0; } .article-comment-date, .blog-item-date { padding-left: 0; } .article .tag-and-social-sharing, .article .article-content, .article .blog-item-intro { padding-left: 0; padding-right: 0; } } @media (max-width: 991px){ #testimonials .testimonials_3columns .ttm-item { width: 49%; } } @media (max-width: 767px){ #testimonials .testimonials_3columns .ttm-item { width: 100%; } #testimonials { padding-left: 10px; padding-right: 10px; } .page-with-contact-form .left-block, .page-with-contact-form .right-block { padding-left: 15px; padding-right: 15px; } } @media (max-width: 480px){ .article-comment-date li, .blog-item-date li { padding-left: 0; padding-right: 0; } } /*LOAD*/ #collection-content{ position: relative; } #tags-load{ text-align: center; width: 100%; height: 100%; left: 0; position: fixed; z-index: 999; } #tags-load:before{ content: ''; background-color: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0.7); opacity: 0.7; } #tags-load .fa{ position: absolute; top: 40%; } #content{ overflow: hidden; } /*END LOAD*/ #top.affix + .fix_affix_header{min-height: 80px;} /*Slider css*/ .caption-text.animated.slideInDown span { color: #fff; font-size: 18px; /* font-weight: normal; */ text-transform: lowercase; line-height: 30px; } h3.cp21 { font-size: 24px; font-weight: 600!important; color: #000; text-align: center; } h2.cp22 { font-size: 50px; font-weight: 600!important; color: #000; letter-spacing: 3px; } span.cp22 { text-transform: none; line-height: 8px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 13px; text-align: center !important; } .caption-text.action.caption03-text-1.animated.rollIn a span { font-size: 16px; color: #466184 !important; background-color: #fff; border: none; } #home-banner-1 img.img-banner-caption { height: 467px; padding: 33px 0; } /* div#footer-links { background-color: #f2f2f2; } .footer-links.contact-us.col-md-3 { color: #636363; } footer a { color: #636363; } */ ul.list-inline.list-unstyled.cart-search { float: right; } header.affix .right-links-blocks nav.main { height: 100px !important; } button.btn.btn-1.add-to-cart { background: #466184; border: none; font-size: 14px !important; font-weight: normal; } .nav>li>a>img { width: 163px; } .counter-title h5{ color: #000; font-weight: 600!important; font-size: 16px; line-height: 1.5; margin-top: 3rem; } /* SQ */ *{ color: #000000; } p{ color: #000000; } .home-slideshow .jemiz-direction-nav .jemiz-nav-prev, .home-slideshow .jemiz-direction-nav .jemiz-nav-next { background: transparent !important; } .home-slideshow .jemiz-control-nav { position: absolute; z-index: 2; bottom: 25%; padding-left: 0; width: 300px; left: 50%; margin-left: 0; margin-bottom: 0px; text-align: left; } .jemiz-control-paging li a { border-color: #fff; } .jemiz-control-paging li a:hover, .jemiz-control-paging li a.jemiz-active:hover, .jemiz-control-paging li a.jemiz-active { background-color: #ffffff; } div#txtblock-content { margin-bottom: 30px; } div#txtblock-content h2 { font-size: 3.5em; } div#txtblock-content p { font-size: 16px; max-width: 80%; /* display: block; */ margin: auto; margin-top: 3em; text-align: center; } div#txtblock-counter-content .counter-row { display: flex; justify-content: space-between; margin-bottom: 60px; } div#txtblock-counter-content .counter-col { flex: 1; padding: 20px; } div#txtblock-counter-content .item { /* border: 2px solid #466184; */ padding: 30px 0px; height: 100%; display: flex; flex-direction: column; } #txtblock-counter-content h4 { font-size: 1.4em; font-weight: bolder; } #banner1-content #home-banner-1 { padding: 50px 0; } #banner1-content p { font-size: 30px; margin-bottom: 0; font-weight: 100; } #banner1-content h3 { margin: 0px; margin-bottom: 30px; font-size: 2.8em; line-height: 1.3; font-weight: 100; } #banner1-content iframe { width: 784px; height: 400px; } #banner1-content .view_more { margin-top: 50px; font-size: 20px; color: #fff; text-align: center; } #banner1-content .view_more a { color: #fff; } div#article-content { padding: 0; } .article_featured { font-weight: bold; font-size: 14px; margin: 0px; color: #0000002e; letter-spacing: 2px; } .article_heading { font-size: 3.5em; margin-top: 0; margin-bottom: 30px; } .article_desc { font-weight: normal; font-size: 14px; } .article_read_more { display: block; margin-top: 30px; } a.article_read_more > * { color: #667C87; } #bottom-content{ padding: 0px 0px 30px 0; } #bottom-content a.title-5 { font-size: 13px; color: #000000; font-weight: normal !important; text-transform: uppercase; color: #466184; } #bottom-content span.price { color: #667C87; font-size: 14px; font-weight: normal; letter-spacing: 1px; } #bottom-content form{ width: 100%; } #bottom-content .product-item-wrapper{ text-align: center; } #bottom-content .add-to-cart { color: #fff; } #banner2-content #home-banner-2 { padding: 50px 0; } #content-wrapper-parent { padding-bottom: 0px; } #banner2-content #home-banner-2 { margin-bottom: 0; } .newsletter .newsletter-title { color: #ffffff; font-size: 3.5em; text-align: center; font-weight: normal; margin-bottom: 60px; } .newsletter-title * { color: #fff; } .footer-links-block .fl-title { color: #636363; font-size: 15px; font-weight: bold; } /* blog */ div#blogblock { padding: 5em 0; } #blogblock .blog_articles{ margin-top: 6em; } #blogblock .blog-row{ display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin-bottom: 3em; } #blogblock .blog-row:nth-child(odd) { flex-direction: row; } #blogblock .blog-col{ flex: 1; padding: 30px 20px 30px 60px; } .blog-col.image.lazy { background-image: none !important; background-color: #466184; } #blogblock .blog-card h3 { font-size: 24px; font-weight: normal; color: #fff; } #blogblock .blog-card .article_desc { color: #fff; font-weight: 500; font-size: 14px; line-height: 20px; margin: 30px 0; } #blogblock .blog-card .notis{ display: flex; flex-direction: row; color: #fff; align-items: center; } #blogblock .blog-card .notis span, #blogblock .blog-card .notis i, #blogblock .blog-card .notis p { color: #fff !important; } #blogblock .blog-card .notis * { margin: 0; } #blogblock .blog-card h3{ margin-top: 0px; } #blogblock .blog-card .notis span { margin-right:15px; } #blogblock .blog-card .notis .style_pencil{ display: flex; justify-content: center; align-items: center; } #blogblock .blog-card .notis .style_pencil p{ margin-left: 10px; } #blogblock .blog-card .notis .link{ text-decoratin; none; color: #fff; } #blogblock .view_more_articles{ text-align: center; color: #fff; background-color: #466184; padding: 15px 25px; border-radius: 3px; } #testimonialblock{ padding: 3em 0; } #testimonialblock h3 { margin-bottom: 0px; } #testimonialblock .testimonialblock{ margin-top: 5em; max-width: 700px; text-align: center; border: 10px solid rgb(70, 97, 132); margin: auto; margin-top: 4em; padding: 20px 30px; } #testimonialblock .testimonialblock .testimonial-text{ font-size: 14px; margin: 40px 0; line-height: 24px; } #testimonialblock .testimonialblock .testimonial-user h4{ font-weight: normal; } #testimonialblock .testimonialblock .testimonial-user .image { width: 82px; height: 82px; border-radius: 50%; margin: auto; background-size: cover !important; } @media only screen and (min-width: 1360px){ .caption01-text-1, .caption02-text-1, .caption03-text-1, .caption01-text-2, .caption02-text-2, .caption03-text-2, .caption01-text-4, .caption02-text-4, .caption03-text-4, .caption01-text-5, .caption02-text-5, .caption03-text-5, .caption01-text-3, .caption02-text-3, .caption03-text-3 { bottom: 0%; } } @media only screen and (max-width: 600px) { .newsletter .newsletter-title { font-size: 1.5em; margin-bottom: 20px; } .article_heading { font-size: 2.5em; margin-top: 0; margin-bottom: 10px; } #banner1-content #home-banner-1{ padding: 50px 10px; } #banner1-content iframe { border: 30px solid #ffffff8a !important; width: 100%; height: auto; } #banner1-content h3 { font-size: 2.5em; } #banner1-content p { font-size: 18px; margin-bottom: 0; font-weight: 100; } div#txtblock-content h2 { font-size: 2.5em; } div#txtblock-content p { font-size: 14px ; margin-top: 1em; } .caption01-text-1, span.cp22, .caption03-text-1, .caption03-text-2, .caption01-text-2, .home-slideshow .jemiz-control-nav { display: none; } h3.cp21 { margin-left: 25px; font-size: 18px; } /* blog */ div#blogblock{ padding: 4em 0; } #blogblock .blog-row{ flex-direction: column !important; } #blogblock .blog-col{ padding: 20px; } #blogblock .blog-col.image{ min-height: 200px; } #blogblock .blog-card h3{ margin-top: 0; } #blogblock .blog-card.mobile-row-reverse{ flex-direction: column-reverse; } div#txtblock-counter-content .counter-row{ flex-direction: column; } } /* after vikas css*/ @media (max-width: 991px) { .top-right { display: none !important; } p.ann_txt { padding-top: 0px; /* padding-left: 26px; */ } .top-left { position: absolute; left: 2%; } a.article_read_more { margin-bottom: 30px; margin-top: 10px; } .mob-pad { padding-top: 0px !important; } #bottom-content .featured-contents { margin-top: 0px; } div#testimonialblock { padding: 20px 0; } #testimonialblock .testimonialblock { margin-top: 20px !important; } div#txtblock-content { margin-bottom: 34px; } .product-price { margin-bottom: 0px; } .mob_banner2 { padding-top: 10px !important; } } p.ann_txt a { color: #fff; } @media only screen and (min-width:992px) { p.ann_txt { padding-top: 6px; padding-left: 364px; } } .caption-text.action.caption03-text-2.animated.flipInX a span { font-size: 16px; color: #466184 !important; background-color: #fff; border: none; } p.article_desc span { color: #fff; } /*@media only screen (min-width: 992px)and (max-width: 1360px) { .caption02-text-1, .caption02-text-2 { bottom: 5% !important; } }*/ .owl-theme .owl-controls .owl-page { display: inline-block; } .owl-theme .owl-controls .owl-page span { background: #fff; border: 1px solid #000; border-radius: 20px; display: block; height: 12px; margin: 5px 7px; width: 12px; } .owl-theme .owl-controls .owl-page.active span { background: #000; } .owl-theme .owl-pagination{ text-align: center; margin-top: 20px; } div#clientsblock { padding: 3em 0; } .info_img { margin: 0 auto; display: block; width: 75%; } .client_logo { margin: 0 auto; display: block; } .blog-col h3 a { color: #fff; } .testimonialblock.general { border: 1px solid #000; padding: 20px; border-radius: 5px; } .m-b { margin-bottom: 15px; } .img-mid { display: block; margin: 0 auto; } .bg{ border-radius: 10px; color: #fff; padding: 15px; border: 1px solid; } .bg h3, .bg p{ color:#fff; } #menu1 .bg{ height: 250px; } #home .bg{ height: 250px; } .col-xs-5-cols, .col-sm-5-cols, .col-md-5-cols, .col-lg-5-cols { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5-cols { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5-cols { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5-cols { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5-cols { width: 20%; float: left; } } img.info_img { width: 90px !important; } ul.nav.nav-tabs { text-align: center; } .nav>li>a { position: relative; display: block; padding: 0px 0px; } ul.nav.nav-tabs img { padding: 0px 0; display: block; margin: 0 auto; } div#infograph-content { margin-bottom: 30px; } .m-b2 { margin-bottom: 30px; } img.img-center { margin: 0 auto; display: block; } a.buttn { background-color: #a6cbcd; /* box-shadow: 0 5px 0 darkred; */ color: #466184; padding: 1em 1.5em; /* position: relative; */ /* text-decoration: none; */ text-transform: uppercase; display: block; } ul.li-img { list-style-image: url(https://cdn.shopify.com/s/files/1/0079/1530/7063/t/3/assets/java-tea-icon-16.png?5998); } /*Img popup*/ .popup{ width: 900px; margin: auto; text-align: center } .popup img{ width: 200px; height: 200px; cursor: pointer } .show{ z-index: 999; display: none; } .show .overlay{ width: 100%; height: 100%; background: rgba(0,0,0,.66); position: absolute; top: 0; left: 0; } .show .img-show{ width: 600px; height: 400px; background: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden } .img-show span{ position: absolute; top: 10px; right: 10px; z-index: 99; cursor: pointer; } .img-show img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*End Img popup*/ .col-md-5-cols img { width: 170px; margin: 0 auto; display: block; margin-bottom: 20px; } .m-b-40 { margin-bottom: 40px; } .m-b-20 { margin-bottom: 20px; } .corp_enquiry label { color: #fff; } .corp { padding: 58px; background: url(https://cdn.shopify.com/s/files/1/0079/1530/7063/t/3/assets/corp-left-bg.jpg?73154); margin-bottom: 28px; background-size: cover; } @media (max-width: 991px) { .corp-right-col { margin-top: 240px; } } .col-md-6.corp-right-col::before { content: ''; position: absolute; width: 40px; height: 40px; background: #466184; left: -20px; transform: rotate(44deg); top: 25%; } div#is-mobile-nav-menu ul li ul.dropdown-menu a { color: #fff; } div#is-mobile-nav-menu ul li a span { color: #fff; } p.ann_txt { font-weight: normal !important; } h3.article_heading { color: #466184; } div#contactFormWrapper label { font-weight: 400; } .corp p { font-weight: 400; color: #fff; } .inf { color: #fff; margin-top: 0px; margin-bottom: 20px; } a.teas-pg { color: #466184; } h4 { color: #466184; } input.form-control::placeholder { font-style: normal !important; } #teas-slides .owl-next, #teas-slides2 .owl-next, #teas-slides3 .owl-next, #client-abt-us-slides .owl-next, #testimonial-slides .owl-next { position: absolute; right: 0; top: 33%; font-weight: bolder; color: #a6cbcd; font-size: x-large; } #diwali-products-slides .owl-next { position: absolute; right: -10px; top: 33%; font-weight: bolder; color: #e2c98d; font-size: x-large; } #diwali-partners-slide .owl-next { position: absolute; right: -10px; top: 33%; font-weight: bolder; color: #865e57; font-size: x-large; } #teas-slides .owl-prev, #teas-slides2 .owl-prev, #teas-slides3 .owl-prev, #client-abt-us-slides .owl-prev, #testimonial-slides .owl-prev { position: absolute; left: 0; top: 33%; font-weight: bolder; color: #a6cbcd; font-size: x-large; } #diwali-products-slides .owl-prev { position: absolute; left: -10px; top: 33%; font-weight: bolder; color: #e2c98d; font-size: x-large; } #diwali-partners-slide .owl-prev { position: absolute; left: -10px; top: 33%; font-weight: bolder; color: #865e57; font-size: x-large; } #teas-slides .owl-buttons, #teas-slides2 .owl-buttons, #teas-slides3 .owl-buttons, #client-abt-us-slides .owl-buttons, #testimonial-slides .owl-buttons, #diwali-products-slides .owl-buttons, #diwali-partners-slide .owl-buttons { height: 100%; top: 0; width: 100%; } #teas-slides .owl-pagination, #teas-slides2 .owl-pagination, #teas-slides3 .owl-pagination, #client-abt-us-slides .owl-pagination, #testimonial-slides .owl-pagination, #diwali-products-slides .owl-pagination, #diwali-partners-slide .owl-pagination { display: none; } .breadcrumb.clearfix { display: none; } h4.team { text-align: center; font-weight: normal; font-size: 14px; } .fb-left.col-md-6 p { color: #466184; text-transform: uppercase; } div#footer-bottom { background-color: #fff; } .w-full { width: 100%; } .bg-theme-color { background: #466184; padding: 50px; } .color-white { color: #fff; } .bg-white-color { padding: 50px; } .page-title { text-align: left; font-size: 60px !important; left: 14%; position: relative; } .new-color { color: #9dcdce; } h5 { line-height: 19px; } .m-b-60 { margin-bottom: 30px; } #page i.fa.fa-circle.fa-stack-2x { color: #9dcdce; } #page .fa-inverse { color: #466184; } a.icon-social { margin-right: 10px; } h1, h2, h3 { font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important; } h4, h5, h6, h7 { font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important; } body { font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important; } .dropdown-menu { font-size: 14px; } input { font-weight: 400 !important; } .panel-title { color: #466184; } #accordion h4.panel-title a:hover { color: #466184; } #accordion i { float: right; font-size: x-large; color: #9dcdce; } .footer-links-block .contact-us .fa-stack i.fa { color: #9dcdce; } .font-14-upper { font-size: 14px; text-transform: uppercase; } .footer-links .contact-form label { color: #fff; font-weight: 400; } .footer-links input#email-input { width: 50%; height: 40px; } ul.leaf-icon li { background: url(https://cdn.shopify.com/s/files/1/0079/1530/7063/t/3/assets/tea-leaf-icon.png?11036) no-repeat left center; padding-left: 22px; margin: 16px 0; } .bg-theme-color h2, .bg-white-color h2 { margin-top: 0px; } .img-team { width: 100%; margin-right: 0; margin-bottom: 5px; } h6 { line-height: 18px; } .col-md-5-cols .bg h3 { margin-top: 0px; margin-bottom: 5px; } .m-t-50 { margin-top: 50px; } .same-height { height: 100px; } .footer-links.contact-us.col-md-6.mob-padd label { font-size: 14px; } .img-infused { padding-left: 20px; padding-right: 20px; } .img-corp-enq { border: 15px solid #9dcdce; } a.corp-enq-btn { background-color: #fff; border-radius: 20px; color: #466184; padding: 8px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 35px 0px; cursor: pointer; width: 100%; } .font-15 { font-size: 15px; } .font-18 { font-size: 18px; } .m-t-20 { margin-top: 20px; } .home-slideshow .caption-text { position: absolute; left: auto; background: rgb(255 255 255 / 52%); padding: 50px 20px 100px; right: 0; left: 0; width: 40%; top: 8%; height: fit-content; text-align: center; margin: auto; } p.cp20 { color: #fff; font-family: 'Sail', cursive; text-transform: none; text-align: center; font-size: 22px; } h4.reach { font-weight: bold !important; margin-top: -8px; } .m-b-50 { margin-bottom: 50px; } @media (max-width: 991px){ .mob-5-countries { padding: 50px !important; background-repeat: repeat !important; } .home-slideshow .caption-text { padding: 0px; width: 90%; } iframe.video-mob { height: 257px; } #teas-slides .owl-next, #teas-slides2 .owl-next, #teas-slides3 .owl-next { right: 5%; } #teas-slides .owl-prev, #teas-slides2 .owl-prev, #teas-slides3 .owl-prev { left: 5%; } } .view-catalog-btn { background-color: #9dcdce; border-radius: 20px; color: #fff; padding: 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; /* margin: 35px 2px; */ cursor: pointer; width: 45%; } .view-catalog-btn:hover { color: #fff; } .social-sharing span.share-title { color: #fff; } /* Modal css */ .modal-body p, .modal-body label { color: #466184; } .modal-body input#contactFormName, .modal-body input#contactFormEmail, .modal-body input#contactFormTelephone { width: 100%; } .modal-body div#contactFormWrapper label { font-weight: 700; } @media (max-width: 991px){ .modal-dialog { width: 95%; } } .group-button button.btn.btn-1.select-option { font-size: 14px !important; background: #466184; border-color: #466184; } del.price_compare .money { text-decoration: line-through; } .product-item-wrapper .hoverBorderWrapper { height: 257px; } /*shop button menu*/ li.nav-item.dropdown.navigation:first-child .hghlight i { color: #fff; } li.nav-item.dropdown.navigation:first-child .hghlight span { color: #fff; } li.nav-item.dropdown.navigation:first-child .hghlight { background: #466184; padding: 10px; border-radius: 5px; } /*diwali 2019*/ .bg-grey-color { background:#ff9933; padding: 50px; } .this-diwali { font-family: 'Playball', cursive !important; text-transform: none; font-size: 40px; } .like-no { font-family: 'Playball', cursive !important; text-transform: none; font-size: 28px; } .varela-font { font-family: 'Varela', sans-serif !important; } ul.diwali-leaf-icon li { color: #e2cd91; font-size: 23px; display: inline; background: url(https://cdn.shopify.com/s/files/1/0507/0377/files/dwali-leaf-icon.png?2367) no-repeat left center; /* margin: 16px 0; */ padding-left: 20px; padding-right: 10px; } .discount-btn { background-color: #e2c98d; border-radius: 20px; color: #6b423a; padding: 10px 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; cursor: pointer; width: 25%; text-transform: uppercase; font-weight: bold; } a.discount-btn:hover { color: #6b423a; } .row.text-center.bg-img { background: url(https://cdn.shopify.com/s/files/1/0507/0377/files/another-bg.jpg?2406); padding: 40px; background-repeat: no-repeat; background-size: cover; } .dwali-partners { color: #714d3c; font-weight: bolder !important; font-size: 24px; } /*diwali landing pg footer*/ .page-diwali-tea-gift-boxes,.page-contact-us-for-bulk-booking, .page-thanks-for-downloading { background-color: #865e57 !important; } .page-diwali-tea-gift-boxes h2,.page-contact-us-for-bulk-booking h2,.page-thanks-for-downloading h2 { color: #ded1ad; } .page-diwali-tea-gift-boxes i.fa,.page-contact-us-for-bulk-booking i.fa,.page-thanks-for-downloading i.fa { color: #ded1ad !important; } .page-diwali-tea-gift-boxes li,.page-contact-us-for-bulk-booking li,.page-thanks-for-downloading li { color: #ded1ad !important; } .page-diwali-tea-gift-boxes .newsletter-title *, .page-contact-us-for-bulk-booking .newsletter-title *, .page-thanks-for-downloading .newsletter-title *{ color: #ded1ad; } .page-diwali-tea-gift-boxes .footer-links .contact-form label, .page-contact-us-for-bulk-booking .footer-links .contact-form label, .page-thanks-for-downloading .footer-links .contact-form label{ color: #ded1ad; } .page-diwali-tea-gift-boxes .contact-form input[type="submit"], .page-contact-us-for-bulk-booking .contact-form input[type="submit"], .page-thanks-for-downloading .contact-form input[type="submit"]{ background-color: #ded1ad; color: #865e57; } /*diwali landing pg footer End*/ .errorForm.feedback strong { color: #fff; } .bg-diwali-color { background: #865e57; } .new-diwali-color { color: #e2c98d !important; } .diwali-grey-color { color: #865e57 !important; } a.discount-btn:focus { color: #6b423a; } /*diwali button menu*/ li.nav-item:last-child span { background: #865e57; padding: 10px; border-radius: 5px; color: #e2c98d !important; } /*diwali pg & home pg mobile */ @media (max-width: 991px){ .discount-btn { font-size: 14px; width: 100%; } .row.text-center.bg-img iframe { width: 100%; height: 183px; } h2.page-title.bulk-bookng { font-size: 16px !important; } .product-item-wrapper .hoverBorderWrapper { height: 300px; } .same-height { height: 70px; } .featured-products .col-12.col-sm-3 { padding-bottom: 30px; } } /*End diwali pg & home pg mobile */ div#divfix3 { bottom: 40%; right: 0; position: fixed; z-index: 3000; } .nl-wraper-popup-inner { display: none; } .enquire { background-color:#ffffff; border-radius:28px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#ffa200; font-family:Trebuchet MS; font-size:18px; padding:10px 30px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .enquire:hover { background-color:#f6f6f6; color:#666; } .enquire:active { position:relative; top:1px; } .fa-phone { color: #fff; } .fa-envelope { color: #fff; } .fa-whatsapp { color: #fff; } .fa-whatsapp:hover { color: #666; } .fa-phone:hover { color: #666; } .fa-envelope:hover { color: #666; } .kadha-text{ font-size: 24px; margin: 40px 0; line-height: 24px; } .dropdown { position: relative; display: inline-block; } .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown-content { display: none; position: absolute; right: 0; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } /*start new landing page */ .new-landing-page{ padding:60px 0; } .orange-heading{ color:#f05b00; } .green-heading{ color:#65c72a; } .first-section{ text-align:center; } .first-section h2 { margin-bottom: 10px; font-size: 34px; text-transform: uppercase; padding: 0; } .first-section p{ font-size:16px; } .first-section h3 { margin-bottom: 20px; font-size: 28px; text-transform: uppercase; padding: 0; } .first-section h3 strong{ color:#f05b00; } .new-landing-page .our-clients{ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/new-landing-client-back.jpg?v=19589428816829628751614269013); background-color:#303030; background-repeat: no-repeat; background-position: center center; padding:40px 0 20px; display:flex; flex-direction:column; } .new-landing-page .our-clients h2 { margin-bottom: 30px; font-size: 42px; text-transform: uppercase; padding: 0; color: #f05b00; margin-top: 0; font-weight: 900 !important; } .new-landing-page .our-clients ul { text-align: center; display: flex; justify-content: space-around; } .new-landing-page .our-clients ul li{ float:none; margin: 0 5px; } .doctors-gift-banner{ padding: 50px; } .doctors-gift-banner .container { display: flex; flex-direction: row; } .doctors-gift-banner .gift-banner-left { display: flex; flex-direction: column; } .doctors-gift-banner img{ width:auto; margin:0 10px 20px; -webkit-box-shadow: 0 0 15px 10px rgba(209,209,209,0.80); box-shadow: 0 0 15px 10px rgba(209,209,209,0.80); max-width:100%; } .text-info-panel{ /* background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/new-landing-back-new.jpg?v=20153512696324137411614333353); */ background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/banner2-bkg.jpg?v=12233062270593419439); background-repeat: no-repeat; background-position: center center; padding:40px 0; display:flex; flex-direction:column; background-attachment: fixed; } .text-info-panel h2 { margin-bottom: 30px; font-size: 36px; text-transform: capitalize; padding: 0; color: #fff; margin-top: 0; font-weight: 400 !important; } .text-info-panel p, .text-info-panel ol{ max-width:75%; color:#fff; font-size: 22px; margin:0 auto 30px; } .text-info-panel ol{ text-align:left; } .text-info-panel ol li { margin-bottom: 15px; color: #fff; font-size: 18px; line-height: 28px; } .videos-panel{ padding: 50px 0; } .videos-panel h2 { margin-bottom: 40px; font-size: 36px; text-transform: uppercase; padding: 0; color: #fe6101; margin-top: 0; font-weight: 900 !important; } .videos-panel .container { display: flex; flex-direction: column; } .video-section { display: flex; align-items: center; justify-content: space-between; } .videos-panel .videos { width: 45%; } .book-now-section { background-image: url(//cdn.shopify.com/s/files/1/0507/0377/t/15/assets/book-now-bg.jpg?v=95591120061342820771614272901); background-repeat: no-repeat; background-position: left center; padding: 40px 0; flex-direction: column; margin: 30px 0; } .book-now-btn { width: auto; display: inline-block; background: #2f162b; height: 50px; line-height: 50px; padding: 0 50px; color: #fff; font-size: 20px; font-weight: 900; text-transform: uppercase; } .book-now-btn:hover{ background: #000; } .first-section p { font-size: 20px; max-width: 450px; margin: 10px auto; display: flex; align-items: center; justify-content: center; } .first-section p span{ margin:0 20px 0 0; } @media (max-width: 991px){ #page .new-landing-page .first-section .container{ padding:0 30px; } .new-landing-page { padding: 30px 0; } .doctors-gift-banner .container { display: flex; flex-direction: column; padding: 0 !important; } .text-info-panel p { max-width: 90%; } .video-section { flex-direction: column; } .videos-panel .videos { width: 90%; margin-bottom: 20px; } .book-now-section { margin: 0; } .text-info-panel p { font-size: 18px; } .clients-section { padding: 0 20px; } .first-section p { flex-direction:column; } .first-section p span{ margin-right:0; } }