/*====================================================================== 1. Google Fonts ========================================================================*/ @import url('https://fonts.googleapis.com/css2?family=Alata&family=Bitter:ital,wght@0,400;0,700;1,400&family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,700&family=Poppins:wght@300;400;500;600;700;900&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700;900&family=Work+Sans:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&family=Roboto+Slab:wght@300;400;600;700&family=Glegoo:wght@400;700&family=Oswald:wght@200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap'); /*====================================================================== 2. Basic Styles ========================================================================*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, ::before, ::after { box-sizing:border-box; -webkit-box-sizing:border-box; } html { overflow:hidden; overflow-y:auto; } body { background: #fff; font-size:13px; line-height:1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:'Poppins', sans-serif; color:#343434; font-weight:400; margin:0; padding:0; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display:none; height:0; } [hidden] { display:none; } html, button, input, select, textarea { font-family:'Poppins', sans-serif; } input:focus, textarea:focus, select:focus { border-color:#cdcfd3; } input, textarea { padding:10px 18px; } select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:right center; background-image:url(../images/arrow-select.png) !important; background-repeat:no-repeat !important; background-position:right 10px center !important; line-height:1.2; text-indent:0.01px; text-overflow: ''; cursor:pointer; padding-bottom:8px 28px 8px 15px; } a { color:#555555; text-decoration:none; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } a, a:after, a:before { transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; } a:focus { outline:none; } a:active, a:hover { color:#000; outline:0; } /*a:hover, a:focus { opacity:0.8; }*/ a:hover { color:#3e4095; text-decoration:none; } p { margin:0 0 24px; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; } svg:not(:root) { overflow:hidden; } ol, ul { padding:0; margin:0; } .list-items { margin-left:15px; } .hide { display:none !important; } /*====================================================================== 3. Typography ========================================================================*/ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color:inherit; text-decoration:none; font-weight:inherit; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { margin:0; margin-bottom:15px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color:#0d0c0c; margin:0 0 10px; font-family: 'Montserrat',sans-serif; font-weight:600; line-height:1.2; overflow-wrap: break-word; word-wrap: break-word; } h1, .h1 { font-size:24px; } h2, .h2 { font-size:19px; text-transform:uppercase; } h3, .h3 { font-size:18px; } h4, .h4 { font-size:17px; } h5, .h5 { font-size:15px; } h6, .h6 { font-size:14px; } img { max-width:100%; } p:last-child { margin-bottom:0; } input, button, select, textarea { font-size:13px; font-family: 'Poppins', sans-serif; background: transparent; border:1px solid #d7d7d7; transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; color:#424242; } input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline:none; border-color:#3e4095; } input, select, textarea { width: 100%; font-size: 14px; box-shadow:none; -webkit-box-shadow:none; border-radius:0; -webkit-border-radius:0; } input, select { height:40px; padding:0 10px; } input[type="checkbox"], input[type="radio"] { width:auto; height:auto; } input[type="checkbox"]:focus, input[type="radio"]:focus { outline:0; box-shadow:none; } .text-left { text-align:left !important; } .text-center { text-align:center !important; } .text-right { text-align:right !important; } hr { margin:20px 0; border:0; border-bottom:1px solid #e8e9eb; } .border-bottom { border-bottom:1px solid #f5f5f5 !important; } .hidden { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .poss_relative { position: relative; } .poss_absolute { position: absolute; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clear { clear:both; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table;/* 2 */ } .clearfix:after { clear: both; } table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; } th { font-weight:600; text-transform:uppercase; } /* Text specialized */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { font-style: underline; } /* Font specialized */ .body-font { font-family: "Poppins", sans-serif; } .heading-font { font-family: "Poppins", sans-serif; } .list--inline { padding:0; margin:0; } .list--inline li { display:inline-block; margin-bottom:0; vertical-align:middle; } .display-table { display:table; table-layout:fixed; width:100%; margin:0 !important; } .display-table-cell { float:none; display:table-cell; vertical-align:middle; } .btn { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; width:auto; height:auto; text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; border:2px solid #ed3237; border-radius:0; padding:8px 15px 8px; background:#ed3237; color:#fff; font-family:'Poppins', sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:1px; line-height:normal; white-space:normal; font-size:13px; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border-radius: 3px; } .btn:hover, .btn:focus { background: transparent; color:#282829; text-decoration:none; } .btn--small { padding:8px 10px; font-size:0.92308em; line-height:1; } .btn-secondary { background-color:#3e4095; color:#ffffff; border:2px solid #3e4095; } .btn--link { background-color:transparent; border:0; margin:0; color:#139ddd; text-align:left; text-decoration:none; outline:none !important;box-shadow:none !important; } .btn--link:hover, .btn--link:focus { color:#000; text-decoration:none; background-color:transparent; } .btn-large { font-size:16px; padding:10px 20px; } .btn-link { color:#555; } .btn-link:hover { color:#000; } input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } label { margin-bottom:3px; } .mask-overlay { content: ""; position:fixed; background-color:#000; opacity:0.5; left:0; top:0; width:100%; height:100%; z-index:998; } /*====================================================================== 4. Container ========================================================================*/ .container { max-width:1200px; padding-left:15px; padding-right:15px; } .container-fluid { padding:0 55px; } .container-fluid:before, .container-fluid:after { content:''; clear:both; display:block; } .grid { *zoom:1; list-style:none; margin:0; padding:0; margin-left:-30px; } .grid__item { float:left; padding-left:30px; width:100%; } .grid--no-gutters > .grid__item { padding-left:0; } /*====================================================================== 6. Pre Loader ========================================================================*/ #pre-loader { background-color:#000; height:100%; width:100%; position:fixed; z-index:1; margin-top:0px; top:0px; left:0px; bottom:0px; overflow:hidden !important; right:0px; z-index:999999; } #pre-loader img { text-align:center; left:0; position:absolute; right:0; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:99; margin:0 auto; } /*====================================================================== 7. Headers Style ========================================================================*/ .classicHeader:not(.stickyNav) { position:absolute;width:100%; z-index:8; } .promotion-header { color:#df1a0b; letter-spacing:1px; text-transform:uppercase; padding:10px 35px; background-color:#fff0ef; text-align:center; position:relative; z-index:5; } .closeHeader { cursor:pointer; font-size:18px; font-weight:400; position:absolute; right:40px; top:8px; height:25px; width:25px; line-height:22px; color:#df1a0b; } .top-header { color:#fff; padding-top:8px; padding-bottom:10px; background:#3e4095; height:38px; } .top-header a { color:#fff; } .header { background:#fff; width:100%; min-height:60px; } .header-1 { background-color:#ffffff; border-bottom:1px solid #eeeeee; } .logo { margin:10px 0; } .logo a { float:left; display:block; } .logo img { display:block; } .iconset .icon { font-size:18px; vertical-align:middle; text-decoration:none; } .iconset { display:inline-block; position:relative; color:#282829; height:30px; line-height:30px; text-align:center; padding:0 9px; cursor:pointer; } .wishlist-count { font-size:10px; font-family: 'Poppins', sans-serif; display:inline-block; color:#fff; background-color:#000; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; position:absolute; right:0; top:0; } #settingsBox, #cart-drawer, #searchPopup { color:#050000; text-align:left; background-color:#ffffff; box-shadow:0 0 15px rgba(5,0,0,0.1); -webkit-box-shadow:0 0 15px rgba(5,0,0,0.1); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #settingsBox { visibility:hidden; opacity:0; padding:20px; width:300px; position:absolute; top:130%; right:15px; z-index:99; } #settingsBox.active { visibility:visible; opacity:1; top:100%; } #settingsBox .btn { width:100%; } .icons-col .customer-links { font-size:12px; text-transform:uppercase; } .icons-col .customer-links .register { text-decoration:underline; } #settingsBox .ttl { font-size:12px; margin:20px 0 10px; display:block; letter-spacing:0.2px; text-transform:uppercase; } .cnrLangList li { display:inline-block; margin:0 5px 5px 0; cursor:pointer; } .cnrLangList li a { color:#000000; display:block; font-size:12px; text-transform:uppercase; padding:1px 10px; opacity:0.6; border:1px solid rgba(0,0,0,0.3);} .cnrLangList li a:hover { color:#f04343; border:1px solid #f04343; opacity:1; text-decoration:none; } .stickyNav { position:fixed; top:0; z-index:1000; width:100%; left:0; background-color:#fff; border-bottom:0; box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); } .site-cart-count { font-size:10px; font-family:'Poppins', sans-serif; display:inline-block; color:#fff; background-color:#3e4095; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; position:absolute; right:0; top:0; } .minicart-right-drawer.right .modal-dialog { position:fixed; margin:auto; width:350px; max-width:100%; height:100%; z-index:1024;dz -webkit-transform:translate3d(0%,0,0); -ms-transform:translate3d(0%,0,0); -o-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); } .minicart-right-drawer.right .modal-content { border:none; border-radius:0; height:100%; overflow-y:auto; } .minicart-right-drawer.right.fade .modal-dialog { right:-350px; -webkit-transition:opacity 0.3s linear, right 0.3s ease-out; -moz-transition:opacity 0.3s linear, right 0.3s ease-out; -o-transition:opacity 0.3s linear, right 0.3s ease-out; transition:opacity 0.3s linear, right 0.3s ease-out; } .minicart-right-drawer.right.fade.show .modal-dialog { right:0; } .modal-open { padding-right:0 !important; } #cart-drawer { color:#050000; padding:15px; width:100%; height:100%; overflow:auto; z-index:10000; } #cart-drawer.active { right:0; } #cart-drawer > h4 { color:#050000; font-size:18px; text-align:left; margin:0 0 20px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; } #cart-drawer .close-cart { color:#050000; font-size:15px; float:right; margin:1px 0 0; opacity:0.6; text-decoration:none; } .minicart-content { padding:0; margin:0; z-index:1001; position:absolute; overflow-y:auto; width:90%; height:calc(100% - 290px); } .minicart-content .item { padding:0 0 10px; margin:0 0 10px; line-height:normal; display:block; border-bottom:solid 1px #eee; } .minicart-content .item .product-image { width:25%; float:left; } .minicart-content .item .product-details { float:left; width:75%; padding-left:15px; text-align:left; } .minicart-content .item .product-title { color:#000; font-size:13px; white-space:normal; text-decoration:none; display:block; line-height:20px; margin-right:45px; margin-bottom:0; } .minicart-content .item .remove { color:#5c5c5c; float:right; font-size:14px; padding:0 2px 0 7px; margin-top:0; text-decoration:none; } .minicart-content .item .remove:hover { color:#000; } .minicart-content .item .remove i { vertical-align:middle; } .minicart-content .item .edit-i.remove .icon { font-size:12px; padding-top:0; } .minicart-content .item .qtyField { display:inline-block; border:1px solid #d7d7d7; } .minicart-content .item .qtyField a { display:none; } .minicart-content .item .qtyField span { display:inline-block; padding:0; border:0; } .minicart-content .item .variant-cart { color:#777; font-size:11px; } .minicart-content .item .wrapQtyBtn { display:block; float:none; margin:5px 0; } .minicart-content .item .qtyField .qtyBtn, .minicart-content .item .qtyField .qty { font-size:11px; width:25px; height:28px; line-height:26px; display:inline-block; padding:0; text-align:center; text-decoration:none; } .minicart-content .item .qtyField .qty { border:0; } .minicart-content .item .qtyField .qtyBtn.plus { border-left:1px solid #ddd; } .minicart-content .item .qtyField .qtyBtn.minus { border-right:1px solid #ddd; } .minicart-content .item .qtyField a .fa { font-size:11px; } .minicart-bottom { bottom:0; position:absolute; width:90%; border-top:1px solid #e8e8e8; padding-top:10px; } .minicart-bottom .subtotal { padding:5px 0 10px; margin-bottom:10px; border-bottom:1px solid #e8e8e8; } .minicart-bottom .subtotal:before, .minicart-bottom .subtotal:after { content:''; clear:both; display:block; } .minicart-bottom .subtotal.list { border:0; margin:0; padding:0;} .minicart-bottom .subtotal.list > span { font-size:14px; font-weight:400; } .minicart-bottom .subtotal > span { float:left; text-transform:uppercase; font-size:16px; text-align:left; font-weight:700; } .minicart-bottom .subtotal .product-price { float:right; } .minicart-bottom .proceed-to-checkout { width:100%; margin:10px 0; padding:10px; } .minicart-bottom .btn-secondary { width:100%; margin-bottom:10px; padding:10px; } .minicart-bottom .freeShipMsg { margin-bottom:0; } .minicart-bottom .freeShipMsg .anm { font-size:15px; width:23px; display:inline-block; vertical-align:middle; } .site-search { display:inline-block; cursor:pointer; } .search-drawer { padding:40px 50px; background-color:#fff; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:9999; text-align:left; transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; width:100%; box-shadow:0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);} .search-drawer .container { position:relative; } .search-drawer.search-drawer-open { opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); visibility:visible; } .search-drawer.search-drawer-open .block { background-color:transparent; padding:0; } .search-drawer .title { color:#000000; font-size:15px; margin-bottom: 20px; } .search-drawer .label { border:0; clip:rect(0,0,0,0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .search-drawer .control { border-bottom: 1px solid #ddd; } .search-drawer .input-text { color:#050000; font-size:13px; padding:5px 50px 5px 0; background:none; border:0 none; } .search-drawer .action.search { font-size:18px; position:absolute; right:14px; border:0; background:none; cursor:pointer; height:38px; } .search-drawer .action.search:hover { color:#000000; } .search-drawer .closeSearch { color:#050000; font-size:18px; position:absolute; top:0; right:25px; cursor:pointer; } .search-drawer .searchField { display:table; width:100%; } .search-drawer .search-category { display:table-cell; padding-right:10px; } .search-drawer .search-category select { font-size:13px; border:0; } .search-drawer .input-box { display:table-cell; width:87%; } #siteNav { margin:0 auto; padding:0; list-style:none; } #siteNav.right { text-align:right; } #siteNav.left { text-align:left; } #siteNav.center { text-align:center; } #AccessibleNav { padding-left:0; } .mobile-nav-wrapper, .site-header__logo.mobileview { display:none; } @media (min-width:990px) { .header .container { position:relative; } .header .container .d-menu-col { position:static; } #siteNav a { text-decoration:none; font-size:14px; display:block; opacity:1; -webkit-font-smoothing: antialiased; letter-spacing:0.05em; position:relative; } #siteNav > li { display:inline-block; text-align:left; } #siteNav > li > a { color:#282829; padding:0 15px; text-transform:uppercase; line-height:50px; } #siteNav.medium > li a { font-weight:500; } #siteNav > li > a .anm { vertical-align:middle; } #siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover { color:#3e4095; } #siteNav > li .megamenu { opacity:0; visibility:hidden; padding:30px; width:100%; position:absolute; top:35px; left:0; z-index:999; background-color:#fff; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); pointer-events:none; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; max-height:600px; overflow:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.1); } #siteNav > li .megamenu ul { padding:0; list-style:none; } #siteNav > li:hover > .megamenu { top:60px; opacity:1; visibility:visible; pointer-events:visible; } #siteNav > li .megamenu li.lvl-1 { margin-bottom:30px; } #siteNav > li .megamenu.style1 li.lvl-1 { margin-bottom:0; } #siteNav > li .megamenu li.lvl-1 a.lvl-1 { color:#000; font-size:13px; text-transform:uppercase; padding:0 0 8px; font-weight:400; } #siteNav > li .megamenu li.lvl-1 li .site-nav { color:#000; padding:3px 0; font-weight:400; } #siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color:#3e4095; } #siteNav > li .megamenu li.lvl-1 li .site-nav:before { content: ""; display:inline-block; width:0px; height:2px; vertical-align:middle; background-color:#3e4095; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #siteNav > li .megamenu li.lvl-1 li .site-nav:hover:before { width:5px; margin-right:3px; } #siteNav > li .megamenu.style1 { width:330px; overflow:hidden; } #siteNav > li .megamenu.style2 li.lvl-1 { margin-bottom:10px; } #siteNav > li .megamenu .menu-title { font-weight:600 !important; } #siteNav > li.mdropdown { position:relative; } #siteNav > li .megamenu .imageCol { padding-bottom:25px; } #siteNav > li ul.dropdown li a .anm { position:absolute; right:10px; top:10px; } #siteNav a .lbl { color:#ffffff; font-size:9px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; padding:3px 4px; background-color:#0a9339; position:relative; vertical-align:middle; } #siteNav a .lbl:after { content:" "; display:block; width:0; height:0; position:absolute; bottom:3px; left:-7px; border:4px solid transparent; border-right-color:transparent; border-right-color:#0a9339; } #siteNav a .lbl.nm_label3 { background-color:#fb6c3e; } #siteNav a .lbl.nm_label1 { background-color:#ff0000; } #siteNav a .lbl.nm_label3:after { border-right-color:#fb6c3e; } #siteNav a .lbl.nm_label1:after { border-right-color:#ff0000; } #siteNav > li.dropdown { position:relative; } #siteNav > li .dropdown, #siteNav > li .dropdown ul { background-color:#fff; list-style:none; opacity:0; visibility:hidden; width:220px; position:absolute; top:67px; left:0; z-index:999; box-shadow:0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.1); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding:10px; } #siteNav > li:hover > .dropdown, #siteNav > li .dropdown li:hover > ul { top:64px; opacity:1; visibility:visible; } #siteNav > li ul.dropdown li { border-top:1px solid #eeeeee; position:relative; } #siteNav > li ul.dropdown li:first-child { border:0; } #siteNav > li ul.dropdown li a { color:#000; font-weight:400; padding:8px 12px; background-color:#fff; } #siteNav > li ul.dropdown li:hover > a, #siteNav > li ul.dropdown li a:hover { color:#fff; background-color:#3e4095; padding-left:17px; } #siteNav > li ul.dropdown li ul { top:20px; left:100%; } #siteNav > li ul.dropdown li:hover > ul { top:0; } #siteNav .menu-brand-logo { width:50%; float:left; padding-right:10px; } #siteNav .menu-brand-logo a { display:block; margin-bottom:10px; border:1px solid #ddd; } #siteNav .menu-brand-logo a:hover { border-color:#000; } #siteNav .menu-brand-logo a img { display:inline-block; vertical-align:middle; } } .header-content-wrapper { width:100%; padding:15px 0; } /*====================================================================== 8. Homepage Demo's ========================================================================*/ body.index-demo2, html .index-demo2, .index-demo2 button, .index-demo2 input, .index-demo2 select, .index-demo2 textarea, .index-demo2 .btn { font-size:15px; font-family: 'Jost', sans-serif; } .index-demo2 .mfp-close { font-size:28px; } .index-demo2 h1, .index-demo2 .h1, .index-demo2 h2, .index-demo2 .h2, .index-demo2 h3, .index-demo2 .h3, .index-demo2 h4, .index-demo2 .h4, .index-demo2 h5, .index-demo2 .h5, .index-demo2 h6, .index-demo2 .h6, .index-demo2 #siteNav > li .megamenu .menu-title { font-family: 'Jost', sans-serif; font-weight:700; } .index-demo2 .mask-overlay, .index-demo16 .mask-overlay { z-index:9; } .index-demo2 .slideshow .slideshow__title { font-weight:600; } .index-demo2 .slideshow .mega-small-title { font-size:20px; letter-spacing:-0.5px; } .index-demo2 .slideshow .slideshow__subtitle { font-size:20px; letter-spacing:-0.5px; line-height:1.5; } .index-demo2 .product-notification h5 { color:#000; font-size:12px; } .index-demo2 .section .section-header { max-width:600px; margin-left:auto; margin-right:auto; } .index-demo2 .section .section-header h2 { font-size:25px; font-weight:600; } .index-demo2 .section .section-header h2 span { color: #3e4095} .index-demo2 .section .section-header p { font-size:15px; margin:0; } .index-demo2 .imgBanners .row .img-banner-item { padding-left:8px; padding-right:8px; } .top-header-wrapper.header-16-top .top-header { font-size:12px; } .top-header-wrapper.header-16-top .wl-msg { padding-right:10px; } .top-header-wrapper.header-16-top .text-right a { padding-left:10px; } .custom-map-section { background-color:#fafafa; padding:50px 0; } .topbar-slider-items { margin:0 40px; } .topbar-slider-items a { color:#fff; } .topbar-slider-items .slick-arrow { opacity:0; visibility:hidden; } .topbar-slider-items:hover .slick-arrow { opacity:1; visibility:visible; } .topbar-slider-items .slick-arrow:before { color:#fff; font-size:16px; } .topbar-slider-items .slick-next { right:-40px; } .topbar-slider-items .slick-prev { left:-40px; } .header-social-icons { display:inline-block; font-weight:normal; } .header-social-icons li { display:inline-block; padding-left:8px; } .header-4 { min-height:80px; border-bottom:0; border-top: 4px solid #ed3237; } .header-4.stickyNav { min-height:60px; padding: 4px 0; } .header-4 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size:15px; letter-spacing:0.5px; } .top-header-wrapper .top-header { font-size:13px; } .top-header-wrapper .top-header .text-left a { margin-right:10px; } .top-header-wrapper .top-header i { vertical-align:middle; } .index-demo2 .store-info-section { margin-top:-5px; } .index-demo2 .style2.store-info h5, .index-demo2 .style2.store-info .h5 { font-size:16px; text-transform:none; } .store-info-section { background-color:#fafafa; } .style2.store-info h5, .style2.store-info span, .style2.store-info, .store-info a, .store-info.style2 .anm { color:#333333; } .style2.store-info h5, .style2.store-info .h5 { margin-bottom:0; letter-spacing:0; font-size:14px; } .store-info.style2 .anm { float:left; margin:0 15px 0 0; } @media only screen and (min-width: 767px) { .large-pd { padding:55px 0; } .small-pd { padding:30px 0; } } /*====================================================================== 9. Homepage Elements ========================================================================*/ /* 9.2 Hero/Parallax Banners */ .parallax-banner-style1 .hero--exlarge { background-attachment:fixed; } /* 9.5 Testimonial Slider */ .quote-wraper { background:#f5f5f5; padding:40px; } .quotes-slider blockquote { border:0; max-width:700px; margin:0 auto; line-height:26px; } .quotes-slider__text { font-size:1.13462em;font-weight:400;font-style:normal; padding:0 15px; } .quotes-slider .authour { color:#555; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#000; line-height:18px; } .quotes-slider__text p { margin-bottom:30px; } .quotes-slider .slick-arrow { background-color:rgba(255,255,255,0.8); margin-top:-30px; height:35px; line-height:34px; width:35px; text-align:center; font-size:0px; padding:0; opacity:0; visibility:hidden; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .quotes-slider .slick-arrow:before { line-height:35px; } .quotes-slider:hover .slick-arrow { opacity:1; visibility:visible; } .quotes-slider .slick-prev { left:-10px; } .quotes-slider .slick-next { right:-10px; } /* 9.6 Info/Simple Text Section */ .section.info-section { padding:15px; } .info-section { color:#fff; font-size:16px; background-color:#111111; padding:20px 10px; } .info-section a { color:#fff; letter-spacing:0.5px; } .info-section a:hover { color:#f06543 } /* 9.8 Miniproduct List Section */ .mini-product .column-ttl { font-size:17px; text-transform:uppercase; margin:0 0 25px; } .mini-product .mini-list-item { margin-bottom:20px; display:flex; display:-webkit-flex; } .mini-product .mini-list-item .mini-view_image { width:35%; max-width:100px; float:left; overflow:hidden; } .mini-product .mini-list-item .details { margin-left:0; padding-left:15px; } .mini-product .mini-list-item .mini-view_image img { max-width:100px; } .mini-product .mini-list-item .product-review .fa { font-size:13px; margin:0; } /* 9.9 Homepage Slideshow */ .slideshow-wrapper { position:relative; } .slideshow .slide { position:relative; } .slideshow .wrap-caption.center { max-width:1200px; text-align:center; } .slideshow .slideshow__text-content.center { left:0; right:0; margin:0 auto; } .slideshow .slideshow__text-content.center .wrap-caption.center { display: block; } .slideshow .wrap-caption.right { float:right; text-align: right; } .slideshow .wrap-caption.left { float:left; text-align: left; } .left .slideshow__text-content { left:7%; text-align:center; } .container.left .slideshow__text-content { left:auto; } .right .slideshow__text-content { right:7%; text-align:center; } .slideshow__text-content { position:absolute; max-width:600px; width:50%; top:50%; z-index:3; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } .slideshow .wrap-caption { display:inline-block; padding:25px; } /* Slide Caption Animation */ .slideshow__text-wrap .anim-tru.style1 { opacity:0; -ms-transition:1s all 100ms; -webkit-transition:1s all 100ms; transition:1s all 100ms; -webkit-transition:1s all 100ms; transform:scale(0.8); -webkit-transform:scale(0.8); } .slick-active .slideshow__text-content .anim-tru.style1 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } .slideshow__text-content.bottom { top:auto; bottom:10%; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } .slideshow__text-content.top { top:10%; -ms-transform:translateY(10%); -webkit-transform:translateY(10%); transform:translateY(10%); } .slick-active .slideshow__text-content { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:1; } .slick-active .slideshow__text-content.bottom { top:auto; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } .slick-active .slideshow__text-content.top { -ms-transform:translateY(-5%); -webkit-transform:translateY(-5%); transform:translateY(-5%); } /* End Slide Caption Animation */ .slideshow .slideshow__title { color:#000000; font-weight:700; font-size:50px; text-transform:none; line-height:1.1; text-shadow:1px 1px 7px rgba(0,0,0,0); } .slideshow .slideshow__subtitle { color:#000000; font-weight:400; font-size:16px; text-transform:none; margin-bottom:20px; line-height:1.2; text-shadow:1px 1px 4px rgba(0,0,0,0); display:block; } .slideshow__text-wrap { height:100%; } .slick-active .slideshow__image.img-animate { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } .slideshow__image.img-animate { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .slideshow__overlay.bottom:before { background:-ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, #000 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%); } .slideshow__overlay:before { content: ''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.5; z-index:3; } .slideshow .slick-slide img { width:100%; } .slideshow .slick-prev, .slideshow .slick-next { line-height:normal; font-size:0px; padding:0; border:0; opacity:0; visibility:hidden; position:absolute; z-index:4; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:40px; height:40px; border-radius:5px; text-align:center; background-color:rgba(255,255,255,0.1); -ms-transition:all ease-out 0.2s; -webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s; } .slideshow:hover .slick-prev, .slideshow:hover .slick-next { opacity:0.75; visibility:visible; opacity:0.7; background-color:rgba(255,255,255,0.7); box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); } .slideshow .slick-prev { left:10px; } .slideshow .slick-next { right:10px; } .slideshow .slick-next:before { content:"\ea8c"; font-family:"annimex-icons"; color:#000; } .slideshow .slick-prev:before { content:"\ea8b"; font-family:"annimex-icons"; color:#000; } .slideshow .slick-prev:before, .slideshow .slick-next:before { font-size:20px; line-height:20px; } .slideshow .btn { color:#fff; background-color:#000; } .slideshow .btn:hover, .slideshow .btn:focus { opacity:0.8; } .slideshow .slick-dots { margin:0; width:auto; padding:0; list-style:none; position:absolute; bottom:20px; text-align:center; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } .slideshow .slick-dots li { width:12px; height:12px; vertical-align:middle; position:relative; display:inline-block; padding:0; cursor:pointer; margin-right:8px; } .slideshow .slick-dots li button { color:transparent; line-height:0; font-size:0; border:0; background:transparent; display:block; cursor:pointer; color:#fff; width:12px; height:12px; text-indent:-9999px; padding:0; border-radius: 100%; background-color:#fff; transition:all 0.2s; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; opacity:0.5; } .slideshow .slick-dots li.slick-active button { opacity:1; } .slideshow img.mobile-hide { display:none; } .slideshow.style2 .slideshow__title { font-size:42px; font-weight:300; text-transform:uppercase; margin-bottom:5px; } .slideshow.style2 .mega-small-title { text-transform:uppercase; margin-bottom:5px; } .slideshow.style2 .slideshow__subtitle { font-size:15px; line-height:normal; } .slideshow.style2 .btn { color:#fff; padding:5px 15px; border:2px solid #000; } .slideshow.style2 .btn:hover, .slideshow.style2 .btn:focus { color:#000; border-color:#000; background-color:transparent; } .slideshow-carousel.slideshow .slick-prev, .slideshow-carousel.slideshow .slick-next { opacity:0.9; background-color:#fff; border-radius:0; -webkit-border-radius:0; box-shadow:none; -webkit-box-shadow:none; } .home-slideshow-carousel.slick-slider { margin:0 -6px; } .home-slideshow-carousel .slick-slide { margin:0 6px 12px; } .home-slideshow-carousel .slide .img { position:relative; overflow:hidden; } .home-slideshow-carousel .slide .img img { display:block; width:100%; -ms-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .home-slideshow-carousel .slide .details { display:block; height:100%; position:absolute; top:0; left:0; opacity:0; visibility:hidden; width:100%; text-align:center; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .home-slideshow-carousel .slide .details h3 { color:#000; font-size:20px; line-height:1.3; margin:0; font-weight:600; text-transform:uppercase; } .home-slideshow-carousel .slide .details .btn { background-color:#3e4095; display:inline-block; margin-top:15px; font-size:12px; padding:10px 25px; } .home-slideshow-carousel .slide .details .btn:hover { background-color:#000; opacity:1; } .home-slideshow-carousel .slide .details:before { position:absolute; left:0; top:0; content: ""; width:100%; height:100%; background:#ffffff; opacity:0.8; } .home-slideshow-carousel .slide:hover .details { opacity:1; visibility:visible; } .home-slideshow-carousel .slide .inner { position:relative; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:15px; } .home-slideshow-carousel .slide:hover .img img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .slideshow-carousel.style2 .slick-slide { margin:0; } .slideshow-carousel.style2 .slide .details { height:auto; top:auto; bottom:20px; opacity:1; visibility:visible; } .slideshow-carousel.style2 .slide .details h3 { color:#fff; font-size:32px; margin:0; font-weight:400; } .slideshow-carousel.style2 .slide .details:before { display:none; } .slideshow-carousel.style2 .slide .inner { transform:none; -webkit-transform:none; -ms-transform:none; } .mega-subtitle ul { list-style:none; padding:0; margin:15px 0; } .mega-subtitle li { line-height:1.5; position:relative; padding-left:20px } .mega-subtitle li:before { position:absolute; left:0; content:"\ea7f"; font-family:"annimex-icons"; font-size:14px; top:50%; margin-top:-10px } /* 9.10 Collection Slider */ .collection-slider .collection-grid-item { margin:0 10px; position:relative; text-align:center; overflow:hidden; width:auto !important; } .collection-slider .collection-grid-item .img { position:relative; overflow:hidden; } .collection-slider .collection-grid-item .img img { display:block; width:100%; -ms-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .collection-slider .collection-grid-item:hover .img img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1);transform:scale(1.1); } .collection-slider .slick-arrow { opacity:0; visibility:hidden; width:30px; height:30px; } .collection-slider:hover .slick-arrow { color:#000; opacity:1; visibility:visible; } .collection-slider .collection-grid .slick-prev { left:10px; } .collection-slider .collection-grid .slick-next{ right:10px; } .collection-slider-full .collection-grid-slider { padding:0 40px; } .collection-slider-full .slick-prev { left:40px; } .collection-slider-full .slick-next{ right:40px; } .collection-slider-full .collection-grid-slider .collection-item { position:relative; } .collection-slider-full .collection-grid-slider .details { position:absolute; bottom:20px; left:20px; right:20px; width:auto; } .collection-slider-full .collection-grid-slider .details:before { background:#ffffff; opacity:0.9; } .collection-slider-full .collection-grid-slider .details .collection-item-title { color:#333333; } /* 9.15 Custom Content */ .custom-content-section .col-lg-6 { margin-bottom:30px; } .custom-content-section .section-header { margin-bottom:10px; } .custom-content-section .custom-details { text-align:center; max-width:80%; margin:0 auto; } .custom-content-section .custom-details p { margin-bottom:20px; } /*====================================================================== 10. Collection Banner Grid ========================================================================*/ .collection-banners { margin-top:15px; } .collection-banners .row { margin-left:-10px; margin-right:-10px; } .collection-banners .row .banner-item { padding-left:10px; padding-right:10px; } .collection-banners .collection-grid-item { position:relative; overflow:hidden; } .collection-banners .collection-grid-item img { display:block; width:100%; -ms-transition:all ease-out 0.5s; -webkit-transition:all ease-out 0.5s; transition:all ease-out 0.5s; } .collection-banners .collection-grid-item:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .collection-banners .details { background-color:#fff; color:#000; width:50%; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); position:absolute; bottom:30px; right:0; padding:20px; text-align:center; } .collection-banners .details .title { margin:0; font-size:16px; text-transform:uppercase; } .collection-banners .details p { margin:5px 0 0; } .collection-banners .details .btn { font-size:12px; padding:5px 15px; margin-top:10px; } .banner-item:after, .collection-page-item:after { content:''; display:block; clear:both; } .grid-sizer, .banner-item, .collection-page-item { width:50%; } .grid-sizer.grid-5col, .collection-banners.style4 .collection-page-item { width:20%; } .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item { width:16.66667%; } .grid-sizer.grid-7col, .collection-banners.style6 .collection-page-item { width:14.28571%; } @media (min-width:576px) and (max-width: 767px) { .grid-sizer, .banner-item, .collection-page-item { width:50%; } .grid-sizer.grid-5col, .collection-banners.style4 .collection-page-item, .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item, .grid-sizer.grid-7col, .collection-banners.style6 .collection-page-item { width:33.33%; } } .banner-item, .collection-page-item { float:left; margin-bottom:20px; } .banner-item img, .collection-page-item img { display:block; max-width:100%; } .collection-page-grid .collection-page-item { padding-left:5px; padding-right:5px; margin-bottom:10px; } .collection-grid-item .collection-grid-item__link { opacity:1; } .collection-grid-item .details { display:block; height:100%; position:absolute; top:0; opacity:0; z-index:1; padding:15px; width:100%; text-align:center; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .collection-grid-item .details:before { position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:#000; z-index:-1; } .collection-grid-item .details .inner { position:relative; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:0; } .collection-grid-item__title { color:#fff; font-size:17px; text-transform:uppercase; margin:0; font-weight:600; display:block; } .collection-grid-item .counts { color:#fff; font-size:13px; } .collection-grid-item:hover .details { opacity:0.8; } .collection-banners.style0 .collection-grid-item .details { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center;justify-content:center; height:100%; position:absolute; top:0; opacity:0; z-index:1; padding:15px; width:100%; text-align:center; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .collection-banners.style0 .collection-grid-item .details:before { position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:#000; z-index:-1; } .collection-banners.style0 .collection-grid-item:hover .details { opacity:0.8; } .collection-banners.style0 .collection-grid-item .details .inner { position:static; } .collection-banners.style1 .collection-grid-item .overlay { display:block; width:100%; height:100%; opacity:0; visibility:hidden; position:absolute; top:0; left:0; z-index:4; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .collection-banners.style1 .collection-grid-item:hover .overlay { visibility:visible; opacity:1; } .collection-banners.style1 .collection-grid-item .details { opacity:1; visibility:visible; height:auto; top:auto; width:auto; } .collection-banners.style1 .collection-grid-item .details.transparent { background-color:transparent; } .collection-banners.style1 .collection-grid-item .details:before { display:none; } .collection-banners.style1 .collection-grid-item .details.wd-70 { width:70%; } .collection-banners.style1 .collection-grid-item .details.wd-90 { width:90%; } .collection-banners.style1 .collection-grid-item .details .inner { position:static; transform:none; -ms-transform:none; -webkit-transform:none; } .collection-banners.style1 .collection-banners .details p { margin-top:10px; } .category-6col-page .container-fluid, .category-7col-page .container-fluid { padding:0; } .collection-box { background-color:#f5f5f5; } .collection-grid-slider { margin:0 -7.5px; } .collection-grid-slider .slick-slide { margin:0 7.5px; } .collection-grid-slider .collection-item .img { position:relative; overflow:hidden; } .collection-grid-slider .collection-item .img img { display:block; width:100%; -ms-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .collection-grid-slider .collection-item:hover .img img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .collection-grid-slider .details { z-index:1; position:relative; padding:15px; width:100%; text-align:center; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .collection-grid-slider .details:before { position:absolute; left:0; top:0; content: ""; width:100%; height:100%; background:#111111; opacity:1; z-index:-1; } .collection-grid-slider .details .collection-item-title { color:#fff; font-size:14px; text-transform:uppercase; margin:0; } .collection-grid-slider .slick-arrow { background-color:rgba(255,255,255,0.75); opacity:0; visibility:hidden; } .collection-grid-slider:hover .slick-arrow { opacity:1; visibility:visible; } .collection-banner-grid { background-color:inherit; } .collection-banner-grid .collection-item { margin-bottom:30px; } .collection-banner-grid .details { background-color:rgba(88, 195, 141, 0.7); padding:15px; text-align:center; } .collection-banner-grid .collection-item-title { font-size:15px; } .collection-slider-4items .slick-list { margin-left:-5px; margin-right:-5px; } .collection-slider-4items .slick-slide { padding:5px; } .collection-slider-4items .slick-arrow { background-color:rgba(255,255,255,0.9); } .collection-slider-4items .slick-prev { left:0; } .collection-slider-4items .slick-next { right:0; } .lookbook { margin:0 -5px; } .lookbook .collection-grid-item { position:relative; overflow:visible; } .lookbook .grid-lookbook { float:left; padding:5px; } .lookbook .collection-grid-item.gallery { overflow:hidden; } .lookbook a { opacity:1; } .lookbook .zoom-img { text-align:center; border-radius:2px; display:block; width:31px; height:28px; opacity:0; visibility:hidden; -ms-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; cursor:pointer; position:absolute; left:10px; top:10px; z-index:9; background-color:#fff; } .lookbook .grid-lookbook:hover .zoom-img { opacity:1; visibility:visible; } .lookbook .zoom-img .anm { color:#111111; font-size:19px; line-height:28px; } .lookbook .grid-lookbook img { width:100%; display:block; margin:0 auto; } .lookbook-caption { background:#000000; } .lookbook .lookbook-caption { font-size:20px; text-align:center; bottom:-100px; position:absolute; left:0; right:0; margin:0; padding:12px 18px; transition-duration:0.5s; -webkit-transition-duration:0.5s; } .lookbook .lookbook-caption a { color:#fff; } .lookbook .lookbook-caption .text-1 { font-size:15px; } .lookbook .lookbook-caption .text-2 { font-size:13px; display:block; } .lookbook .grid-lookbook:hover .lookbook-caption { bottom:0; } .lookbook-shop-page .collection-grid-item.gallery { overflow:visible; } .lookbook-shop-page .lookbook .grid-lookbook { z-index:inherit; } .lookbook .collection-grid-item:hover img { transform:none; -webkit-transform:none; -ms-transform:none; } .lookbook .products { position:absolute; } .lookbook .products .btn-shop { z-index:1; margin:5px; cursor:pointer; background:#000; color:#fff; border-radius:50%; display:block; height:24px; width:24px; text-align:center; line-height:23px; } .lookbook .products .btn-shop::before { content: ""; position:absolute; animation: box-shadow 1.5s linear infinite; -webkit-animation: box-shadow 1.5s linear infinite; left:5px; top:5px; border-radius:50%; height:24px; width:24px; color:rgba(255,255,255,0.4); } .lookbook .products .btn-shop .anm { font-size:10px; } .lookbook .grid-lb { visibility:hidden; z-index:2; box-shadow: 0 0 2px #bbb; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; opacity:0; display:table; position:absolute; table-layout:fixed; width:260px; background:#fff; border-radius:0; padding:10px; } .lookbook .grid-lb.active { opacity:1; visibility:visible; } .lookbook .grid-lb.left { right:0; } .lookbook .grid-lb .btn-shop-close { background:#131313; color:#ffffff; position:absolute; right:-8px; top:-8px; padding:1px 6px; cursor:pointer; z-index:3; } .lookbook .grid-lb .pro-img { display:table-cell; margin:0; width:80px; } .lookbook .grid-lb .detail { width:160px; display:table-cell; vertical-align:top; text-align:left; margin:0; padding:0 0 0 15px; } .lookbook .grid-lb .detail .title { color:#000; } .lookbook .grid-lb .detail .price { margin:5px 0; } .lookbook .grid-lb .detail .btn { margin-top:5px; font-size:12px; padding:5px 10px; } @keyframes box-shadow { 0%, 100% { -webkit-box-shadow:0 0 0 0; -moz-box-shadow:0 0 0 0; box-shadow:0 0 0 0; } 50% { -webkit-box-shadow:0 0 0 4px; -moz-box-shadow:0 0 0 4px; box-shadow:0 0 0 4px; } } .custom-text-masonry-item { float:left; margin-bottom:10px; } .custom-text-masonry-item .btn { text-decoration:none !important; padding:10px 20px; } /*====================================================================== 11. Breadcrumbs ========================================================================*/ .breadcrumbs-wrapper { background:#3e4095; margin:0 0 30px; } .breadcrumbs-wrapper .container { padding-top:10px; padding-bottom:10px; } .breadcrumbs a, .breadcrumbs span { color:#fff; display:inline-block; padding:0 3px 0 0; margin-right:3px; font-size:13px; text-transform: uppercase; letter-spacing: 1px;} .breadcrumbs a:hover { text-decoration: underline;} .page-title h1 { letter-spacing:1px; font-weight:700; font-size:28px; text-transform:uppercase; position:relative; margin:0 0 30px; text-align:center; position: relative; padding-bottom: 8px;} .page-title h1::after { content: ''; position: absolute; background: #3e4095; width: 100px; height: 3px; bottom: 0; left: 0; right: 0; margin: 0 auto;} /*====================================================================== 12. Section ========================================================================*/ .section { padding-top:50px; padding-bottom:50px; } .section-header { margin-bottom:35px; text-align:center; } .section-header h2 { font-size:22px; font-weight:700; line-height:1.3; margin: 0 auto; color: #0c0b0b; } .section-header p { color:#444; font-size:13px; margin:5px 0 0; display:block;} .pb-section { padding-bottom:50px; } .pt-section { padding-top:50px; } .no-pb-section { padding-bottom:0 !important; } .no-pt-section { padding-top:0 !important; } @media only screen and (min-width: 992px) { #page-content { min-height:500px; } } /*====================================================================== 13. Product Grid ========================================================================*/ .grid-products a { text-decoration:none !important; } @media only screen and (min-width: 992px) { .shop-grid-5 .grid-products .item.col-lg-2 { -ms-flex:0 0 20%; -webkit-flex:0 0 20%; flex:0 0 20%; max-width:20%; } } @media only screen and (min-width: 1540px) { .shop-grid-7 .grid-products .item.col-lg-2 { -ms-flex:0 0 14.2222%; -webkit-flex:0 0 14.2222%; flex:0 0 14.2222%; max-width:14.2222%; } } .grid-products .item .product-image .showVariantImg img { opacity:0; visibility:hidden; } .grid-products .item .product-image .showVariantImg .variantImg { visibility:visible; opacity:1; } .grid-products .item .product-image .showLoading { transition: .5s; animation: loader-rotate .8s infinite linear; background: none !important; border: 3px solid rgba(100,100,100,.5); border-top-color: rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; content: ""; height: 34px !important; left: 50%; line-height: 1; margin-left: -17px; margin-top: -17px; pointer-events: none; position: absolute; top: 50% !important; -webkit-animation: loader-rotate .8s infinite linear; width: 34px !important; z-index: 154 !important; } .grid-products .item .product-image { position:relative; overflow:hidden; margin:0 auto 15px; } .grid-products .item .product-image > a { display:block; white-space:nowrap; opacity:1; } .grid-products .item .product-image img { display:inline-block; width:100%; margin:0 auto; vertical-align:middle; -ms-transition:all ease-out 0.4s; -webkit-transition:all ease-out 0.4s; transition:all ease-out 0.4s; } .grid-products .item .product-image .hover { visibility:hidden; opacity:0; left:50%; top:50%; position:absolute; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .grid-products .item .product-image:hover .primary { opacity:0; } .grid-products .item .product-image:hover .hover:not(.variantImg) { opacity:1; visibility:visible; } .grid-view_image:hover .primary { opacity:0; visibility:hidden; } .grid-view_image:hover .hover:not(.variantImg) { opacity:1; visibility:visible; } .grid-products .item .product-details.text-left .product-name, .grid-products .item .product-details.text-left .product-price .price { font-size:14px; } .add-to-cart-btn { margin:10px 0; } .add-to-cart-btn i { vertical-align:middle; padding-right:2px; } .add-to-cart-btn span { vertical-align:middle; } .tab_container .grid-products.grid-products-style1 .item { padding:0; } .medical-demo .btn.soldOutBtn, .soldOutBtn { background-color:#f00; } .grid-view_image .product-image > a:after { content: ""; display:inline-block;width:0px; height:100%; vertical-align:middle; } .slick-prev, .slick-next { width:30px; height:30px; text-align:center; position:absolute; z-index:9; display:block; line-height:normal; font-size:0px; padding:6px 10px; cursor:pointer; background:transparent; color:transparent; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); padding:0; border:none; opacity:1; } .slick-prev { left:10px; } .slick-next { right:10px; } .slick-prev:before, .slick-next:before { font-family:"annimex-icons"; font-size:20px; line-height:30px; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; display:block; } .slick-prev:before { content:"\ea8b"; } .slick-next::before { content:"\ea8c"; } .productSlider:hover .slick-arrow, .productPageSlider:hover .slick-arrow, .productSlider-style1:hover .slick-arrow, .productSlider-style2:hover .slick-arrow, .productSlider-style2:hover .slick-arrow, .productSlider-fullwidth:hover .slick-arrow { opacity:1; } .grid-products .slick-arrow { margin-top:-10px; width:30px; } .productPageSlider .slick-arrow { margin-top:-20px; } .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev { margin-top:-10px; } .productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-arrow, .productSlider-fullwidth .slick-arrow { padding:6px 10px; border-radius:5px; opacity:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next, .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next { right:-35px; } .productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev { left:-35px; } .grid-products .slick-slider .item, .grid-products.slick-slider .item { margin-bottom:0; } .product-labels { position:absolute; left:5px; top:5px; } .product-labels.rectangular .lbl { border-radius:0; } .product-labels.radius .lbl { border-radius:3px; -webkit-border-radius:3px; } .product-labels.round .lbl { border-radius:100px; -webkit-border-radius:100px; width:45px; height:43px; line-height:44px; padding:0 10px; } .product-labels .lbl { display: block; white-space:nowrap; color:#fff; font-size:11px; font-weight:400; text-transform:uppercase; text-align:center; padding:0 5px; height:20px; line-height:20px; margin-bottom:5px; } .product-labels .on-sale { right:5px; background:#f54337; } .product-labels .pr-label1, .product-labels .new { left:5px; background:#01bad4; } .product-labels .pr-label2, .product-labels .hot { left:5px; background:#e9a400; } .product-labels .pr-label3 { left:5px; background:#81d53d; } .product-labels.rounded .lbl { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; align-items:center; white-space:nowrap; word-break:break-all;-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; text-align:center; height:50px; width:50px; } .grid-view-item--sold-out .grid-view-item__image { opacity:0.5; } .sold-out { position:absolute; top:0; width:100%; left:0; height:100%; } .sold-out span { color:#fff; position:absolute; top:50%; left:0; right:0; text-transform:uppercase; letter-spacing:0.08em; text-align:center; background-color:#f00; width:80%; margin:-20px auto; padding:10px } .product-image:hover .variants.add { bottom:5px; } .button-set { position:absolute; right:5px; top:30px; opacity:0; visibility:hidden; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .button-set.style1 { right:0; left:0; width:100%; text-align:center; bottom:-10px; top:auto; } .index-demo9 .button-set.style1 .tooltip-label, .index-demo10 .button-set .tooltip-label, .index-demo12 .button-set .tooltip-label { bottom:40px; } .button-set.style2 { right:auto; left:10px; width:35px; text-align:center; bottom:10px; top:auto; } .button-set.style2 ul li { display:block; } .button-set ul { list-style:none; padding:0; margin:0; } .button-set ul li { display:inline-block; vertical-align:middle; } .button-set li .btn-icon { color:#ffffff; display:inline-block; border:0; background-color:#3e4095; position:relative; font-size:18px; padding:0; margin:2px; width:100%; height:33px; width:33px; line-height:32px; text-align:center; border-radius:4px; border:2px solid transparent; } .button-set li .btn-icon.btn-square { line-height:30px; } .grid-products .item:hover .button-set.style1 { bottom:10px; top:auto; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .grid-products .item:hover .button-set.style2 { bottom:10px; top:auto; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .grid-products .item:hover .button-set { top:5px; opacity:1; visibility:visible; } a.quick-view, a.wishlist, .cartIcon, .add-to-compare { color: #000000; background-color:#ffffff; border:0; width:35px; height:35px; line-height:34px; display:block; text-transform:uppercase; text-align:center; padding:0; margin-bottom:5px; } a.quick-view:hover, a.wishlist:hover, .cartIcon:hover, .variants.add button:hover, .add-to-compare:hover { color:#ffffff; background-color:#000000; opacity:0.8; } .button-set .tooltip-label { height:23px; position:absolute; top:-20px; left:50%; font-size:10px; text-transform:uppercase; line-height:21px; -ms-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; visibility:hidden; opacity:0; background:#000000; color:#ffffff; border-radius:0; padding:1px 7px; white-space:nowrap; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:3px; letter-spacing:0; } .button-set .tooltip-label:before { content: ""; border:5px solid transparent; border-top:6px solid #000000; bottom:-10px; margin-left:-3px; left:50%; position:absolute; } .button-set li .btn-icon:hover .tooltip-label { opacity:1; visibility:visible; top:-33px; } .button-set.style2 .tooltip-label { left:30px; top:50% !important; height:24px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } .button-set.style2 li .btn-icon:hover .tooltip-label { top:50% !important; left:40px; } .button-set.style2 .tooltip-label:before { border:5px solid transparent; border-right:6px solid #000000; bottom:auto; left:-7px; top:7px; } .button-set .btn-icon.btn-square .tooltip-label { line-height:18px; } .button-set li .btn-icon.btn-square { border-radius:0; -webkit-border-radius:0; } .button-set li .btn-icon.btn-square .tooltip-label { border-radius:0; -webkit-border-radius:0; } .grid-products .item { margin:0 0 30px; text-align:center; } .tab_container .grid-products .item { margin-bottom:0; } .grid-products .item .product-name a { color:#000; font-size:1em; line-height:1.2; margin-bottom:0; } .grid-products .item .product-name a:hover { opacity:0.8; } .grid-products .item .product-price { margin:0; color:#3e4095; font-weight:400; } .product-price .old-price { color:#555; font-size:12px; opacity:0.8; text-decoration:line-through; } .product-price .old-price + .price { padding-left:5px; color:#e95144 !important; } .product-price .price { color:#3e4095; } .product-price__sale, .product__price--sale { color:#000 !important; } .product-review .fa { font-size:15px; opacity:1; color:#ffb503; margin:0 1px; } .grid-products .item .swatches { margin:8px 0 0; list-style:none; padding:0; } .grid-products .item .swatches li { position:relative; display:inline-block; height:17px; width:17px; margin:3px 2px; cursor:pointer; box-shadow:0 0 1px 1px #ddd; -webkit-box-shadow:0 0 1px 1px #ddd; border:2px solid #ffffff; } .tooltip-label { z-index:2; -ms-transition:all 0.15s ease-in-out; -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; opacity:0; visibility:hidden; position:absolute; top:-38px; bottom:auto; left:50%; background:#000000; color:#ffffff; border-radius:3px; padding:2px 6px; white-space:nowrap; font-size:10px; transform:translateX(-50%); text-transform:uppercase; } .tooltip-label:before { content: ""; border:5px solid transparent; border-top:5px solid #000000; position:absolute; bottom:-9px; left:50%; margin-left:-5px; } .grid-view-item__title { color:#000; font-size:1em; line-height:1.2; margin-bottom:0; } .grid-view-item__meta { margin:5px 0; } .product-price__price { color:#000000; font-weight:600; display:inline-block; } .grid-products-hover-btn a.quick-view, .grid-products-hover-btn a.wishlist, .grid-products-hover-btn .variants.add button, .grid-products-hover-btn .cartIcon, .grid-products-hover-btn .add-to-compare { color:#ffffff; background-color:#000000; } .grid-products-hover-gry a.quick-view, .grid-products-hover-gry a.wishlist, .grid-products-hover-gry .variants.add button, .grid-products-hover-gry .cartIcon, .grid-products-hover-gry .add-to-compare { color:#ffffff; background-color:#555555; } .brand-name a { color:#555; font-size:12px; text-transform:uppercase; } /* Countdown Timer On listing */ .grid-products .item:hover .saleTime { display:none } .saleTime { position:absolute; bottom:5px; left:0; right:0; z-index:111 } .saleTime .time-count { font-weight:700; font-size:14px; } .saleTime span>span { color:#141414; font-weight:700; min-width:30px; padding:6px 4px 4px; line-height:12px; display:inline-block; margin:0 0 0 1px; text-align:center; background:rgba(255, 255, 255, 0.7); } .saleTime span>span span { display:block; background:none; font-size:10px; font-weight:400; margin-top:-3px; text-transform:uppercase; line-height:8px } .timermobile { margin:0 -10px; display:none } .timermobile .saleTime { position:relative; margin-top:20px } .grid-products .countdown-deals { position:absolute; bottom:-10px; } .grid-products .countdown-deals .cdown { color:#fff; background-color:#000; } .product-list .countdown-deals { line-height:40px; text-align:left; } .product-list .countdown-deals .cdown { font-size:14px; height:59px; width:65px; text-align:center; color:#fff; background-color:#000; } .product-load-more .list-product, .product-load-more .item { display:none; } .grid-products .item .brands { margin:10px 0; font-size:13px; } .grid-products .item .brands p { margin:0; } .grid-products .item .brands .label { font-weight:600; } #quickView-modal { max-width:800px; margin:50px auto; background-color:#fff; position:relative; padding:25px;} .loading .loadingBox { display:block; position:fixed; } .loadingBox { display:none; padding:20px; background-color:#fff; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.3); position:fixed; z-index:1050; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .loadingBox .anm { font-size:40px; opacity:0.9; } .loading .modalOverly { display:block; } .modalOverly { display:none; position:fixed; bottom:0; left:0; right:0; top:0; z-index:666; background-color:rgba(0,0,0,0.6); -ms-transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); -webkit-transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); } .anm-spin { animation:anm-spin 1.5s infinite linear; -webkit-animation:anm-spin 1.5s infinite linear; -ms-animation:anm-spin 1.5s infinite linear; } @-webkit-keyframes anm-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); } } @keyframes anm-spin { 0% {-webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); } } @keyframes scaleimg { 0%, 100% { transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } 50% { transform:scale(1.2); -webkit-transform:scale(1.2) -ms-transform:scale(1.2) } } .products-grid-section .grid-products .button-set.style3 { position:static; opacity:1; visibility:visible; margin-top:10px; } .products-grid-section .grid-products .row .item { margin-bottom:40px; } .products-grid-section .grid-products .row:last-of-type .item { margin-bottom:20px; } /*====================================================================== 14. Product Listview ========================================================================*/ .list-view-item { display:table; table-layout:fixed; margin-bottom:15px; padding-bottom:15px; width:100%; border-bottom:1px solid #e8e9eb; text-decoration:none; } .list-view-item:hover { text-decoration:none; } .list-view-item p { color:#555; } .list-view-item__image-column { display:table-cell; vertical-align:middle; width:230px; } .list-view-item__image-wrapper { position:relative; margin-right:20px; } .list-view-item__title-column { display:table-cell; vertical-align:middle; } .list-view-items .grid-view-item__title { font-size:15px; font-weight:700; font-family:'Poppins', sans-serif; margin-bottom:10px; text-align:left; } .list-view-items .product-price { font-size: 16px; } .list-view-items .product-price__sale { padding-left:5px; } .list-view-items .variants { margin-top:10px; display:inline-block; vertical-align:middle; } .list-view-items .button-box { display:inline-block; vertical-align:middle; margin-top:10px; } .list-view-items .button-box > div { display:inline-block; } .list-view-items .button-box > div .btn-icon { color:#fff; font-size:16px; background-color:#000; width:40px; height:30px; line-height:34px; padding:0 10px; display:inline-block; vertical-align:top; margin:0; } /*====================================================================== 15. Products Detail Page ========================================================================*/ .product-form .swatch { margin-bottom:10px; } .product-form .swatch .product-form__item { margin-bottom:0; padding-bottom:0; padding-top:0; } .product-form__item { -webkit-flex:1 1 200px; -moz-flex:1 1 200px; -ms-flex:1 1 200px; flex:1 1 200px; margin-bottom:10px; padding:5px 5px 0; } .product-form .swatch label { display:block; text-transform:uppercase; font-weight:600; margin-bottom:5px; } .product-form .swatch label .required { color:#F00; } .product-form .swatch label .slVariant { font-weight:normal; padding-right: 20px; } .product-template__container label .slVariant { font-weight:700; } .product-form .swatch .swatch-element { display:inline-block; margin-right:8px; cursor:pointer; } .product-form .swatch .swatchInput + .swatchLbl.color.medium { width:50px; height:50px; } .product-form .swatch .swatchInput:checked + .swatchLbl { border:2px solid #111111; box-shadow:none; } .product-form .swatch .swatchInput + .swatchLbl.color { width:30px; padding:0; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto; cursor:pointer; } .product-form .swatch .swatchInput + .swatchLbl.large { width:40px; height:40px; } .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height:36px; } .product-form .swatch .swatchInput + .swatchLbl { color:#333; font-size:12px; font-weight:400; line-height:25px; text-transform:capitalize; display:inline-block; margin:0; min-width:30px; height:30px; overflow:hidden; text-align:center; background-color:#f9f9f9; padding:0 10px; border:2px solid #fff; box-shadow:0 0 0 1px #ddd; border-radius:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer; } .product-form .swatch .swatchInput { display:none; } .product-action { width:100%; display:block; margin:5px 0 10px; padding:0 5px; } .product-action .quantity { float:left; margin:0 10px 10px 0; } .product-action .add-to-cart { width:auto; overflow:hidden; } .product-action .add-to-cart .button-cart { width:100%; padding:6px 15px; min-height:42px; } .product-action .wishlist-btn .wishlist { width:auto; float:left; padding:0; line-height:normal; } .product-action .wishlist-btn .wishlist i { vertical-align:middle; } .product-action .wishlist-btn .wishlist:hover { color:#555; background-color:transparent; } .share-icon { clear:both; } .share-icon span { display:inline-block; font-weight:600; text-transform:uppercase; } .share-icon .social-icons { display:inline-block; } .share-icon .social-icons li { margin-right:10px; } .product-single-1 .product-details-img .product-zoom-right { width:100%; } .product-details-img:before, .product-details-img:after { content:''; clear:both; display:block; } .product-details-img .product-thumb { display:inline-block; padding:0 10px 0 0; width:15%; margin:0; float:left; } .product-details-img .product-thumb-1 { display:block; padding:0; width:100%; margin:0; float:left; padding-right:0; } .product-details-img .product-zoom-right { display:inline-block; position:relative; width:85%; float:left; } .product-thumb .product-dec-slider-2 a { cursor:pointer;} .product-thumb .slick-slide { margin-bottom:3px; } .product-details-img .product-thumb .slick-arrow { top:auto; background-color:rgba(255,255,255,0.8); padding:5px 10px; opacity:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .product-details-img:hover .product-thumb .slick-arrow { opacity:1; } .product-details-img .product-thumb .slick-prev { top:16px; left:50%; margin-left:-15px; } .product-details-img .product-thumb .slick-next { bottom:-10px; left:50%; right:auto; margin-left:-15px; } .product-details-img .product-thumb .slick-prev:before { content:"\f106"; font-family:"FontAwesome"; font-size:20px; line-height:20px; } .product-details-img .product-thumb .slick-next:before { content:"\f107"; font-family:"FontAwesome"; font-size:20px; line-height:20px; } .product-details-img .product-labels { z-index:99; } .product-details-img.product-single__photos.bottom .product-thumb .slick-arrow { background:transparent; } .product-details-img.product-single__photos.bottom .product-thumb .slick-next { right:0; top:50%; left:inherit; } .product-details-img.product-single__photos.bottom .product-thumb .slick-prev { left:15px; top:50%; bottom:0; } .product-details-img.product-single__photos.bottom .product-thumb .slick-prev:before { content:"\ea8b"; font-family:"annimex-icons"; font-size:16px; } .product-details-img.product-single__photos.bottom .product-thumb .slick-next:before { content:"\ea8c"; font-family:"annimex-icons"; font-size:16px; } .product-details-img .social-sharing { text-align:center; clear:both; padding-top:20px; } .product-details-img .social-sharing .share-title { display:none; } .trustseal-img { margin-bottom:20px; } .zoomContainer { z-index:2; } .product-buttons > a { position:relative; } .product-buttons .tooltip-label { padding:4px 6px; line-height:normal; top:-42px; left:50%; -ms-transform:translate(-50%); -webkit-transform:translate(-50%); transform:translate(-50%); border-radius:0; } .product-buttons .btn:hover .tooltip-label { opacity:1; visibility:visible; top:-30px; z-index:1000; } .product-form .swatch .swatchInput + .swatchLbl.rounded { border-radius:50% !important; } .product-form .swatch .swatchInput + .swatchLbl.rectangle { border-radius:7px !important; } .product-buttons { position:absolute; right:10px; bottom:10px; z-index:99; } .product-buttons .btn.popup-video i, .product-buttons .btn i { line-height:33px; } .product-buttons .btn { font-size:19px; height:36px; width:36px; text-align:center; margin-top:5px; clear:both; padding:0; line-height:33px; background:#000000; color:#ffffff; opacity:0.9; } .product-template__container .product-single { margin-bottom:20px; } .product-template__container .product-single__meta { position:relative; margin-bottom:20px; } h1.product-single__title, .product-single__title.h1 { color:#000; font-size:26px; margin-bottom:10px; letter-spacing: 1px; } .product-template__container .product-nav { position:absolute; right:0; top:10px; } .product-template__container .product-nav .next { float:right; } .product-template__container .product-nav .prev, .product-template__container .product-nav .next { font-size:20px; display:block; line-height:22px; text-align:center; height:20px; width:20px; padding:0; color:#000; } .product-detail-container .prInfoRow { margin-bottom:10px; } .product-detail-container .prInfoRow > div { display:inline-block; margin-right:5%; color: #3e4095; } .product-detail-container .prInfoRow .instock { color:#447900; } .product-detail-container .prInfoRow .spr-badge-caption { color:#424242; padding-left:5px; } .product-detail-container .prInfoRow a:hover { text-decoration:none; } .product-single__price .product-price__price { font-size:18px; padding-left:3px; } .discount-badge { display:inline-block; vertical-align:middle; margin:-2px 0 0 5px; font-size:13px; } .discount-badge .product-single__save-amount { font-weight:700; } .discount-badge .off, .discount-badge .product-single__save-amount { color:#e95144; } .product-single__price { display:inline-block; margin-right:10px; font-weight:600; margin-bottom:15px; } .orderMsg { color:#fff; margin-bottom:20px; display:block; } .orderMsg p { color:#fff; line-height: normal; background-color:#000; padding:3px 10px; display:inline-block; } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity:0.0; } } .product-description ul, .product-single__description ul { margin-left:0; } .product-single__description ul { text-align:left; } .product-description ul li, .product-single__description ul li { position:relative; margin-left:15px; list-style:disc; } .rte { margin-bottom:20px; } .rte li { margin-bottom:4px; list-style:inherit; } .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { margin-top:30px; margin-bottom:15px; } .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child { margin-top:0 } .rte:last-child { margin-bottom:0; } .product-template__container #quantity_message { color:#31a3a3; font-size:16px; text-align:center; padding:5px 9px; margin-bottom:15px; border:1px dashed #31a3a3; } .product-template__container #quantity_message .items { font-weight:700; } .product-form { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:end; -webkit-align-items:flex-end; -moz-align-items:flex-end; -ms-align-items:flex-end; -o-align-items:flex-end; align-items:flex-end; width:auto; margin:0 -5px -10px; } .product-detail-container .product-form .swatch { width:100%; } .product-form .swatch { margin-bottom:10px; } .product-form .swatch .product-form__item { margin-bottom:0; padding-bottom:0; padding-top:0; } .product-form__item { -webkit-flex:1 1 200px; -moz-flex:1 1 200px; -ms-flex:1 1 200px; flex:1 1 200px; margin-bottom:10px; padding:5px; } .product-form .swatch label { display:block; text-transform:uppercase; font-weight:600; } .product-template__container label .slVariant { font-weight:700; } .product-form .swatch .swatch-element { display:inline-block; margin-right:8px; cursor:pointer; } .product-form .swatch .swatchInput + .swatchLbl.color.medium { width:50px; height:50px; } .product-form .swatch .swatchInput:checked + .swatchLbl { border:2px solid #111111; box-shadow:none; } .product-form .swatch .swatchInput + .swatchLbl.color { width:30px; padding:0; height:30px; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; cursor:pointer; } .product-form .swatch .swatchInput + .swatchLbl.large { width:40px; height:40px; } .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height:36px; } .product-form .swatch .swatchInput + .swatchLbl { color:#000; font-size:12px; font-weight:400; line-height:26px; text-transform:capitalize; display:inline-block; margin:0; min-width:30px; height:30px; overflow:hidden; text-align:center; background-color:#f9f9f9; padding:0 10px; border:2px solid #fff; box-shadow:0 0 0 1px #ddd; border-radius:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer; } .product-form .swatch .swatchInput { display:none; } .product-form .swatch .swatch-element .black { background-color:#000; } .product-form .swatch .swatch-element .white { background-color:#fff; border:1px solid #ddd; } .product-form .swatch .swatch-element .red { background-color:#3e4095; } .product-form .swatch .swatch-element .blue { background-color:#0000fe; } .product-form .swatch .swatch-element .pink { background-color:#ffc1cc; } .product-form .swatch .swatch-element .gray { background-color:#818181; } .product-form .swatch .swatch-element .green { background-color:#027b02; } .product-form .swatch .swatch-element .orange { background-color:#fca300; } .product-form .swatch .swatch-element .yellow { background-color:#f9f900; } .product-form .swatch .swatch-element .blueviolet { background-color:#8A2BE2; } .product-form .swatch .swatch-element .brown { background-color:#A52A2A; } .infolinks { margin:15px 0; padding:0 5px; } .infolinks .btn, .infolinks .wishlist { border:0; background-color:transparent; color:#000; padding:0; margin-right:15px; display:inline-block; vertical-align:top; } .infolinks .btn:focus, .infolinks .wishlist:focus { outline:0; box-shadow:none; } .infolinks .btn i { font-size:14px; vertical-align:middle; } .infolinks .wishlist { background:none !important; color:#000 !important; width:auto; text-align:left; line-height:inherit; height:auto; text-decoration:none; margin-bottom:0; } #sizechart { text-align:center; background:#fff; margin:0 auto; padding:20px; max-width:800px; position:relative; } #sizechart table tr th { background:#000; color:#fff; border:0 !important; } #sizechart table tr th, #sizechart table tr td { padding:7px 12px; text-align:center; font-size:12px; border:1px solid #e8e9eb; } table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; } #sizechart ul, #ShippingInfo ul { margin:0 0 20px 15px; } #productInquiry { background:#fff; margin:0 auto; padding:20px; max-width:700px; position:relative; } #productInquiry h3 { font-size:20px; font-weight:bold; margin-bottom:20px; } #productInquiry input[type="tel"], #productInquiry input[type="email"], #productInquiry input[type="text"], #productInquiry textarea { background-color:#fff; margin-bottom:20px; } #productInquiry textarea { padding:10px; } .product-template__container .product-action { width:100%; display:block; margin-bottom:15px; padding:0 5px; } .product-template__container .product-form__item--quantity { float:left; margin:0 10px 10px 0; } .wrapQtyBtn { float:left; } .product-action .qtyField { display:table; margin:0 auto; border:1px solid #ddd; } .product-action .qtyField .qty { width:40px; } .product-action .qtyField .qtyBtn, .product-action .qtyField .qty { padding:10px 6px; width:30px; height:42px; border-radius:0; float:left; border:0; } .product-action .qtyField a { background-color:#fff; color:#000; border:0; } .product-action .qtyField a .fa { font-size:12px; line-height:21px; } .product-action .qtyField > a, .product-action .qtyField > span, .qtyField input { display:table-cell; line-height:normal; text-align:center; padding:3px 6px; border:1px solid #f5f5f5; } .product-form__item--submit { width:auto; overflow:hidden; padding-left:15px; } .product-form__item--submit .btn { width:100%; padding:9px 15px; min-height:42px; } .agree-check { margin:15px 0 10px; } .agree-check .checkbox { margin-right:3px; } .buy-it-btn .btn { border-radius:0; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#fff; background-color:#e95144; float:right; cursor:pointer; display:block; font-size:14px; font-weight:400; line-height:1; text-align:center; width:100%; padding:1em 2em; margin:0 0 15px; letter-spacing:0.02em; } .buy-it-btn .btn[disabled] { opacity:0.6; cursor:default; } .social-sharing .btn { color:#000 !important; padding:0 5px; margin-bottom:0; background:none !important; border:0; letter-spacing:normal; text-transform:capitalize; } .btn--share .fa { color:#222222; font-size:14px; } .freeShipMsg { margin-bottom:12px; } .freeShipMsg .fa { font-size:20px; width:25px; vertical-align:middle; } .shippingMsg { margin-bottom:12px; } .shippingMsg .fa { font-size:18px; width:25px; vertical-align:middle; } #quantity_message { color:#000; font-size:16px; text-align:center; padding:5px 9px; margin-bottom:15px; border:1px dashed #000; } #quantity_message .items { font-weight:700; } .related-product { margin-bottom:40px; margin-top: 40px; } .related-product .section-header { margin-bottom:20px; } .related-product .section-header p { margin-left:auto; margin-right:auto; } .related-product .button-set.style1 li .btn-icon { font-size:14px; margin:1px; width:30px; height:30px; line-height:28px; } .product-template__container .section-header { margin-bottom:40px; } .sub-heading { text-align:center; max-width:500px; margin:0 auto; } .related-product .grid--view-items { overflow:visible; } .recently-product .grid-products .item { float:left; } .product-single__photos.bottom .product-dec-slider-1 { padding:8px 0; margin-left:-4px; } .product-single__photos.bottom .product-dec-slider-1 .slick-list { margin:0 -2px; } .product-single__photos.bottom .product-dec-slider-1 .slick-slide { margin:0 4px; } .product-info .lbl { font-weight:700; } .left-content-product { float:left; width:80%; padding-right:30px; } .sidebar-product { float:left; width:20%; } .sidebar-product .prFeatures { padding-top:0; } .sidebar-product .prFeatures h5 { font-size:1.07692em; font-family:'Poppins', sans-serif; font-weight:600; } .template-product-right-thumb .sidebar-product .prFeatures { padding-top:0; } .sidebar-product .section-header { margin-bottom:20px; } .prstyle3 .related-product { margin-bottom:20px; } .prstyle3 .related-product:before, .prstyle3 .related-product:after { content:''; clear:both; display:block; } .prstyle3 .related-product .section-header .h2, .prstyle3 .related-product .section-header .sub-heading { text-align:left; } .prstyle3 .related-product .section-header { margin-bottom:12px; } .prSidebar .section-header h2, .prSidebar .section-header .h2 { font-size:130%; text-align:left !important; } .prstyle3 .mini-list-item .mini-view_image img { max-width:110px; } .prstyle3 .mini-list-item .mini-view_image { width:28%; } .prstyle3 .mini-list-item .details { margin-left:32%; } .template-product-right-thumb .product-details-img .product-thumb { padding-right:0; padding-left:5px; } .template-product-right-thumb .product-thumb .product-dec-slider-2 a { padding-bottom:3px; } .template-product-right-thumb .prFeatures { padding:40px 0 20px; } .product-countdown { position:static; margin:15px 0; } .product-countdown:before, .product-countdown:after { content:''; clear:both; display:block; } .product-countdown .time-count { font-weight:700; font-size:24px; display:block; width:100%; text-align:center; margin:0; } .saleTime.product-countdown { position:static; margin:15px 0; } .saleTime.product-countdown .count-inner { background-color:#f8f8f8; min-width:65px; border:1px solid #dddddd; padding:10px; margin-right:5px; } .saleTime.product-countdown .count-inner .time-count { color:#000; font-size:20px; line-height:23px; font-weight:bold; } .saleTime.product-countdown span>span { margin-top:0; } .saleTime.product-countdown span>span span { font-size:13px; line-height:16px; display:block; background-color:transparent; border:0; padding:0; } .product-right-sidebar .product-details-img { width:50%; float:left; padding-right:10px; } .product-right-sidebar .product-information { width:50%; float:left; padding-left:10px; } .product-right-sidebar .sidebar-product { width:100%; } .product-right-sidebar .tabs-listing { clear:both; padding-top:30px; } .product-right-sidebar .sub-heading { text-align:left; } .product-right-sidebar .related-product { margin-bottom:20px; } .product-labels .pr-label3 { left:5px; background:#fb6c3e; } .product-single .product-single__meta { position:relative; margin-bottom:10px; } .product-single .product-featured-img { width:100%; display:block; margin:0 auto; } .product-single .grid_item-title { font-size:26px; margin-bottom:25px; } .mfpbox { margin:0 auto; padding:20px; max-width:800px; position:relative; background:#fff; box-shadow:0 0 20px rgba(51,51,51,0.3); -webkit-box-shadow:0 0 20px rgba(51,51,51,0.3); } .mfpbox .mfp-close { right:0; opacity:1; top:0; color:#333; line-height:30px; height:30px; width:30px } .product-nav { color:#333333; font-size:12px; line-height:1.2; max-width:200px; padding:5px; opacity:0.3; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; position:fixed; top:45%; z-index:10; background-color:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2); } .product-nav:hover { color:#333; opacity:1; } .product-nav.prev-pro { left:-130px; } .product-nav.next-pro { right:-130px; } .product-nav .details { width:125px; padding:5px; } .product-nav span.img { width:60px; } .product-nav:hover.prev-pro { left:0; } .product-nav:hover.next-pro { right:0; } .product-nav .price { margin-top:10px; display:block; } .product-horizontal-style .product-zoom-right { width:100%; } .product-horizontal-style .product-horizontal-thumb { width:100%; padding:10px 0; } .product-horizontal-style .product-horizontal-thumb .slick-slider { margin:0 -10px 0 0; } .product-horizontal-style .product-horizontal-thumb .slick-slide { margin:0 10px 0 0; cursor:pointer; } .product-horizontal-style .product-horizontal-thumb .slick-prev { left:0; top:50%; margin:0; } .product-horizontal-style .product-horizontal-thumb .slick-prev:before { content: "\ea8b"; font-family:"annimex-icons"; font-size:14px; line-height:18px; } .product-horizontal-style .product-horizontal-thumb .slick-next { right:9px; left:auto; bottom:auto; top:50%; margin:0; } .product-horizontal-style .product-horizontal-thumb .slick-next:before { content: "\ea8c"; font-family:"annimex-icons"; font-size:14px; line-height:18px; } .product-360-degree-layout .trustseal-img { margin-top:20px; } .social-sharing .btn .share-title { display:none; } .product-single .type-product { display:block; margin:10px 0; } .stickyCart { display:none; color:#f5f5f5; position:fixed; bottom:0; left:0; right:0; z-index:50; text-align:center; width:100%; padding:5px; background-color:#000000; } .stickyCart .img, .stickyCart .sticky-title { display:inline-block; vertical-align:middle } .stickyCart .product-featured-img { display:block; margin:0 auto; max-width:40px; } .stickyCart .sticky-title { padding:0 60px 0 10px; } .stickyCart .stickyOptions { margin-right:10px; border:1px solid #535353; position:relative; display:inline-block; vertical-align:middle; text-align:left; } .stickyCart .stickyOptions .selectedOpt { padding:8px 30px 0 15px; font-size:110%; height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:220px; text-overflow:ellipsis; cursor:pointer; position:relative; } .stickyCart .stickyOptions .selectedOpt:after { content:"\e905"; font-family:"annimex-icons"; position:absolute; top:8px; right:10px; } .stickyCart .stickyOptions ul { position:absolute; bottom:100%; left:0; display:none; min-width:100%; max-height:300px; overflow:auto; background-color:#000; } .stickyCart .stickyOptions ul li { font-size:90%; padding:10px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; } .stickyCart .stickyOptions ul li.soldout { opacity:0.5; text-decoration:line-through; } .stickyCart .product-form__cart-submit { padding:0 20px; line-height:37px; border:0; background:#3e4095; color:#ffffff; } .stickyCart .wrapQtyBtn { display:inline-block; vertical-align:middle; margin-right:10px; float:none; } .stickyCart .qtyField { border:1px solid #535353; } .stickyCart .qtyField .qtyBtn, .stickyCart .qtyField .qty { color:#f5f5f5; height:35px; background-color:#000; border:0; } .stickyCart.popup { padding-right:16px; } .stickyCart .product-form__variants.selectbox.no-js { display:none; } .template-product .tabs-listing.tab-accordian-style { margin-top:10px; } .tab-accordian-style .acor-ttl { line-height:normal; text-transform:uppercase; color:#000; background-color:#f5f5f5; border:1px solid #ddd; display:block; padding:15px 30px 15px 15px; margin-bottom:5px; } .tab-accordian-style .acor-ttl.active { color:#000000; background-color:#ffffff; border:1px solid #dddddd; padding:10px; display:block; padding:15px 30px 15px 15px; } .tab-accordian-style .acor-ttl:before { font-family:"annimex-icons"; content: "\eb66"; font-size:18px; position:absolute; right:15px; top:50%; margin-top:-10px; } .tab-accordian-style .acor-ttl.active:before { content: "\eb69"; } .tab-accordian-style .tab-container .tab-content { padding:20px 0; } .template-product .list-sidebar-products .grid__item { margin-bottom:15px; } .template-product .mini-list-item .mini-view_image { width:30%; } .template-product .mini-list-item .mini-view_image img { max-width:90px; } ol#compare-items { list-style:none; padding:0; margin:0; } ol#compare-items li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ECECEC; position:relative; } ol#compare-items li .btn-remove1 { position:absolute; right:5px; top:5px; } .template-product .block-cart .list-sidebar-products .grid__item { margin-bottom:0; } .block { background-color:#f5f5f5; padding:15px; } .block-cart .block-subtitle { font-weight:600; } .block-cart .list-sidebar-products { margin-top:15px; } .block-cart .summary { padding:0 0 15px; border-bottom:1px solid #ECECEC; } .block-cart .summary p { margin-bottom:5px; } .block-cart .summary .subtotal .price { font-weight:600; } .block-cart .product-name { display:block; margin:5px 0; } .block-cart .details { position:relative; } .block-cart .btn-remove1 { position:absolute; right:5px; top:5px; } .product-single-center-mode .product-details-img { margin-bottom:30px; } .product-single-center-mode .product-buttons { bottom:86px; right:26px; } .product-single-center-mode .product-center-style3 .slick-slide { opacity:0.5; } .product-single-center-mode .product-center-style3 .slick-slide.slick-active.slick-center { opacity:1; } .product-single-center-mode .tabs-listing { margin-bottom:20px; } .product-single-center-mode .tabs-listing .product-tabs { text-align:center; } .product-single-center-mode .product-info-center { max-width:700px; margin:0 auto 30px; text-align:center; } .product-simple-layout #freeShipMsg { margin-top:20px; } .product-simple-layout .product-form-product-template { border-top:1px dotted #a0a0a0; border-bottom:1px dotted #a0a0a0; padding:20px 0 10px; margin:20px 0 10px; } .product-simple-layout .tabs-listing .product-tabs { text-align:center; } .product-variable-layout .product-form-product-template { border-top:1px dotted #a0a0a0; border-bottom:1px dotted #a0a0a0; padding:20px 0; margin:20px 0 30px; } .product-variable-layout .infolinks .btn { margin-right:10px; } .out-of-stock-layout .product-form__item--submit { padding-left:0; } .out-of-stock-layout .out-of-stock-btn { background-color:#ff0000; opacity:1; cursor:default; } .toolbar { margin-top:30px; } .infinitpagin { clear:both; padding:15px 0 30px; text-align:center; } .loadMore { color:#fff !important; } .pagination { width:100%; text-align:center; list-style:none; font-size:1.15385em; } .pagination ul { display:block; margin:0 auto; } .pagination li { display:inline-block; } .pagination li a { font-size:12px; color:#fff; height:30px; width:30px; line-height:28px; display:inline-block; border:2px solid #ed3237; vertical-align:middle; background: #ed3237; border-radius: 3px; font-weight: 500;} .pagination li.active a, .pagination li a:hover { background: transparent; color:#282829; } .pagination li a i { line-height:28px; vertical-align:middle; } /*====================================================================== End Sidebar ========================================================================*/ /*====================================================================== 18. CMS Page ========================================================================*/ .about-style-2 #page-content .col-12 img { text-align:center; } .about-style-2 .team-bio { margin:15px 0; text-align:center; } .about-style-2 .team-bio p { margin-bottom:0; } .about-style-2 .social-url { text-align:center; margin-bottom:20px; } .about-style-2 .social-url a { margin:0 7px; } .error-404-page .page-title h1 { font-size:40px; margin:0 0 10px; } .error-404-page #page-content .error-content p { color:#000; font-size:16px; } .dashboard-upper-info { border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; margin-bottom:40px; } .dashboard-upper-info p{ margin-bottom:0; font-size:15px; } .dashboard-upper-info .d-single-info { border-right:1px solid #ebebeb; padding:30px 20px; } .dashboard-upper-info [class*="col-"]:last-child .d-single-info { border-right:0; } .dashboard-list li a { border-bottom:1px solid #ebebeb; color:#000; display:block; font-size:14px; font-weight:500; padding:10px 15px; text-transform:uppercase;} .dashboard-list li a.active, .dashboard-list li a:hover { color:#fff; background-color:#000; } .dashboard-content { border:1px solid #ebebeb; padding:20px; } .dashboard-content h3 { font-size:18px; line-height:24px; margin-bottom:15px; padding-bottom:15px; text-transform:uppercase; font-weight:600; padding:10px 0; letter-spacing:0.8px; } .dashboard-content p { margin:0; } .product-order .table thead th { font-size:14px; padding:10px; font-weight:600;} .product-order .table tbody tr td { line-height:18px; font-weight:500; } .product-order .table tbody tr td a:hover { text-decoration:underline; } .dashboard-content .billing-address { font-size:16px; font-weight:700; line-height:normal; margin:15px 0 10px; } .dashboard-content .address .view:hover { text-decoration:underline; } .contact-details { padding:60px 30px; background:#3e4095; color:#fff; } .visually-hidden, .icon__fallback-text { position:absolute !important; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } .addressFooter { list-style:none; padding:0; margin:0; } .addressFooter .icon { color:#fff !important; font-size:18px; float:left; margin-top:2px; } .addressFooter li { padding-bottom:12px; } .addressFooter li p { padding-left:30px; } .addressFooter li p a { color: #fff;} .addressFooter li p a:hover { text-decoration: underline;} .contact-us-page .section-header { margin-bottom:0; } .contact-us-page .map-section { margin-bottom:0; overflow:hidden; height:350px; } .contact-us-page .map-section .container { position:relative; height:100%; } .contact-us-page .map-section__overlay { left:auto; width:300px; padding:20px; display:inline-block; text-align:center; z-index:3; position:absolute; left:30px; top:0; transform:translateY(-135%); -webkit-transform:translateY(-135%); margin-top:0; background:rgba(255,255,255,0.8); } .contact-us-page .map-section__overlay-wrapper { position:static; text-align:left; height:100%; } .rte-setting { margin-bottom:11.11111px; } .contact-us-page .btn--secondary { background-color:#ededed; color:#000; border:1px solid #000; } .contact-form textarea { height:120px; } .contact-us-page2 .contact-form-in { padding:30px; background:#f8f8f8; color:#111111; } .contact-us-page2 .contact-form-in .input-text, .contact-us-page2 .contact-form-in textarea { background-color:#fff; } .contact-us-page2 .contact-details { background-color:#fff; padding:0; } /* Social Icon */ .site-footer__social-icons li { padding:0 10px; } .social-icons .icon { color:#fff; font-size:16px; } .site-footer__social-icons .icon { width:16px; } /*====================================================================== 20. Cart Pages ========================================================================*/ .cart-col h5 { font-size:16px; font-weight:700; text-transform:uppercase; } .cart__row { position:relative; } .cart th { padding:10px 0 8px; background:#f2f2f2; text-transform:uppercase; padding-left:15px; padding-right:15px; } .cart td { padding:10px; } .cart .cart__meta { padding-right:15px; } .cart th.cart__meta, .cart td.cart__meta { text-align:left; } .cart__image-wrapper a { display:block; } .cart .list-view-item__title { color:#000; font-size:1.15385em; min-width:100px; } .cart__image-wrapper { width:120px; } .cart .qtyField a { height:36px; line-height:34px; padding:0; } .cart .qtyField .cart__qty-input { height:36px; width:40px; float:left; } .cart .qtyField a .icon { line-height:33px; font-size:10px; } .cart .cart__remove { border:0; margin-top:4px; font-size:14px; padding:0; height:25px; width:26px; text-align:center; vertical-align:middle; line-height:25px; border-radius:100px; } .cart .cart__remove .icon { line-height:25px; } .cart table tfoot .icon { vertical-align:middle; } .style2 .cart__footer .cart-note { margin-bottom:30px; } .cart__footer .solid-border { border:1px solid #e8e9eb; padding:20px; margin-bottom:20px; } .cart__footer h5, .cart__footer .h5, .cart__footer h5 label, .cart__footer .h5 label, .cart__footer .cart__subtotal-title { color:#000; text-transform:uppercase; font-size:14px;font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; letter-spacing:0.02em; } .cart-note__input { min-height:50px; width:100%; height:178px; } .cart-note__label, .cart-note__input { display:block; } .cart__subtotal { font-weight:700; padding-left:15px; display:inline-block; } .cart__shipping { font-style:italic; font-size:13px; padding:12px 0; } .cart_tearm label { cursor:pointer; } input.checkbox { height:auto; vertical-align:middle; padding:0; box-shadow:none; } #cartCheckout { width:100%; padding:15px; } .cart-variant1 .cart .cart__price-wrapper{ text-align:center; } .cart-variant1 .cart table { border:1px solid #f2f2f2; } .cart-variant1 .cart table td { border:1px solid #f2f2f2; } .cart-variant1 .cart th.text-right, .cart-variant1 .cart .text-right.cart-price { text-align:center !important; } .cart__meta-text { color:#a2a2a2; font-size:12px; } .wrapQtyBtn { float:left; } .qtyField { display:table; margin:0 auto; } .qtyField .qty { width:40px; } .qtyField .qtyBtn, .qtyField .qty { padding:10px 6px; width:30px; height:42px; border-radius:0; float:left; } .qtyField a { background-color:#eee; color:#000; } .qtyField a .fa { font-size:12px; line-height:21px; } .qtyField > a, .qtyField > span, .qtyField input { display:table-cell; line-height:normal; text-align:center; padding:3px 6px; border:1px solid #f5f5f5; } /*====================================================================== 23. Footer ========================================================================*/ #site-scroll { color:#fff; line-height:35px; cursor:pointer; font-size:13px; width:35px; height:35px; right:30px; position:fixed; border-radius:50px; text-align:center; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; bottom:40px; z-index:444; display:none; background:#3e4095; } #site-scroll i { line-height:35px; } .template-index .footer { margin-top:0; } .footer { margin-top:40px; } .footer .footer-top { color:#111111; background-color:#f5f5f5; border-top: 1px solid #ffffff; padding-top:35px; padding-bottom:35px; } .footer .footer-top .h4 { color:#000000; font-size:15px; letter-spacing:0.5px; margin:0 0 15px; text-transform:uppercase; } @media (min-width:992px){ .footer .col-lg-3 { max-width:20%; flex:0 0 20%; -webkit-flex:0 0 20%; } .footer-6 .col-lg-3 { max-width:22%; flex:0 0 22%; -webkit-flex:0 0 22%; } .footer-12 .col-lg-3, .footer-15 .col-lg-3 { max-width:25%; flex:0 0 25%; -webkit-flex:0 0 25%; } .footer-17 .newsletter-col { max-width:40%; flex:0 0 40%; -webkit-flex:0 0 40%; } } .footer .about-us-col img { margin-bottom:20px; } .footer .social-icons li { padding-right:10px; } .footer .social-icons li a { color:#111; font-size:14px; } .footer-links ul { list-style:none; padding:0; margin:0; } .footer-links li { margin:5px 0; } .footer-links a { color:#111111; } .footer-links a:hover { color:#000000; } .footer-links a:before { content: ""; display:inline-block; width:0px; height:3px; vertical-align:middle; background-color:#111111; } .footer-links a:hover:before { width:4px; margin-right:3px; } .blur-up.lazyloaded { -webkit-filter:blur(0); filter:blur(0); } .blur-up { -webkit-filter:blur(5px); filter:blur(5px); transition:filter 400ms, -webkit-filter 400ms; -webkit-transition:filter 400ms, -webkit-filter 400ms; } /*====================================================================== 25. Cookie Popup ========================================================================*/ .cookie-popup { color:#fff; background-color:#000; padding:20px; position:fixed; z-index:1000; max-width:100%; bottom:0; left:0; right:0; text-align:center; } .cookie-popup .btn { background-color:#fff; color:#000; margin-right:10px; }