/*********************************************************************************    Template Name: Diva Multipurpose eCommerce Bootstrap 5 Template    Description: A perfect template to build beautiful and unique Fashion websites. It comes with nice and clean design.    Version: 1.0 **********************************************************************************/  /* ============================================    Table of Content: ----------------------------------------------- 01. Google Fonts 02. Basic Styles 03. Typography 05. Container 06. Button 06. Pre Loader 07. Bredcrumb 0.8. Section 09. Promotional Bar 10. Header Style 12. Products With Tab Slider 13. Product Grid 14. Collection Box Slider 15. Brands Logo Slider 16. Latest Blog Post 17. Store Feature 18. Shop Pages 19. Product Listview 20. Product Detail Page 21. Categories List 22. CMS Page 23. Image Banners 24. Custom Content 25. Instagram Section 26. Testimonial Slider 27. Hero Banners 28. Newsletter Cookie Popup 29. Collection Page 30. Homepages Demo     30.1 Home 1 - Classic 01     30.2 Home 2 - Default     30.3 Home 3 - Classic 02     30.4 Home 4 - Full Width     30.5 Home 5 - Boxed     30.6 Home 6 - Parallax Banner     30.7 Home 7 - Creative     30.8 Home 8 - Simple     30.9 Home 9 - Simple 2     30.10 Home 10 - Minimal     30.11 Home 11 - Modern     30.12 Home 12 - Category     30.13 Home 13 - Dark     30.14 Home 14 31. Footer ============================================*/   /*------------------------------------------  * 01. Google Fonts --------------------------------------------*/ @import url('//fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700&display=swap'); @import url('//fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap'); @import url('//fonts.googleapis.com/css2?family=Courgette&display=swap'); @import url('//fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800&display=swap'); @import url('//fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap');  /*------------------------------------------  * 02. Basic Styles --------------------------------------------*/ *, ::before, ::after { -webkit-box-sizing:border-box; box-sizing:border-box; } html { overflow:hidden; overflow-y:auto; } body { font-size:13px; line-height:1.8; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Poppins",Helvetica,Tahoma,Arial,serif; color:#555555; 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; } iframe { border:0; width:100%; } 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 5px center !important; line-height:1.2; text-indent:0.01px; text-overflow: ''; cursor:pointer; padding: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:focus { outline:none; } a:active, a:hover { color:#000000; outline:0; } a:hover, a:focus { opacity:0.8; } a:hover { text-decoration:underline; }  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; max-width:100%; } svg:not(:root) { overflow:hidden; } ol, ul { padding:0; margin:0; } ul { list-style: inside; } .list-items { margin-left:15px; margin-bottom:25px; } .hide { display:none !important; } .border-bottom { border-bottom:1px solid #f5f5f5 !important; }  /*------------------------------------------  * 03. 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:#000000; margin:0 0 9px; font-family:"Montserrat",Helvetica,Tahoma,Arial,serif; font-weight:700; line-height:1.2; overflow-wrap:break-word; word-wrap:break-word; } h1, .h1 { font-size:29px; } h2, .h2 { font-size:22px; } h3, .h3 { font-size:19px; } h4, .h4 { font-size:17px; } h5, .h5 { font-size:14px; } h6, .h6 { font-size:12px; } p { margin:0 0 25px; } p:last-child { margin-bottom:0; } hr { margin:20px 0; border:0; border-bottom:1px solid #e8e9eb; opacity: 1; }  input, button, select, textarea, .form-control { background:transparent; border:1px solid #e8e9eb; transition:all 0.4s ease-out 0s; color:#333333; border-radius:0; } input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active, .form-control:focus { background-color:#ffffff; border-color:#cdcfd3; outline:none; box-shadow: none; } input, select, .nice-select, textarea, .form-control { width: 100%; font-size: 13px; box-shadow:none; -webkit-box-shadow:none; border-radius:0; } textarea.form-control { min-height: 80px; } input, select, .nice-select { height:40px; padding:0 15px; } .nice-select { padding: 0 25px 0 15px; display: flex; align-items: center; } .nice-select:after { width:0px; height:0px; padding:0; margin:-2px 0 0; border-bottom:none; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #000000; display:inline-block; transform:none; } .nice-select.open:after { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); right:13px; margin:-4px 0 0; }  input[type="checkbox"], input[type="radio"] { width:auto; height:auto; } input[type="checkbox"]:focus, input[type="radio"]:focus { outline:0; box-shadow:none; }  ::placeholder { color:#858585; opacity:1; } :-ms-input-placeholder { color:#858585; } ::-ms-input-placeholder { color:#858585; } input:-moz-placeholder, textarea:-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  /* Utilities */ .hidden { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .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; } .label--hidden { position: absolute; height: 0; width: 0; margin-bottom: 0; overflow: hidden; clip: rect(1px,1px,1px,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; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table;/* 2 */ } .clearfix:after { clear: both; }  /* Text specialized */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .transform-none { text-transform: inherit !important; }  /* Font specialized */ .body-font { font-family: "Poppins", sans-serif !important; } .heading-font { font-family: "Montserrat", sans-serif !important; }  .font15 { font-size:15px; } .font18 { font-size:18px; } .font20 { font-size:20px; } .list--inline { padding:0; margin:0; display: flex; flex-wrap: wrap; } .list--inline li { display:inline-block; margin-bottom:0; vertical-align:middle; }  .table > :not(:last-child) > :last-child > * { border-bottom-color: inherit; } th { font-family:"Montserrat",Helvetica,Tahoma,Arial,serif; font-weight:700; } .display-table { display:table; table-layout:fixed; width:100%; margin:0 !important; } .display-table-cell { float:none; display:table-cell; vertical-align:middle; }  /*----------------------------------------   04. Container ------------------------------------------*/ .container { max-width:1200px; padding-left:30px; padding-right:30px; } .container-fluid { padding:0 65px; } .container-fluid:before, .container-fluid:after { content:''; clear:both; display:block; } .main-content { min-height:500px; }  .grid { *zoom:1; list-style:none; margin:0; padding:0; margin-left:-30px; } .grid__item { float:left; padding-left:30px; padding-right:0; width:100%; } .grid--no-gutters > .grid__item { padding-left:0; }  /*----------------------------------------   05. Button ------------------------------------------*/ .btn, .payment-button button { -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-flex; align-items:center; justify-content:center; width:auto; height:auto; text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:0; padding:8px 20px 8px; background-color:#222222; color:#eee; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:1px; line-height:normal; white-space:normal; font-size:14px; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .btn:hover, .btn:focus, .payment-button button:hover, .payment-button button:focus { background-color:#333; color:#ffffff; border-color:#333; text-decoration:none; } .btn--large { padding:0 25px; height:42px; } .btn--small { padding:8px 10px !important; font-size:0.92308em !important; line-height:1; } .btn--secondary { background-color:#ededed; color:#000000; border:1px solid #000000; }  .border-btn-1 { color:#ffffff; background-color:transparent; border:1px solid #ffffff; opacity:1; } .border-btn-1:hover, .border-btn-1:focus { color:#000000; background-color:#ffffff; border-color:#ffffff; } .border-btn-2 { color:#000000; background-color:transparent; border:1px solid #000000; } .border-btn-2:hover, .border-btn-2:focus { color:#ffffff; background-color:#000000; border-color:#000000; opacity: 1; }  .btn--link { background-color:transparent; border:1px solid transparent; margin:0; color:#000000; text-align:left; text-decoration:none; outline:none !important;box-shadow:none !important; } .btn--link:hover, .btn--link:focus { opacity:0.8; text-decoration:none; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: none; } button.close { background-color: transparent; padding: 0; border: 0; opacity: .5; -webkit-appearance: none; }  .alert { padding: 0.6rem 0.6rem; border-radius: 0rem; } .alert .icon { font-size: 20px; vertical-align: sub; }  .text-content p { margin-bottom: 10px; } .text-content h3 { margin-top: 20px; } .text-content .list-items li { margin-bottom: 5px; }  /* Custom Radio */ .customRadio { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 10px; } .customRadio input[type="radio"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); display: none; } .customRadio input[type="radio"] + label { position: relative; padding: 0 0 0 30px; cursor: pointer; } .customRadio input[type="radio"] + label:before { content: ''; background: #ffffff; border: 1px solid #d0d0d0; height: 20px; width: 20px; border-radius: 50%; position: absolute; top: 0; left: 0; } .customRadio input[type="radio"] + label:after { content: ''; background: #333333; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: transform 0.3s linear, opacity 0.3s linear; transition: transform 0.3s linear, opacity 0.3s linear; } .customRadio input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }  /* Custom Checkbox */ .customCheckbox { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .customCheckbox input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); display: none; } .customCheckbox input[type="checkbox"] + label { position: relative; padding: 0 0 0 30px; margin-bottom: 0; cursor: pointer; } .customCheckbox input[type="checkbox"] + label:before { content: ''; background: #ffffff; border: 1px solid #d0d0d0; border-radius: 0; height: 20px; width: 20px; position: absolute; top: 0; left: 0; } .customCheckbox input[type="checkbox"] + label:after { content: ''; border-style: solid; border-width: 0 0 2px 2px; border-color: transparent transparent #333333 #333333; width: 12px; height: 7px; position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: transform 0.3s linear, opacity 0.3s linear; transition: transform 0.3s linear, opacity 0.3s linear; } .customCheckbox input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); color: #6d6d6d; }  /*----------------------------------------   Flex Class ------------------------------------------*/ /* display flex/wrap */ .d-flex-wrap { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* display flex/wrap/align center */ .d-flex-align-center { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* display flex/wrap/align center/justify center; */ .d-flex-justify-align-center { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }  /*----------------------------------------   MFP Popup ------------------------------------------*/ .mfpbox { margin:0 auto; padding:20px; max-width:800px; position:relative; background:#ffffff; 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 } .mfp-zoom-in .mfp-with-anim, .modal.fade .modal-dialog { opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim, .modal.show .modal-dialog { opacity:1; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } .mfp-zoom-in.mfp-removing .mfp-with-anim { opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -ms-transform:scale(0.9); }  .modal-dialog { margin:0 auto; display:flex; justify-content:center; align-items:center; height:100%; } .modal-dialog .btn-close { padding:0; position:absolute; top:10px; right:10px; z-index:3; border:none; outline:none; box-shadow:none; }  /* Blur-up lazyload */ .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; } .blur-up { -webkit-filter:blur(5px); filter:blur(5px); transition:filter 400ms, -webkit-filter 400ms; -webkit-transition:filter 400ms, -webkit-filter 400ms; }  /* Tooltip */ .tooltip > .tooltip-inner { font-family:"Poppins",Helvetica,Tahoma,Arial,serif; font-size:10px; line-height:14px; letter-spacing:0.4px; font-weight:400; padding-left:8px; padding-right:8px; text-shadow:none; height:auto; text-transform:uppercase; border-radius:0; }  /* Magnific Popup */ .magnific-popup { position:relative; padding:20px; background-color:#ffffff; max-width:800px; width:95%; margin:40px auto; transition:1s all; -webkit-transition:1s all; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } .magnific-popup .mfp-close{ font-family:inherit; position:absolute; top:0; right:0; z-index:99; height:30px; width:30px; line-height:30px; background-color:#000000; opacity:1 !important; text-shadow:none; color:#ffffff; font-size:24px; } .magnific-popup .mfp-close:hover{ background-color:#555555; }  /*----------------------------------------   06. Pre Loader ------------------------------------------*/ #pre-loader { background-color:#ffffff; 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; }  /*----------------------------------------  * 07. Bredcrumb ------------------------------------------*/ .bredcrumbWrap { background:#f9f9f9; padding:5px 0; margin:0 0 36px; border-bottom:solid 1px #eeeeee; } .bredcrumbWrapPage { background:#ffffff; } .breadcrumbs a, .breadcrumbs span { font-size:11px; line-height:18px; display:inline-block; padding:0 5px 0 0; margin-right:3px; color:#1a1a1a;  } .breadcrumbs .title-bold{ color:#000000; font-weight:bold; } .bredcrumbWrap.bredcrumb-style2 .breadcrumbs { padding-top:10px; padding-bottom:10px; text-transform:uppercase; letter-spacing:0.8px; }  .page-title h1 { letter-spacing:normal; font-weight:700; font-size:20px; text-transform:uppercase; position:relative; margin:0 0 30px 0; text-align:center; }  /*----------------------------------------  * 0.8. Section ------------------------------------------*/ .section { padding-top:40px; padding-bottom:40px; } .section-header { margin-bottom:30px; } .pb-section { padding-bottom:30px; } .pt-section { padding-top:30px; } .no-pt-section { padding-top:0; } .no-pb-section { padding-bottom:0; } .section-header h2 { position:relative; font-size:22px; font-weight:700; text-transform: uppercase; } .section-header p { font-size:13px; line-height:1.3; }  /*----------------------------------------  09. Promotional Bar ------------------------------------------*/ .promotional-bar { border:none; border-radius:0; margin:0; padding:5px 0; text-transform:uppercase; font-size:13px; text-align:center; background-color:#333; color:#ffffff; } .promotional-bar a { color:#ffffff; text-decoration:none; padding:0 0 2px; border-bottom:1px solid #f1f1f1; margin:0 0 0 4px; } .promotional-bar .close{ text-shadow:none; color:#ffffff; opacity:1; font-size:18px; margin:2px 0 0; } .promotional-bar .close:hover{ color:#f5f5f5; }  /*----------------------------------------   10. Header Style ------------------------------------------*/ .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:#ffffff; line-height:16px; padding-top:9px; padding-bottom:9px; background:#000000; min-height:38px; display: flex; flex-wrap: wrap; align-items: center; } .top-header a { color:#ffffff; } .top-header p, .top-header a, .top-header select, .top-header .fa, .top-header span.selected-currency, .top-header .language-dd { color:#ffffff; font-size:12px; display:inline; margin-bottom:0; text-decoration:none; letter-spacing:0.05em; vertical-align:middle; text-transform:uppercase; line-height:normal; } .top-header a:hover { text-decoration:underline; } .top-header .phone-no a:hover { text-decoration:none; } .top-header .phone-no .icon { font-size:16px; }  .top-header .social-icons { margin: 0 -5px; } .top-header .social-icons li{ padding:0 5px; } .top-header .social-icons li a:hover { text-decoration: none; } .top-header .social-icons li .icon { font-size:16px; color:#ffffff; height:auto; vertical-align:middle; } .top-header .right-action a { text-decoration: none; } .top-header .right-action .icon { font-size: 17px; }  .top-header .picker { display: inline-block; position: relative; vertical-align: middle; margin-right: 10px; } .top-header .nice-select { color: #ffffff; font-size: 12px; margin-bottom: 0; text-decoration: none; letter-spacing: 0.05em; text-transform: uppercase; line-height: normal; background: transparent; border: none; height: auto; padding: 0 12px 0 0; } .top-header .nice-select:after { width: 0px; height: 0px; padding: 0; margin: -2px 0 0; right: 0; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #ffffff; display: inline-block; transform: none; } .top-header .nice-select.open:after { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); margin:-4px 4px 0 0; } .top-header .nice-select .list { width: auto; }  @media (min-width:990px) {     .top-header .picker .nice-select .list { top:120%; opacity:0; visibility:hidden; pointer-events:auto; -webkit-transform:none; -ms-transform:none; transform:none; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }     .top-header .picker:hover .nice-select .list { top:100%; top: 100%; opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:none; -ms-transform:none; transform:none; }     .top-header .picker:hover .nice-select:after,     .top-header .picker:hover .nice-select.open:after { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); margin:-4px 2px 0 0; }     .top-header .nice-select.open:after { -webkit-transform:none; -ms-transform:none; transform:none; margin:-2px 2px 0 0; } }  .top-header .user-menu .an { font-size:19px; cursor:pointer; } .top-header .list-inline { margin:0; list-style:none; } .top-header .list-inline > li { display:inline-block; padding-right:5px; padding-left:5px; text-transform:uppercase; }  .logo { padding-top:15px; padding-bottom:15px; margin:0; }  .stickyNav { position:fixed; top:0; z-index:99; width:100%; left:0; background-color:#ffffff; -webkit-box-shadow:0 0 7px rgba(0,0,0,0.2); box-shadow:0 0 7px rgba(0,0,0,0.2); -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .stickyNav .top-header { display: none !important; } .stickyNav .header-wrap { position: relative; z-index: 1; } .stickyNav .logo { padding-top: 10px;padding-bottom: 10px; }  .right-action .icon { font-size: 21px; } .right-action .user-menu .icon { font-size: 26px; width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; } .right-action > .item { position: relative; margin-left: 20px; } .right-action > .item:first-child { margin-left: 0; }  .user-menu-dropdown .user-menu{ cursor:pointer; color:#000000; } .user-menu-dropdown .user-menu:hover{ color:#555555; text-decoration:none; } .user-menu-dropdown .customer-links{ border:1px solid #e8e9eb; z-index:222; padding:10px; position:absolute; right:-30px; margin:0; top:35px; background:#ffffff; } .user-menu-dropdown .customer-links li { display:block; padding:0 15px; text-align:left; } .user-menu-dropdown .customer-links li a { text-transform:uppercase; color:#555555; }  .site-header-wishlist .wishlist-trigger{ color:#000000; border:0; font-size:18px; cursor:pointer; padding:0; text-decoration:none; } .site-header-wish-count { font-size:11px; font-weight:500; display:inline-block; position:absolute; top:0px; right:-10px; width:16px; height:16px; background-color:#000000; color:#ffffff; border-radius:50%; text-align:center; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); }  .site-header__cart { color:#000000; text-decoration:none; } .site-header__cart:hover { color:#555555; text-decoration:none; } .site-header__cart-count { font-size:11px; font-weight:500; display:inline-block; position:absolute; top:-5px; right:-10px; width:16px; height:16px; background-color:#000000; color:#ffffff; border-radius:50%; text-align:center; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); }  #header-cart { width:320px; margin-top:8px; display:none; background-color:#ffffff; border:1px solid #e8e9eb; position:absolute; top:100%; right:-5px; z-index:555; border-radius:0; } #header-cart:after{ content:''; position:absolute; bottom:100%; right:4px; border:solid transparent; height:0; width:0; border-color:rgba(221, 221, 221, 0); border-bottom-color:#e8e9eb; border-width:8px; margin-left:-8px; } #header-cart hr { margin:20px 0 } #header-cart .btn { color:#ffffff; margin:0 2% 0 0; width:48%; padding:10px; } #header-cart .btn:nth-of-type(2n){ margin-right:0; } #header-cart #cart-title { text-align:left; margin-bottom:0; } #header-cart #cart-title strong { color:#000000; } #header-cart .variant-cart { color:#777; font-size:11px; } .block-cart .wrapQtyBtn { display:block; float:none; margin:8px 0; } .block-cart .wrapQtyBtn .label { float:left; line-height:25px; padding-right:5px; } .block-cart .qtyField .product-form__input { font-size: 14px; height:25px; max-width:70px; padding:0 22px; text-align:center; border:1px solid #cdcfd3; outline:none; } .block-cart .qtyField .qtyBtn { font-size:11px; width:20px; height:25px; line-height:19px; display:inline-block; padding:3px; position:absolute; left:0; top:0; border:1px solid #dcdcdc; } .block-cart .qtyField .qtyBtn.plus{ left:auto; right:0; } .block-cart .qtyField a .an { font-size:12px; line-height:10px; } .block-cart .priceRow { margin-top:0; color:#000000; } .mini-products-list { padding:15px 15px 0; max-height:380px; overflow-x:hidden; overflow-y:auto; list-style:none; margin:0; } .mini-products-list + .mini-products-list { padding-top:0; } .mini-products-list li { padding-bottom:10px; margin-bottom:10px; line-height:normal; display:block; border-bottom:solid 1px #eee; } .mini-products-list li:last-of-type { border-bottom:0; padding-bottom:0; margin-bottom:0; } .mini-products-list li:before, .mini-products-list li:after { content:''; clear:both; display:block; } .mini-products-list li .product-image { width:25%; float:left; } .mini-products-list li .pro-img { float:left; width:30%; } .mini-products-list li .pName { color:#000000; font-size:13px; white-space:normal; text-decoration:none; display:block; line-height:normal; margin-right:40px; margin-bottom:0; } .mini-products-list li .pName:hover { color:#222222; } .mini-products-list li .product-details { float:left; width:75%; padding-left:15px; text-align:left; } .mini-products-list li .remove { color:#5c5c5c; float:right; font-size:16px; padding:0 0 0 7px; margin-top:-3px; text-decoration:none; } .mini-products-list li .remove:hover { color:#000000; } .mini-products-list li .priceRow { margin:10px 0 0; } .mini-products-list li .priceRow .prodMulti { display:inline-block; font-size:10px; } .mini-products-list li .priceRow .product-price { display:inline-block; } .mini-products-list li .qtyField { display:block; max-width:inherit; border:none; float:left; max-width:70px; position:relative; } .mini-products-list li .qtyField a { display:none; } .mini-products-list li .qtyField span { display:inline-block; padding:0; border:0; } .minicart-action .total-in { color:#000000; margin:10px 0; padding:8px 10px; border-top:1px solid #e8e9eb; border-bottom:1px solid #e8e9eb; text-align:left; display:inline-block; width:100%; } .minicart-action .total-in .item { float:right; font-size:16px; line-height:1.2; } .minicart-action .total-in label { float:left; line-height:24px; text-transform:uppercase; margin:0; } .minicart-action .total-in .label { text-transform:uppercase; margin:0; display:inline-block; width:100%; line-height:normal; }  .search { padding:20px; position:fixed; top:0; left:0; width:100%; height:auto; background:none; color:#333; z-index:999; opacity:0; visibility:hidden; transform-origin:top center; -webkit-transform-origin:top center; transform:translateY(-100%); -webkit-transform:translateY(-100%); 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); } .search--opened { opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); } .site-header__search .search-trigger { background:transparent; color:#000000; border:0; cursor:pointer; padding:0; } .site-header__search .search-trigger:hover { color:#555555; } .search .search__form { position:relative; z-index:5; padding:10px 15px; background-color:#ffffff; box-shadow:0 2px 3px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.1); } .search .search__input { width:100%; border:0; font-size:20px; padding:14px 40px; height:auto; margin:0; } .search .search__button { border:0; font-size:25px; } .search .go-btn { position:absolute; left:15px; top:17px; font-size:25px; vertical-align:middle; padding: 0; } .search .go-btn .icon { font-size: 30px; } .search .close-btn { position:absolute; right:15px; top:20px; font-size:25px; line-height:normal; display:block; border:0; padding:0; cursor:pointer; } .search-model:after { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 99; -webkit-transition: all .45s cubic-bezier(.29, .63, .44, 1); transition: all .45s cubic-bezier(.29, .63, .44, 1); }  .search-bar-inline .search__input { color: #444; padding: 10px 30px 10px 10px; margin: 0; border-radius: 3px; border-color: #a8a8a8; } .search-bar-inline .search__button { position: absolute; top: 9px; right: 9px; padding: 0; border: none; } .search-bar-inline .search__button .an { font-size: 20px; }  .classicHeader:not(.stickyNav) .search-bar-inline .search__input { background: transparent; border-color: #ffffff; color: #ffffff; } .classicHeader:not(.stickyNav) .search-bar-inline .search__input:focus { border-color: #e3e3e3; } .classicHeader:not(.stickyNav) .search-bar-inline .search__button, .classicHeader:not(.stickyNav) .search-bar-inline .search__input::placeholder { color: #ffffff; }  #siteNav { position:relative; max-width:1100px; margin:0 auto; padding:0; list-style:none; } #siteNav.right { text-align:right; } #siteNav.left { text-align:left; } #siteNav.center { text-align:center; justify-content: center; } #AccessibleNav { padding-left:0; } .mobile-nav-wrapper, .site-header__logo.mobileview { display:none; }  @media (min-width:990px) {     #siteNav a { text-decoration:none; font-size:13px; font-weight:500; display:block; opacity:1; -webkit-font-smoothing: antialiased; letter-spacing:0.04em; position:relative; }     #siteNav > li { display:inline-block; text-align:left; }     #siteNav > li > a { color:#000000; padding:0 18px; text-transform:uppercase; position:relative; line-height:40px; }      #siteNav > li > a .navLbl{ white-space:nowrap; color:#ffffff; background-color:#f19280; font-size:10px; font-weight:400; line-height:normal; display:inline-block; padding:0 5px; border-radius:0; position:absolute; top:-9px; left:50%; }     #siteNav > li > a .navLbl:after { content:" "; display: block; width:0; height:0; border:4px solid transparent; border-top-color:#f19280; border-left-color:#f19280; position:absolute; bottom:-4px; left:0; }     #siteNav > li > a .navLbl.new { background-color: #83cc52; }     #siteNav > li > a .navLbl.new:after { border-top-color: #83cc52; border-left-color: #83cc52; }     #siteNav > li > a .navLbl.hurryup { background-color: #94c442; }     #siteNav > li > a .navLbl.hurryup:after { border-top-color: #94c442; border-left-color: #94c442; }      #siteNav.nolinkbg { margin: 0 -18px; }     #siteNav.medium > li a { font-weight:500; }     #siteNav.hidearrow > li > a .an { display:none; }     #siteNav > li > a .an { font-size: 11px; font-weight: bold; margin-top: -3px; }     #siteNav > li > a:hover:hover,     #siteNav > li > a:hover { color:#f19280; }      #siteNav > li .megamenu { opacity:0; visibility:hidden; padding:25px 25px 0; width:100%; position:absolute; top:59px; left:0; z-index:999; background-color:#ffffff; 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; border:1px solid #eee; max-height:600px; overflow:auto; }     #siteNav > li .megamenu ul { padding:0; list-style:none; }     #siteNav > li:hover > .megamenu { top:40px; opacity:1; visibility:visible; pointer-events:visible; }     #siteNav > li .megamenu li.lvl-1 { margin-bottom:25px; }     #siteNav > li .megamenu li.lvl-1 a.lvl-1,#siteNav .product-menu .site-nav.lvl-1 { color:#000000; font-size:13px; text-transform:uppercase; padding:0 0 8px; font-weight:600; }     #siteNav > li .megamenu li.lvl-1 li .site-nav { color:#000000; padding:3px 0; font-weight:400; }     #siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color:#000000; }     #siteNav > li .megamenu li.lvl-1 li .site-nav:before { content: ""; display:inline-block; width:0px; height:2px; vertical-align:middle; background-color:#000000; -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.style4 { background-repeat:no-repeat; background-size:auto 100%; }     #siteNav > li .megamenu .imageCol { padding-bottom:25px; }      #siteNav > li ul.dropdown li a .an { font-size: 14px; position:absolute; right:10px; top:13px; }      #siteNav a .lbl { color:#ffffff; font-size:10px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; padding:2px 4px; border-radius:3px; background-color:#f00; box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); 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:#f00; }     #siteNav a .lbl.nm_label3 { background-color:#fb6c3e; }     #siteNav a .lbl.nm_label1 { background-color:#01bad4; }     #siteNav a .lbl.nm_label3:after { border-right-color:#fb6c3e; }     #siteNav a .lbl.nm_label1:after { border-right-color:#01bad4; }      #siteNav > li.dropdown { position:relative; }     #siteNav > li .dropdown,     #siteNav > li .dropdown ul { list-style:none; border:1px solid #eeeeee; opacity:0; visibility:hidden; width:220px; position:absolute; top:59px; left:0; z-index:999; box-shadow:2px 2px 1px 0px rgba(0,0,0,0.3); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding:0; }     #siteNav > li:hover > .dropdown,     #siteNav > li .dropdown li:hover > ul { top:40px; 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:#000000; font-weight:400; padding:8px 12px; background-color:#ffffff; }     #siteNav > li ul.dropdown li a:hover { color:#000000; background-color:#eee; padding-left:17px; }     #siteNav > li ul.dropdown li ul { top:20px; left:100%; }     #siteNav > li ul.dropdown li:hover > ul { top:0; }      /* Megamenu Product */     #siteNav .product-menu { margin-bottom:25px; }     #siteNav .grid-products .product-image img{ margin: 8px 0 10px; max-height:215px; }     #siteNav .grid-products .product-name a{ line-height:20px; font-weight:500; text-transform:capitalize; font-size:13px; letter-spacing:0.5px; color:#000000; }     #siteNav .grid-products .product-price span{ color:#555555; font-weight:500; margin-top:5px; display:block; }      /* Megamenu Brand */     #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:#000000; }     #siteNav .menu-brand-logo a img { display:inline-block; vertical-align:middle; }      /* Megamenu Bg image */     #siteNav > li .megamenu.megabgfull { background-image: url('../images/megamenu/megamenu-bg-full.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: 100% 100%; padding-right: 20%; }  }  .header-content-wrapper { width:100%; padding:15px 0; }  /*----------------------------------------  * 11. Homepage Slideshow ------------------------------------------*/ .slideshow-wrapper { position:relative; } .slideshow .slide { position:relative; } .slideshow .wrap-caption > * { position:relative; z-index:2; } .slideshow .wrap-caption.center { max-width:1200px; } .slideshow .wrap-caption.right { float:right; max-width:65%; margin-right:-5%; } .slideshow .wrap-caption.left { float:left; max-width:65%; margin-left:-5%; } .slideshow .wrap-caption { position:relative; display:inline-block; padding:30px; } .slideshow .wrap-caption:after { content:" "; display:block; width:100%; height:100%; position:absolute; top:0; left:0; } .slideshow .wrap-caption.bgbox:after { opacity: 0.2; background-color: #000000; border: 4px double #ffffff; } .slideshow__text-content { text-align:center; margin-top:30px; position:absolute; width:100%; top:50%; -ms-transform:translateY(-40%); -webkit-transform:translateY(-40%); transform:translateY(-40%); opacity:0; transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); -webkit-transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); -ms-transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition-delay:0.3s; -webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; z-index:3; } .slideshow__text-content.bottom { top:inherit; bottom:10%; -ms-transform:translateY(10%); -webkit-transform:translateY(10%); transform:translateY(10%); } .slideshow__text-content.top { top:10%; -ms-transform:translateY(10%); -webkit-transform:translateY(10%); transform:translateY(10%); } .slick-active .slideshow__text-content.bottom { -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%); } .slick-active .slideshow__text-content, .no-js .slideshow__text-content { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:1; } .slideshow .mega-small-title { color:#ffffff; font-weight:400; text-transform:uppercase; letter-spacing:4px; font-size:15px; margin:0 0 8px; } .slideshow .slideshow__title { font-family:"Montserrat",sans-serif; color:#ffffff; font-weight:700; font-size:65px; text-transform:uppercase; line-height:1.1; text-shadow:1px 1px 7px rgba(0,0,0,0); } .slideshow .slideshow__subtitle { font-family:"Montserrat",sans-serif; color:#ffffff; font-weight:400; font-size:22px; text-transform:uppercase; margin-bottom:25px; line-height:1.3; letter-spacing:0.4px; text-shadow:1px 1px 4px rgba(0,0,0,0); display:block; } .slideshow .black-text .mega-small-title, .slideshow .black-text .slideshow__title, .slideshow .black-text .slideshow__subtitle { color:#28242c; } .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:before { content: ''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.5; z-index:3; } .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.center:before { background-color: #000000;opacity: .7; } .slideshow .slick-slide img { width:100%; } .slideshow .slick-prev, .slideshow .slick-next { line-height:normal; font-size:0px; padding:0; border:0; position:absolute; z-index:4; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:50px; height:50px; border-radius:50%; text-align:center; background-color:rgba(255,255,255,0.2); -ms-transition:all ease-out 0.2s; -webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s; border-radius: 50px !important; } .slideshow .slick-prev { left:30px; } .slideshow .slick-next { right:30px; } .slideshow .slick-next:before { content:"\f105"; font-family:"annimex-icons"; color:#000000; } .slideshow .slick-prev:before { content:"\f104"; font-family:"annimex-icons"; color:#000000; } .slideshow .slick-prev:before, .slideshow .slick-next:before { font-size:24px; line-height:1; } .slideshow .slick-prev:hover, .slideshow .slick-next:hover { opacity:1; background-color:rgba(255,255,255,0.5); box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); } .slideshow:hover .slick-prev, .slideshow:hover .slick-next { opacity:1; } .slideshow .btn { color:#ffffff; background-color:transparent; border: 2px solid #ffffff; } .slideshow .btn:hover, .slideshow .btn:focus { color: #000000; background-color: #ffffff; border-color: #ffffff; } .slideshow .black-text .btn { color:#28242c; background-color:transparent; border: 2px solid #28242c; } .slideshow .black-text .btn:hover, .slideshow .black-text .btn:focus { color: #fff; background-color: #28242c; border-color: #28242c; }  .slideshow .slideshow--large .slick-slide img { height:750px; object-fit:cover; object-position:top; } .slideshow .slideshow--medium .slick-slide img { height:650px; object-fit:cover; object-position:top; }  .slideshow .text-shadow .mega-small-title, .slideshow .text-shadow .slideshow__title, .slideshow .text-shadow .slideshow__subtitle { text-shadow: 0 2px 2px rgba(0,0,0,0.3); }  .slideshow .wrap-caption .medium-title { font-size: 50px; } .slideshow .wrap-caption .medium-subtitle { font-size: 18px; text-transform: uppercase; }  .slideshow img.mobile-hide { display:none; } /*----------------------------------------  * End Homepage Slideshow ------------------------------------------*/  /*----------------------------------------  * 12. Products With Tab Slider ------------------------------------------*/ .tab-slider-product .tabs { border:0; text-align:center; margin:0 0 30px; padding:0; display: flex; flex-wrap: wrap; justify-content: center; } .tab-slider-product .tabs > li { float:none; display:inline-block; margin:0 15px; cursor:pointer; } .tab-slider-product .tabs > li { background:none !important; border:0 !important; text-transform:uppercase; letter-spacing:1px; color:#000000; font-weight:600; font-size:15px; padding-top:0; } .tab-slider-product .tabs > li.active { color:#f19280; } .tab-slider-product .tabs li:hover, .tab-slider-product .tabs li:focus { color:#f19280; opacity:1; text-decoration:none; } .tab-slider-product .tab_container { clear:both; width:100%; background:#ffffff; } .tab-slider-product .tab_content { display:none; } .tab-slider-product .tab_drawer_heading { display:none; }  .tabs-listing.style2 .tabs > li { padding:3px 12px; font-size:13px; margin:0 3px; } .tabs-listing.style2 .tabs > li.active { color:#fff; background-color:#f19280 !important; }  .tabs-listing.style3 .tabs > li { color:#000; font-size:13px; letter-spacing:0.02em; margin:0 12px; position:relative; padding:0; text-transform:uppercase; font-weight:600; } .tabs-listing.style3 .tabs > li:after { width:0; content:""; display:block; height:2px; position:absolute; bottom:-6px; left:0; z-index:1; background:#f19280; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; } .tabs-listing.style3 .tabs > li.active:after { width:100%; } .tabs-listing.style3 .tabs > li:hover:after { width:100%; opacity:1; } .tabs-listing.style3 .tabs > li.active, .tabs-listing.style3 .tabs > li:hover { color:#f19280; background-color:transparent; }  /*----------------------------------------  * 13. Product Grid ------------------------------------------*/ .grid-products a { text-decoration:none !important; } @media only screen and (min-width: 992px) {     .shop-grid-5 .grid-products .item.col-xl-2, .col-grid-5 .col-xl-2 { -ms-flex:0 0 20%; -webkit-flex:0 0 20%; flex:0 0 20%; max-width:20%; 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%; 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 { 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-view-item.style2 .grid-view-item__link { position:relative; overflow:hidden; margin:0 auto 15px; } .grid-view-item.style2 .grid-view-item__link { display:block; white-space:nowrap; opacity:1; } .grid-view-item.style2 .grid-view-item__image { 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-view-item.style2 .grid-view-item__link .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-view-item.style2 .grid-view-item__link:hover .primary { opacity:0 !important; visibility:hidden; } .grid-view-item.style2 .grid-view-item__link:hover .hover:not(.variantImg) { opacity:1; visibility:visible; } .grid-view-item.style2 .hoverDetails { width:100%; padding:0 10px; opacity:0; position:absolute; top:40%; left:0; right:0; margin:0 auto; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); -ms-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; transition:all 0.5s ease-in; } .grid-view-item.style2 .grid-view-item__link, .grid-view-item.style2 .grid-view_image { margin-bottom:0; } .grid-view-item.style2 .grid-view-item__link .hover { opacity:0 !important; visibility:hidden; } .grid-view-item.style2:hover .grid-view-item__link .hover { opacity:0.2 !important; visibility:visible; } .grid-view-item.style2:hover .hoverDetails { opacity:1; top:50%; } .grid-view-item.style2:hover .button-set { opacity:1; bottom:10px; }  .grid-view-item.style2 .quickview-btn, .grid-view-item.style2 .variants.add, .grid-view-item.style2 .wishlist-btn, .grid-view-item.style2 .wishlist, .grid-view-item.style2 .compare-btn{ margin:0 1px; } .grid-view-item.style2 .button-set a.quick-view, .grid-view-item.style2 .button-set a.wishlist, .grid-view-item.style2 .button-set a.cartIcon, .grid-view-item.style2 .button-set .add-to-compare, .grid-view-item.style2 .button-set .soldout { height:32px; width:32px; padding:0; justify-content:center; }  .grid-view_image { position:relative; overflow:hidden; margin:0 auto 15px; } .grid-products.style3 .item .product-name { margin-bottom:10px; } .grid-products.style3 .item .product-image { margin:0 auto; }  .grid-view_image .product-image > a:after { content: ""; display:inline-block;width:0px; height:100%; vertical-align:middle; }  .slick-prev, .slick-next { position:absolute; z-index:9; display:block; height:20px; width:20px; line-height:normal; font-size:0px; 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: -25px; } .slick-next { right: -25px; } .slick-prev:before, .slick-next:before { font-family:"annimex-icons"; font-size:22px; line-height:1; color:#000000; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-prev:before { content: "\f104"; } .slick-next:before { content: "\f105"; }  .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:-30px; } .grid-products .slick-slider .item { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .grid-products-hover-btn .slick-slider .item{ margin-bottom:0; } .grid-products-hover-btn .slick-arrow { opacity:0; } .grid-products-hover-btn:hover .slick-arrow { opacity:1; }  .sidebar .grid-products-hover-btn .slick-arrow { height: 32px; width: 32px; border-radius: 4px; } .sidebar .grid-products-hover-btn .slick-arrow:before { font-size: 18px; } .sidebar .grid-products-hover-btn:hover .slick-arrow { background-color: #ffffff; box-shadow: 0 0 4px rgba(0,0,0,0.1); }  .productPageSlider .slick-arrow { margin-top: -40px; } .grid-products .slick-slider .slick-list { margin:0 -15px; }  .product-labels { position:absolute; right:5px; top:5px; z-index:5; display:flex; justify-content:flex-end; flex-direction:column; align-items:flex-end; } .product-labels.rectangular .lbl { border-radius:0; } .product-labels.radius .lbl { border-radius:3px; } .product-labels .lbl { display:block; white-space:nowrap; color:#ffffff; font-size:11px; font-weight:600; padding:0px 6px 0px 6px; line-height:19px; text-transform:uppercase; text-align:center; height:20px; margin-bottom:5px; letter-spacing:0.5px; } .product-labels .on-sale { right:5px; background:#ef2727; } .product-labels .pr-label1 { left:5px; background:#83cc52; } .product-labels .pr-label2 { left:5px; background:#e9a400; } .product-labels .pr-label3 { left:5px; background:#f5a100; } .product-labels.rounded .lbl,.sold-out.rounded { 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; min-height:45px; min-width:45px; } .grid-view-item--sold-out .grid-view-item__image { opacity:0.5; } .sold-out { color:#ffffff; font-size:11px; font-weight:600; padding:2px 6px 2px 6px; line-height:normal; border-radius:0; position:absolute; top:5px; left:5px; z-index:3; background:#ff708e; } .sold-out span { display:block; text-transform:uppercase; letter-spacing:0.5px; }  /* Product Button Style 1 */ .button-set { display: flex; flex-wrap: wrap; justify-content: center; position:absolute; bottom:-70px; width:100%; opacity:0; visibility:hidden; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .grid-products .item:hover .button-set { bottom:10px; opacity:1; visibility:visible; }  /* Product Button Style 2 */ .button-set.style2 { flex-direction: column; bottom: 10px; left: -20%; width: auto; -ms-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; } .grid-products .item:hover .button-set.style2 { left: 10px; bottom: 10px; }  /* Product Button Style 3 */ .button-set.style3 .btn { border-radius: 4px; } .btnicontext { margin-top: 14px; } .btnicontext .btn { background-color: #000000; color: #ffffff; border-color: #000000; font-size: 13px; border-radius: 4px; padding: 5px 14px 5px; } .btnicontext .btn:hover { background-color: #333333; color: #ffffff; border-color: #333333; } .btnicontext .btn .icon { display: none; font-size: 16px; margin-right: 5px; } .btnicontext .soldOutBtn { background-color:#f20000; border-color: #f20000; } .soldOutBtn, .soldOutBtn:focus { background-color:#f20000; border-color: #f20000; } .soldOutBtn:hover { background-color:#d51414; border-color: #d51414; }  /* Product Button Style 4 */ .button-set.style4 { margin-top: 14px; position: static; }  /* Product Button Style 5 */ @media only screen and (min-width: 992px) {     .button-set.style5 { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }     .grid-products .item:hover .button-set.style5 { bottom: auto; }     .button-set.style5 > div { opacity: 0; visibility: hidden; -webkit-transition: all .7s; transition: all .7s; }     .grid-products .item:hover .button-set.style5 > div { opacity: 1; visibility: visible; }     .button-set.style5 > div:nth-child(1) { -webkit-transition-delay: .15s; transition-delay: .15s; }     .button-set.style5 > div:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s; }     .button-set.style5 > div:nth-child(3) { -webkit-transition-delay: .45s; transition-delay: .45s; }     .button-set.style5 > div:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s; } }  /* Product Button Style 6 */ .button-set.style6 { flex-direction: column; bottom: 40px; right: -20%; width: auto; -ms-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; } .grid-products .item:hover .button-set.style6 { right: 3px; bottom: 40px; } .btnicontext.style6 { position: absolute; bottom: -20%; width: 100%; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .grid-products .item:hover .btnicontext.style6 { bottom: 0px; } .btnicontext.style6 .btn { border-radius: 0; padding: 7px 14px 7px; width: 100%; }  /* Product Button Style 7 */ .button-set.style7 .btn { border-radius: 4px; } @media only screen and (min-width: 992px) {     .button-set.style7 { flex-direction: column; width: auto; position: absolute; top: auto; left: auto; bottom: 10px; right: 10px; }     .grid-products .item:hover .button-set { bottom: 10px; }     .button-set.style7 > div { opacity: 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); transition: all .5s ease 0s; }     .grid-products .item:hover .button-set.style7 > div { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }     .button-set.style7 > div:nth-child(1) { -webkit-transition-delay: .1s; transition-delay: .1s; }     .button-set.style7 > div:nth-child(2) { -webkit-transition-delay: .2s; transition-delay: .2s; }     .button-set.style7 > div:nth-child(3) { -webkit-transition-delay: .3s; transition-delay: .3s; }     .button-set.style7 > div:nth-child(4) { -webkit-transition-delay: .4s; transition-delay: .4s; } }  .quickview-btn,.variants.add,.wishlist-btn,.wishlist,.compare-btn{ display: inline-block; margin:2px; vertical-align:middle; } a.quick-view, a.wishlist, a.cartIcon, a.add-to-compare, .btn.soldout { color:#ffffff; background-color:#222222; font-size:18px; border:0; width:40px; height:35px; display: flex; align-items: center; justify-content: center; text-transform:uppercase; text-align:center; padding:0; margin:0; } a.quick-view:hover, a.wishlist:hover, a.cartIcon:hover, .variants.add button:hover, a.add-to-compare:hover, .btn.soldout:hover { color:#222222; background-color:#eeeeee; opacity:1; }  .infolinks .wishlist { background:none !important; color:#000 !important; width:auto; font-size:13px; text-align:left; line-height:inherit; height:auto; text-decoration:none; margin-bottom:0; margin-right:15px; display:inline-block; } .infolinks .wishlist:hover { color:#555 !important; } .infolinks .wishlist .icon { font-size:18px; }  .button-style2, .button-style2 .variants.add { position:static; opacity:1; } .button-style2 .btn-style2 { display:block; float:left; width:25%; } .button-style2 .cartIcon, .button-style2 .quick-view-popup, .button-style2 .wishlist, .button-style2 .compare { color:#ffffff; background-color:#000000; border-right:1px solid #ffffff; }  .button-style2 .compare { border-right: 0; } .button-style2 .wishlist, .button-style2 .compare { width:100%; } .button-style2 .variants.add button { color:#ffffff; background-color:#000000; }  .grid-products .item { margin:0 0 30px; text-align:center; } .tab_container .grid-products .item { margin-bottom:0; } .grid-products .item .product-name{ line-height:20px; } .grid-products .item .product-name a { color:#000000; font-size:13px; font-weight:500; margin-bottom:0; letter-spacing:0.5px; } .grid-products .item .product-name a:hover { opacity:0.8; } .grid-products .item .grid-view-item__vendor{ color:#555555; margin-top:4px; margin-bottom:-4px; text-transform:none; } .grid-products .item .product-price { margin:4px 0 5px; color:#555555; font-size:15px; font-weight:500; } .product-price .old-price { color:#555555; font-size:12px; opacity:0.8; text-decoration:line-through; } .product-price .old-price + .price { padding-left:5px; color:#ed1313 !important; letter-spacing:normal; } .product-price .price { color:#555555; } .product-price__sale, .product__price--sale { color:#ed1313 !important; }  .product-review { display:flex; flex-wrap: wrap; align-items: center; justify-content: center; } .product-review .an { font-size:16px; color:#ff9500; margin:0 1px; }  .grid-products .item .swatches { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position:relative; margin:14px 0 0; list-style:none; padding:0; } .grid-products .item .swatches li { display:flex; align-items:center; justify-content:center; height:16px; width:16px; margin:0 3px; cursor:pointer; border:1px solid #ddd; } .grid-products .item .swatches li:hover { border-color:#000000; } .grid-products .item .swatches li img { display:block; margin:0 auto; width: 100%; height: 100%; } .grid-products .item .swatches li.circle, .grid-products .item .swatches li.circle label, .grid-products .item .swatches li.circle img { border-radius:50%; }  .grid-products .item .swatches li.square img { border-radius:0; } .grid-products .item .swatches li.radius img { border-radius:4px; }  .grid-products .item .swatches li.rounded, .grid-products .item .swatches li.rounded img { border-radius:50% !important; } .grid-products .item .swatches li.radius { border-radius:5px !important; }  .grid-products .item .swatches li.medium { height:25px; width:25px; padding:0; } .grid-products .item .swatches li.large { height:35px; width:35px; padding:0; } .grid-products .item .swatches li.navy { background-color:navy; } .grid-products .item .swatches li.green { background-color:green; } .grid-products .item .swatches li.gray { background-color:gray; } .grid-products .item .swatches li.aqua { background-color:aqua; } .grid-products .item .swatches li.orange { background-color:orange; } .grid-products .item .swatches li.purple { background-color:purple; } .grid-products .item .swatches li.teal { background-color:teal; } .grid-products .item .swatches li.black { background-color:black; } .grid-products .item .swatches li.red { background-color:red; } .grid-products .item .swatches li.yellow { background-color:yellow; } .grid-products .item .swatches li.darkgreen { background-color:darkgreen; } .grid-products .item .swatches li.maroon { background-color:maroon; }  .swatch .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; visibility:hidden; opacity:0; position:absolute; background:#000000; color:#ffffff; border-radius:3px; padding:0 6px; white-space:nowrap; font-size:11px; top:-38px; bottom:auto; transform:translateX(-50%); } .swatch:hover .tooltip-label { opacity:1; top:-28px; visibility:visible; } .swatch .tooltip-label:before { content:""; border:5px solid transparent; border-top:5px solid #000000; position:absolute; bottom:-10px; left:50%; margin-left:-5px; }  .grid-view-item__title { color:#000000; font-size:1em; line-height:1.2; margin-bottom:0; display: block; } .grid-view-item__meta { margin:5px 0; } .product-price__price { color:#000000; font-size:15px; font-weight:500; line-height: 1.5; display:inline-block; } .product-price__price .old-price { color: #555555; font-size: 13px; opacity: 0.8; text-decoration: line-through; padding-right: 10px; }  .grid-products-hover-btn a.quick-view, .grid-products-hover-btn a.wishlist, .grid-products-hover-btn .variants.add button, .grid-products-hover-btn a.cartIcon, .grid-products-hover-btn a.add-to-compare { color:#ffffff; background-color:#000000; } .grid-products-hover-btn a.quick-view:hover, .grid-products-hover-btn a.wishlist:hover, .grid-products-hover-btn .variants.add button:hover, .grid-products-hover-btn a.cartIcon:hover, .grid-products-hover-btn a.add-to-compare:hover, .grid-products-hover-btn a.quick-view:focus, .grid-products-hover-btn a.wishlist:focus, .grid-products-hover-btn .variants.add button:focus, .grid-products-hover-btn a.cartIcon:focus, .grid-products-hover-btn a.add-to-compare:focus { color:#ffffff; background-color:#333; }  .grid-products-hover-gry a.quick-view, .grid-products-hover-gry a.wishlist, .grid-products-hover-gry .variants.add button, .grid-products-hover-gry a.cartIcon, .grid-products-hover-gry a.add-to-compare { color:#ffffff; background-color:#555555; }  .brand-name a { color:#555555; font-size:12px; text-transform:uppercase; } /*----------------------------------------  * End Grid Product ------------------------------------------*/  /*----------------------------------------  * Filter Drawer Sidebar ------------------------------------------*/ .shop-sidebar-drawer .filterbar { width:250px; height:100%; padding:0; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.3); position:fixed; top:0; left:-255px; z-index:99; -ms-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .shop-sidebar-drawer .filterbar .sidebar_tags { background-color: #ffffff; padding:20px; height:100%; overflow:auto; } .shop-sidebar-drawer .filterbar .sidebar_widget:not(.filterBox), .shop-sidebar-drawer .filterbar .static-banner-block { display:none; } .shop-sidebar-drawer .filterbar.active { left:0; } .shop-sidebar-drawer .filterbar.active .closeFilter { color:#ffffff; font-size:15px; line-height:28px; height:30px; width:30px; text-align:center; cursor:pointer; position:absolute; top:15px; left:100%; background-color:#000000; box-shadow:0 0 5px #ddd; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .shop-sidebar-drawer .sidebar.filterbar.active .filterBox{ padding:0; border:none; } .shop-sidebar-drawer .filterbar.active .closeFilter:after { content: ''; background: #000000; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; cursor: crosshair; opacity: .5; }  .filterbar .sidebar_tags { position:relative; z-index:9; background:#ffffff; } .filterbar.active .closeFilter:after { content:''; background:rgba(0,0,0,0.5); position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; }  .sidebar .shop-sidebar-products.slick-slider, .sidebar .shop-sidebar-products.slick-slider .slick-list { margin-left:0px; margin-right:0px; } .sidebar .shop-sidebar-products.slick-slider .slick-list .item { padding-left:0px; padding-right:0px; } /*----------------------------------------  * End Filter Drawer Sidebar ------------------------------------------*/  /*----------------------------------------  * 14. Collection Box Slider ------------------------------------------*/ .collection-grids { margin-top: -30px; } .collection-grids .item { padding-top: 30px; }  .collection-grid-item { position:relative; width:100%; overflow:hidden; } .collection-box .container-fluid { padding:0; } .collection-box-style1 .container-fluid { padding:0 55px; } .collection-box .collection-grid-item img { margin:0 auto; width:100%; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .collection-box .collection-grid-item:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform:scale(1.1); } .collection-box .collection-grid-item__title-wrapper { content:''; position:absolute; top:0; left:0; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; text-align:center; background:rgba(0,0,0,0.1); width:100%; height:100%; } .collection-box .collection-grid-item__title-wrapper .title-wrapper { margin-top:27px; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; } .collection-box .collection-grid-item__title { text-transform: uppercase; position:relative; text-align:center; font-size:20px; font-weight:400; color:#ffffff; display:block; width:auto; margin:0; text-shadow:0 0 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; } .collection-box .collection-grid-item__title span { display: block; font-size: 16px; font-weight: 400; letter-spacing: 1px; margin: 5px 0 0; } .collection-box .btn--secondary { margin-top:14px; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; opacity:0; visibility:hidden; white-space:nowrap; display:inline-flex; }  .collection-box .collection-grid-item__title-wrapper:hover { background:rgba(0,0,0,0.6); opacity:1; } .collection-box .collection-grid-item__title-wrapper:hover .title-wrapper { margin-top:0; } .collection-box .collection-grid-item__title-wrapper:hover .btn { opacity:1; visibility:visible; }  .collection-box-style1 .collection-grid-item__title-wrapper { top:50%; bottom:auto; } .collection-box-style1 .collection-grid-item__title.btn--secondary:hover { background-color:#000000; color:#ffffff; border:0; } .collection-box .slick-arrow { opacity:0; visibility:hidden; width:30px; height:30px; }  .collection-box:hover .slick-arrow { color:#000000; opacity:1; visibility:visible; } .collection-box .slick-prev { left:10px; } .collection-box .slick-next { right:10px; }  .collection-grid-3item .slick-slide, .collection-grid-4item .slick-slide { padding: 1px; } @media only screen and (min-width: 992px) {     .collection-grid-3item.slick-slide,     .collection-grid-4item.slick-slider .slick-list { margin:-1px; } } /*----------------------------------------  * End Collection Box Slider ------------------------------------------*/  /*----------------------------------------  * 15. Brands Logo Slider ------------------------------------------*/ .logo-bar__item:hover { opacity:0.6; } .logo-bar .slick-arrow { -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .logo-bar:hover .slick-arrow { color:#000000; opacity:1; } .logo-bar .slick-prev { left:-15px; } .logo-bar .slick-next { right:-15px; } .logo-bar .slick-slide img { margin:0 auto; }  .logo-section .logo-bar .slick-list { margin-left: -5px; margin-right: -5px; } .logo-section .logo-bar .slick-list .logo-bar__item { padding-left: 5px; padding-right: 5px; } /*----------------------------------------  * End Brands Logo Slider ------------------------------------------*/  /*----------------------------------------  * 16. Latest Blog Post ------------------------------------------*/ .latest-blog .wrap-blog { display:table; } .latest-blog .article__title.h3 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; } .latest-blog .wrap-blog .article__grid-image, .latest-blog .wrap-blog .article__grid-meta { display:table-cell; vertical-align:middle; float:none; } .latest-blog .wrap-blog .article__grid-meta { width:55%; } .latest-blog .wrap-blog .wrap-blog-inner { background:rgba(255,255,255,0.8); padding:20px; margin-left:-30px; position:relative; }  .latest-blog .article__grid-image { display:block; clear:both; margin-bottom:18px; } .latest-blog .article__title { font-size:14px; text-transform:uppercase; margin-bottom:0; } .latest-blog .article__date { font-size:12px; color:#666; display:inline-block; margin-bottom:10px; } .latest-blog .rte-setting { margin-bottom:10px; line-height:1.3; } .latest-blog .article__grid-excerpt { font-size:12px; margin-bottom:10px; } /*----------------------------------------  * End Latest Blog Post ------------------------------------------*/  /*----------------------------------------  * 17. Store Feature ------------------------------------------*/ .store-info h5, .store-info .h5 { margin-bottom:5px; text-transform:uppercase; letter-spacing:0.08em; font-size:13px; font-weight:600; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; } .store-info li { padding:15px; text-align:center; } .store-info li + li { border-left:1px dotted #c1c1c1; } .store-info .icon { color:#000000; font-size:50px; vertical-align:middle; display:block; margin-bottom:20px; } .store-info .inner-wrap { background:#eeeeee; padding: 15px; }  .store-feature.style2 .store-info li { background:#f5f5f5; width:100%; padding:15px; }  .store-feature.style3 .store-info { background-color:#f5f5f5; } .store-feature.style3 .store-info li { padding:20px 0; margin-bottom:0; border:0; } .store-feature.style3 .store-info .icon { margin:0; } /*----------------------------------------  * End Store Feature ------------------------------------------*/  /*----------------------------------------  * 18. Shop Pages ------------------------------------------*/ .template-collection .collection-header { margin-bottom:30px; background:#f5f5f5; } .collection-hero { position:relative; overflow:hidden; } .collection-hero__image { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; height:250px; opacity:1; } .collection-hero__title-wrapper:before { content: ''; position:absolute; top:0; right:0; bottom:0;left:0; background-color:#000000;opacity:0.4; } .collection-hero__title { font-size:1.84615em; position:absolute; color:#ffffff; width:100%; text-align:center; left:0; right:0; top:50%; text-transform:uppercase; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } .collection-description { padding-top:15px; padding-bottom:15px; }  .category-slider-header{ margin-bottom:20px; } .category-slideshow  { margin-bottom:10px }  .sidebar .sidebar_widget { margin-bottom:20px;clear:both; width:100%; } .sidebar h2, .sidebar .h2 { font-size:14px; text-transform:uppercase; margin-bottom:15px; } .sidebar .sidebar_widget .widget-content ul li { list-style:none; padding:2px 0; font-size:13px; } .sidebar .sidebar_widget .widget-content ul li.active a { font-weight:bold; }  .sidebar .filterBox { border: 1px solid #ddd; padding:15px; } .sidebar .filterBox h2{ margin:0; } .sidebar .filterBox .widget-content{ border-top:1px solid #ddd; padding-top:15px; margin-top:15px; } .sidebar .filterBox .widget-content.price-filter{ padding-top:20px; } .sidebar .sidebar_categories,.sidebar .widget-vendors{ margin:-4px 0 0; } .sidebar .sidebar_widget .widget-content .widget-vendors li{ padding:0; }  .shop-sidebar-drawer .sidebar .filterBox .filter-color .swacth-btn { height: 22px; width: 33px; } .shop-sidebar-drawer .sidebar .filterBox.size-swacthes .widget-content .swacth-btn { width: 32px; height: 32px; line-height: 30px; }  .filterBox.size-swacthes .widget-content .swacth-btn{ margin:0 5px 5px 0; line-height:32px; border:1px solid #cdcfd3; } .filterBox.size-swacthes .widget-content .swacth-btn.checked{ border-color:#000000; }  .filterBox ul:not(.filter-color) { list-style:none; } .filterBox ul:not(.filter-color) li { padding:3px 0; } .filterBox ul:not(.filter-color) input[type="checkbox"] { width:20px; height:auto; margin:0; padding:0; font-size:1em; opacity:0; } .filterBox ul:not(.filter-color) input[type="checkbox"] + label { display:inline-block; margin-left:-25px; line-height:1.5em; cursor:pointer; margin-bottom:0; } .filterBox ul:not(.filter-color) li label { font-weight:400; font-size:12px; } .filterBox ul:not(.filter-color) input[type="checkbox"] + label > span { position: relative; display:inline-block; width:13px;height:13px; margin:0.25em 0.5em 0.25em 0.25em; border:1px solid #d0d0d0; vertical-align:bottom; } .filterBox ul:not(.filter-color) input[type="checkbox"]:checked + label > span:before { content: ""; display: block; color: #000000; text-align: center; border-style: solid; border-width: 0 0 2px 2px; border-color: transparent transparent #333333 #333333; width: 8px; height: 5px; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); position: absolute; top: 2px; left: 2px; } .filterBox .filter-color { display:table; list-style:none; width:100%; } .filterBox .filter-color .swacth-btn { display:block; float:left; margin-bottom:5px; position:relative; height:24px; width:34px; border:1px solid transparent; background-color:#f8f8f8; border-radius:3px; margin-right:5px; text-align:center; font-size:10px; line-height:21px; color:#000000; cursor:pointer; } .filterBox .filter-color .swacth-btn.checked { border-width:1px; border-color:#000000; }  .size-swacthes .swacth-list .swacth-btn:after, .filterBox .filter-color .swacth-btn:after { content:''; border-style:solid; border-width:0 0 2px 2px; border-color:transparent transparent #000000 #000000; width:12px; height:7px; position:absolute; top:50%; left:0; right:0; margin:-5px auto auto; opacity:0; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); -webkit-transition:transform 0.3s linear, opacity 0.3s linear; transition:transform 0.3s linear, opacity 0.3s linear; } .size-swacthes .swacth-list .swacth-btn.checked:after, .filterBox .filter-color .swacth-btn.checked:after { opacity:1; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); color:#6d6d6d; z-index:2; } .size-swacthes .swacth-list .swacth-btn.checked:before, .filterBox .filter-color .swacth-btn.checked:before { content:''; background:rgba(255,255,255,0.5); display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }  .filterBox .filter-color .black { background-color:#000000; } .filterBox .filter-color .white { background-color:#ffffff; border:1px solid #ddd; } .filterBox .filter-color .red { background-color:#fe0000; } .filterBox .filter-color .blue { background-color:#0000fe; } .filterBox .filter-color .pink { background-color:#ffc1cc; } .filterBox .filter-color .gray { background-color:#818181; } .filterBox .filter-color .green { background-color:#027b02; } .filterBox .filter-color .orange { background-color:#fca300; } .filterBox .filter-color .yellow { background-color:#f9f900; } .filterBox .filter-color .blueviolet { background-color:#8A2BE2; } .filterBox .filter-color .brown { background-color:#A52A2A; } .filterBox .filter-color .darkGoldenRod { background-color:#B8860B; } .filterBox .filter-color .darkGreen { background-color:#006400; } .filterBox .filter-color .darkRed { background-color:#8B0000; } .filterBox .filter-color .dimGrey { background-color:#696969; } .filterBox .filter-color .khaki { background-color:#F0E68C; } .filterBox .filter-color .brown { background-color:#a62929; } .filterBox .filter-color .aqua { background-color:#05fdfd; }  /* .filterBox .filter-color .tops-maroon { background:url('../images/product-images/variant1.jpg') no-repeat center center/cover; } .filterBox .filter-color .shirt-lightPink { background:url('../images/product-images/variant3.jpg') no-repeat center center/cover; } .filterBox .filter-color .shirt-blueViolet { background:url('../images/product-images/variant3-4.jpg') no-repeat center center/cover; } .filterBox .filter-color .jacket-khaki { background:url('../images/product-images/variant6.jpg') no-repeat center center/cover; } .filterBox .filter-color .bag-green { background:url('../images/product-images/variant16.jpg') no-repeat center center/cover; } .filterBox .filter-color .shirt-light { background:url('../images/product-images/variant11.jpg') no-repeat center center/cover; } */  .filterBox .filter-color .tops-maroon, .filterBox .filter-color .shirt-lightPink, .filterBox .filter-color .shirt-blueViolet, .filterBox .filter-color .jacket-khaki, .filterBox .filter-color .bag-green, .filterBox .filter-color .shirt-light { background:url('../images/swatches/color-img1.jpg') no-repeat center center/cover; }  .sidebar .sidebar_widget.categories .sub-level { position:relative; } .sidebar .sidebar_widget.categories .sub-level > a:after { content:"\f067"; font-family:'annimex-icons'; font-size:15px; line-height:15px; display:inline-block; position:absolute; right:0; top:8px;  } .sidebar .sidebar_widget.categories .sub-level > a.active:after { content:"\f068"; font-family:'annimex-icons'; display:inline-block; } .sidebar .sidebar_widget.categories .sub-level ul { margin-left:15px; margin-bottom:0; display:none; } .sidebar .sidebar_widget.categories li a { display:block; }  .filter-widget .widget-title { position:relative; cursor:pointer; } .filter-widget .widget-title:after { content:"\f106"; font-family:'annimex-icons'; display:inline-block; position:absolute; right:0; top:2px; font-size:13px; line-height:13px; } .filter-widget .widget-title.active:after { content:"\f107"; font-family:'annimex-icons'; display:inline-block; }  /* Size Swacthes */ .size-swacthes .swacth-list ul { margin-left:0; } .size-swacthes .swacth-list li { float:left; display:block; } .size-swacthes .swacth-list .swacth-btn { font-size:12px; display:block; margin-bottom:2px; width:34px; height:34px; line-height:32px; }  /* Price Range */ .price-filter input[type="text"] { height:30px; padding:0 10px; text-align:center; font-size:12px; width:100px; } #slider-range.ui-slider-horizontal { background:#e9e9e9; border:none; border-radius:0; height:3px; margin-bottom:20px; } #slider-range .ui-slider-handle { background:#ffffff; border:2px solid #000000; height:10px; outline:none; top:-4px; width:10px; border-radius:50%; cursor:w-resize; margin-left:-1px; } #slider-range.ui-slider-horizontal .ui-slider-range { background:#777; border:0; } #slider-range.ui-slider-horizontal .ui-slider-range ~ .ui-slider-range { background:#000000; }  /* Color Swatches */ .grid-products .item .swatches li label { position: relative; margin:0; cursor:pointer; border:1px solid transparent; width:100%; height:100%; } .grid-products .item .swatches li.rounded label { border-radius:50% !important; } .grid-products .item .swatches li.radius label { border-radius:5px !important; } .grid-products .item .swatches li input[type="radio"] { display:none; } .grid-products .item .swatches.color-style li .black { background-color:#000000; } .grid-products .item .swatches.color-style li .white { background-color:#ffffff; } .grid-products .item .swatches.color-style li .red { background-color:#fe0000; } .grid-products .item .swatches.color-style li .blue { background-color:#0000fe; } .grid-products .item .swatches li.rounded { width:25px; height:25px; border-radius:50% !important; } .grid-products .item .swatches li.small { width:18px; height:18px; } .grid-products .item .swatches li.rounded input[type="radio"] + label, .grid-products .item .swatches li.rounded input[type="radio"]:checked + label { border-radius:50% !important; } .grid-products .item .swatches li.radius input[type="radio"] + label, .grid-products .item .swatches li.radius input[type="radio"]:checked + label { border-radius:5px !important; }  /* List Sidebar Products */ .list-sidebar-products { margin-top:0; } .list-sidebar-products:before, .list-sidebar-products:after, .sidebar .sidebar_widget:before, .sidebar .sidebar_widget:after { content:''; clear:both; display:block; } .list-sidebar-products .grid__item { margin-bottom:5px; } .list-sidebar-products .article__date { color: #888; }  .mini-list-item { margin-bottom:10px; } .mini-list-item:before, .mini-list-item:after { content:''; clear:both; display:block; } .mini-list-item .grid-view-item__link, .mini-list-item .mini-view_image img { width:70px; display: block; }  .product-tags { display: flex; flex-wrap: wrap; margin:0 0 10px; } .product-tags li { border-radius:0; display:inline-block; border:1px solid #e8e9eb; margin-bottom:5px; margin-right:6px; line-height:15px; } .product-tags li a { display: block; padding:5px 10px; font-size:11px; text-decoration: none; } .product-tags li:hover { background-color: #efefef; text-decoration: none; } /* End List Sidebar Products */  /* Tags */ .tags-clouds ul { display: flex; flex-wrap: wrap; } .tags-clouds li { display:inline-block; margin-bottom:4px; margin-right:6px; } .tags-clouds li a { color:#000000; display:block; border:1px solid #ddd; padding:5px 9px; text-transform:uppercase; list-style: none; font-size: 12px; line-height: 1.5; } .tags-clouds li a:hover { background-color:#efefef; text-decoration: none; }  /* Grid Sliderbar Products */ .grid-sidebar-products .grid-products-hover-btn .slick-prev{ left:0; } .grid-sidebar-products .grid-products-hover-btn .slick-next{ right:0; } /* End Grid Sliderbar Products */  .filters-toolbar-wrapper { border:0; margin:0 0 20px 0; } .filters-toolbar-wrapper .change-view { cursor:pointer; font-size:26px; line-height:0; width:30px; height:30px; text-decoration:none; background:none; opacity:0.6; border:0; padding:5px; color:#000000; } .filters-toolbar-wrapper .change-view--active { opacity:1; } .filters-toolbar-wrapper .change-view .icon { margin-top:-3px; margin-left:-3px; } .filters-toolbar__product-count { font-size:0.92308em; line-height:35px; margin-bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .filters-toolbar-wrapper select { width:auto; font-size:12px; border:1px solid #eee; } .filters-toolbar__input { background-color: #ffffff; border:0 solid transparent; text-overflow:ellipsis; white-space:nowrap; border:1px solid #eeeeee; width:100%; height:35px; margin-left:auto; opacity:1; -ms-transition: all ease-out 0.15s; -webkit-transition:all ease-out 0.15s; transition:all ease-out 0.15s; } .filters-toolbar__item .nice-select { padding: 0 25px 0 15px; } .filters-toolbar__item .nice-select .list { min-width:140px; left:auto; right:0; }  .filters-toolbar-wrapper .btn-filter { cursor:pointer; font-size:26px; line-height:0; width:30px; height:30px; background:none; border:0; opacity:0.6; display:inline-block; padding:5px; } .filters-toolbar-wrapper .btn-filter:before { margin-left:-3px; } .infinitpaginOuter { 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; padding:20px 0; } .pagination ul { display:block; margin:0 auto; } .pagination li { display:inline-block; } .pagination li.active a { border:2px solid #636871; color:#555555; } .pagination li:hover a { border-color:#555555; color:#555555; } .pagination li a { font-size:13px; color:#a2a2a2; height:35px; width:35px; line-height:31px; display:inline-block; border:2px solid #e8e9eb; vertical-align:middle; text-decoration:none; } .pagination li a i { line-height:31px; font-size:18px; vertical-align:baseline; }  /* Countdown Timer On listing */ .grid-products .item:hover .saleTime { display:none } .saleTime { display: flex; flex-wrap: wrap; justify-content: center; position:absolute; bottom:10px; left:0; right:0; z-index:3; } .saleTime .time-count { font-weight:700; font-size:14px; } .saleTime span>span { 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.9); color:#141414 } .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 } .timermobile .saleTime > span > span { padding: 6px 3px 4px; }  .countdown-deals { line-height:35px; text-align:center; width:100%; margin-bottom:10px; } .countdown-deals .cdown { background:#efefef; display:inline-block; height:50px; width:44px; } .countdown-deals .cdown span { font-size:14px; font-weight:500; } .countdown-deals .cdown > p { font-size:12px; text-transform:uppercase; line-height:0; margin:0; } .grid-products .countdown-deals { position:absolute; bottom:-10px; } .grid-products .countdown-deals .cdown { color:#ffffff; background-color:#000000; } .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:#ffffff; background-color:#000000; }  .product-load-more .item,.product-listview-load-more .item { display:none; } .product-two-load-more .item,.product-three-load-more .item,.product-four-load-more .item,product-five-load-more .item,.product-five-load-more .item,.product-six-load-more .item{ display:none; }  /* Search results form */ .search-results-form .input-group .form-control { height: 40px; }  /* Swatches Checkmark */ .swatches li { position:relative; } .swatches li.active { box-shadow:0 0 0 1px #000000; } .swatches li:after { content:''; border-style:solid; border-width:0 0 2px 2px; border-color:transparent transparent #000000 #000000; width:12px; height:7px; position:absolute; top:50%; left:0; right:0; margin:-5px auto auto; opacity:0; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); -webkit-transition:transform 0.3s linear, opacity 0.3s linear; transition:transform 0.3s linear, opacity 0.3s linear; } .swatches li.active:after { opacity:1; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); color:#6d6d6d; z-index:2; } .swatches li.active:before { content:''; background:rgba(255,255,255,0.5); display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }  .swatches li.active.color:not(.color.white):after { border-color: transparent transparent #ffffff #ffffff; } .swatches li.rounded.active:before { border-radius: 50%; } .swatches li.radius.active:before { border-radius: 5px; } .swatches li.circle.active:before { border-radius: 50%; }  .grid-products .item .swatches li.active { border-color: #000000; } /*----------------------------------------  * End Shop Pages ------------------------------------------*/  /*----------------------------------------  * 19. 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:#555555; margin: 0 0 10px; } .list-view-item .grid-view-item__meta { margin: 0 0 15px; } .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 { margin-bottom:10px; font-size:17px; text-align:left; } .list-view-items .product-price__sale { padding-left:5px; font-size:15px; } .list-view-items .product-review { align-items: flex-start; justify-content: flex-start; margin: 0 0 15px; } .list-view-item .quickview-btn,.list-view-item .variants.add,.list-view-item .wishlist-btn,.list-view-item .compare-btn { margin:0 1px; } .list-view-item a.quick-view,.list-view-item a.wishlist,.list-view-item a.add-to-compare { text-decoration:none; height:30px; width:35px; line-height:32px; } /*----------------------------------------  * End Product Listview ------------------------------------------*/  /*----------------------------------------  * 20. Product Detail Page ------------------------------------------*/ .product-single-1 .product-details-img .product-zoom-right { width:100%; padding-left: 0px; } .product-details-img:before, .product-details-img:after { content:''; clear:both; display:block; } .product-details-img .product-thumb { display:inline-block; padding:0; width:16%; margin:0; float:left; padding-right:1px; } .product-details-img .product-thumb-1 { display:block; padding:0; width:100%; margin:0; float:left; } .product-details-img .product-zoom-right { display:inline-block; position:relative; width:84%; float:left; padding-left: 7px; } .product-details-img .product-thumb .slick-arrow { top:auto; background:#ffffff; border-radius:3px; padding:0 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; } .product-details-img:hover .product-thumb .slick-arrow { opacity:1; } .product-details-img .product-thumb .slick-prev { top:5px; left:50%; margin-left:-12px; } .product-details-img .product-thumb .slick-next { bottom:-10px; left:50%; right:auto; margin-left:-12px; }  .product-thumb a.slick-slide { opacity:.6; -ms-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .product-thumb a.slick-slide.active, .product-thumb a.slick-slide:hover { opacity: 1; }  .product-details-img .product-dec-slider-2 .slick-list { margin:-3px 0; } .product-details-img .product-dec-slider-2 div.slick-slide { padding:3px 0;cursor:pointer; border:none; } .product-details-img .product-dec-slider-2 .slick-arrow { width: auto; } .product-details-img .product-dec-slider-2 .slick-prev:before { content:"\f106"; font-family:"annimex-icons"; font-size:15px; font-weight:700; } .product-details-img .product-dec-slider-2 .slick-next:before { content:"\f107"; font-family:"annimex-icons"; font-size:15px; font-weight:700; }  .product-details-img .product-labels {  } .product-details-img.product-single__photos.bottom .product-thumb .slick-arrow { background:transparent; padding: 4px; width: 30px; height: 30px; } .product-details-img.product-single__photos.bottom .product-thumb .slick-arrow:hover { background: #ffffff; } .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-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:5; } .product-buttons .btn { display:flex;align-items:center;justify-content:center; font-size:21px; height:36px; width:36px; text-align:center; margin-top:5px; clear:both; border-radius:3px; padding:0; background:#000000; color:#ffffff; opacity:0.9; } .product-buttons .btn .icon { margin: 2px 0 0 2px; }  .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:#000000; font-size:23px; margin-bottom:10px; padding-right:60px; text-transform:uppercase; } .product-template__container .product-nav { position:absolute; right:0; top:2px; } .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:#000000; float: left; } .product-template__container .product-nav .next { float:right; } .product-template__container .product__policies { margin-top: -5px; font-size: 13px; } .product-template__container .prInfoRow { margin-bottom:5px; } .product-template__container .prInfoRow > div { display:inline-block; margin-right:5%; } .product-template__container .prInfoRow .instock { color:#447900; } .product-template__container .prInfoRow .spr-badge-caption { color:#424242; padding-left:5px; } .product-template__container .prInfoRow a:hover { text-decoration:none; } .product-single__price .product-price__price { font-size:1.46154em; padding-left:3px; }  .product-single .product-single__meta .saleTime { position: static; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; } .product-single .product-single__meta .saleTime .count-inner { display: flex; align-items: center; justify-content: flex-start; min-width: inherit; } .product-single .product-single__meta .saleTime .time-count { font-size: 20px; min-width: inherit; } .product-single .product-single__meta .saleTime span > span { text-align: left; padding: 0 6px 0 0; text-align: left; } .product-single .product-single__meta .saleTime span > span span { font-size: 13px; margin: 0; line-height: normal; min-width: inherit; }  .saleTime.product-countdown.style2 .ht-count { flex: none; } .saleTime.product-countdown.style2 .count-inner{ background-color: #f8f8f8; color: #141414; border: 1px solid #dddddd; text-align: center; justify-content: center; padding: 3px 2px 3px 10px; } .saleTime.product-countdown.style2 .time-count { color: #141414; width: auto; text-align: center } .saleTime.product-countdown.style2 span > span span { color: #141414; text-align: center; width: auto; }  .saleTime.product-countdown.style3 .ht-count { flex: none; } .saleTime.product-countdown.style3 .count-inner{ background-color: #f8f8f8; color: #141414; border: 1px solid #dddddd; text-align: center; justify-content: center; flex-direction: column; min-width: 40px; padding: 7px 10px 4px 10px; } .saleTime.product-countdown.style3 .time-count { color: #141414; width: auto; text-align: center; padding: 0; } .saleTime.product-countdown.style3 span > span span { color: #141414; text-align: center; width: auto; padding: 0; margin-top: -4px; }  .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; color:#555555; font-size:16px; font-weight:500; margin-bottom:10px; } .orderMsg { color:#e95144; font-size:15px; margin-bottom:20px; } .orderMsg img { margin-right:3px; vertical-align:top; -webkit-animation-name:blinker; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(.6, 0, 1, 1); -webkit-animation-duration:0.8s; } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity:0.0; } } @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; }  ul.checkmark li { list-style: none; margin-left:25px; } ul.checkmark li:before { content:"\f00c";font-family:'annimex-icons'; position:absolute; left:-25px; color:#f5a100; text-align:left; font-size:15px; }  .rte { color:#555555; margin-bottom:18px; } .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 { text-align: left; padding: 0; border: none; font-size: 14px; font-weight: 500; color: #f05e5e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; } .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-form-border { border-top: 1px dotted #a0a0a0; border-bottom: 1px dotted #a0a0a0; padding: 10px 0 10px; margin: 15px 0 15px; }  .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:400; margin:0 0 5px; } .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:40px; height:40px; } .product-form .swatch .swatchInput:checked + .swatchLbl { border:2px solid #111111; box-shadow:none; } .product-form .swatch .swatchInput + .swatchLbl.color { position:relative; 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:50px; height:50px; } .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height:36px; } .product-form .swatch .swatchInput + .swatchLbl { position:relative; color:#333; 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 #ffffff; 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 input[type="radio"] + label:after { content: ''; border-style: solid; border-width: 0 0 2px 2px; border-color: transparent transparent #000000 #000000; width: 12px; height: 7px; position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -5px auto auto; opacity: 0; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: transform 0.3s linear, opacity 0.3s linear; transition: transform 0.3s linear, opacity 0.3s linear; } .product-form .swatch input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); color: #6d6d6d; } .product-form .swatch input[type="radio"]:checked + label:before { content: ''; background: rgba(255,255,255,0.5); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .product-form .swatch label a { font-size: 12px; margin-left: 90px; font-weight: 500; text-transform: none; } .product-form .swatch label a .icon { font-size: 17px; }  .infolinks { margin-bottom:25px; padding:0 5px; } .infolinks .btn { font-size:11px; background-color:transparent; color:#000000; padding:0; margin-right:15px; display:inline-block; vertical-align:top; border:none; border-bottom:1px solid #000000; } .infolinks .btn:focus { outline:0; }  #sizechart { text-align:center; background:#ffffff; margin:0 auto; padding:35px 20px 20px; max-width:800px; position:relative; } #sizechart table tr th, #sizechart table tr td { padding:7px 12px; text-align:left; font-size:13px; color:#555; border:1px solid #e8e9eb; } table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; }  #sizechart .mfp-close { right: 15px; opacity: 1; top: 10px; line-height: 30px; height: 30px; width: 30px; background: #000000; color: #ffffff; border-radius: 50% !important; }  #productInquiry { background:#eee; margin:0 auto; padding:20px; max-width:600px; position:relative; } #productInquiry input[type="tel"], #productInquiry input[type="email"], #productInquiry input[type="text"], #productInquiry textarea { background-color:#ffffff; margin-bottom:10px; } #productInquiry textarea { padding:10px; }  .product-template__container .product-action { width:100%; display: flex; flex-wrap: wrap; margin: 10px 0 15px; padding:0 5px; } .product-template__container .product-form__item--quantity { width:90px; padding-right:10px; } .wrapQtyBtn { float:left; } .qtyField { position:relative; max-width:80px; border:1px solid #dcdcdc; } .qtyField .qty { font-size: 16px; padding:5px 30px 5px 6px; width:80px; text-align:center; height:45px; margin:0; border:0 none; } .qtyField a { background-color:#f5f5f5; color:#000000; border-left:1px solid #dcdcdc; position:absolute; top:0; right:0; width:25px; height:50%; text-align:center; text-decoration:none; } .qtyField a .an { font-size:15px; line-height:24px; } .qtyField a.minus{ top:50%; border-top: 1px solid #dcdcdc; }  .checkout-safe fieldset { border:1px solid #e6e6e6; margin:0; padding:15px; } .checkout-safe legend { width:auto; float:none; color:#555; text-align:center; margin:0 auto; font-size:18px; line-height:20px; font-weight:400; text-transform:uppercase; letter-spacing:2px; padding:0 15px; }  .safecheckout .item { display: flex; flex: 1; align-items: center; color: #555; } .safecheckout .icon { font-size: 30px; line-height: 1; } .safecheckout .content { font-size: 13px; line-height: 1; text-transform: uppercase; font-weight: 500; padding-left: 10px; }  .safecheckout.style2-small .icon { font-size: 22px; } .safecheckout.style2-small .content { font-size: 11px; padding-left: 5px; }  .product-info p { color: #555555; margin-bottom: 0; position: relative; line-height: 20px; font-weight: 700; } .product-info p span { padding-left: 10px; font-weight: 400; text-transform: capitalize; } .product-info p span.instock { color: #447900; }  .product-template__container .product-form__item--submit, .product-template__container .payment-button { flex: 1; width:auto; overflow:hidden; } .product-template__container .product-form__item--submit .btn, .product-template__container .payment-button button { font-size:16px; width:100%; padding:6px 15px; min-height:47px; } .product-template__container .payment-button button { color:#ffffff; background-color:#fb7e66; border-color:#fb7e66; } .product-template__container .payment-button button:hover { color:#ffffff; background-color:#e68370; border-color:#e68370; } .product-template__container .payment-button { margin-left: 10px;  }  .payment-button__button { cursor:pointer; display:block; font-size:1em; font-weight:500; line-height:1; text-align:center; width:100%; } .payment-button__button--unbranded { padding:1em 2em; }  .product-template__container .shareRow { padding:10px 0 20px; } .product-template__container .shareRow .wishlist { background:none !important; color:#000 !important; text-transform:capitalize; width:auto; font-size: 13px; text-align:left; line-height:inherit; height:auto; text-decoration:none; } .product-template__container .shareRow .wishlist span { display:inline; padding-left:5px; letter-spacing:0.02em; } .product-template__container .shareRow .wishlist .icon { font-size: 18px; } .product-template__container .shareRow .medium-up--one-third { width:max-content; }  .social-sharing .btn { color:#555555; padding:0 5px !important; margin-bottom:0; background:none !important; border:0; letter-spacing:normal; text-transform:capitalize; } .social-sharing { margin: 0 -5px; } .social-sharing .an{ vertical-align:middle; padding-right:5px; font-size:18px; } .social-sharing .an-facebook { color:#1f519b; } .social-sharing .an-twitter { color:#27aae1; } .social-sharing .an-google-plus-g { color:#DD4B39; } .social-sharing .an-youtube { color:#ce332d; } .social-sharing .an-pinterest-p { color:#be1e2d; } .social-sharing .an-instagram { color:#4270a3; } .social-sharing .an-envelope { color:#B23121; margin-top:-4px; }  .freeShipMsg { margin-bottom:12px; } .freeShipMsg .icon { font-size:20px; width:25px; vertical-align:middle; } .shippingMsg { margin-bottom:12px; } .shippingMsg .icon { font-size:18px; width:25px; vertical-align:middle; }  .userViewMsg { clear:both; margin-bottom:15px; } .userViewMsg .icon { font-size:20px; width:25px; } .userViewMsg .uersView { min-width: 30px; display: inline-block; text-align: center; border-radius: 3px; background: #f03c07; color: #ffffff; font-weight: 700; padding: 1px 8px; margin-right: 5px; }  .prFeatures { padding:20px 0; } .prFeatures .feature { margin-bottom:20px; } .prFeatures img { float:left; } .prFeatures .details { margin-left:65px; line-height:1.1; } .prFeatures .details h3, .prFeatures .details .h3 { margin-bottom:5px; text-transform:uppercase; }  .template-product .tabs-listing .product-tabs { border-bottom:1px solid #e8e9eb; width:100%; margin-bottom:0; } .template-product .tabs-listing .product-tabs li { float:none; display:inline-block; cursor:pointer; } .template-product .tabs-listing .product-tabs a { border-bottom:1px solid transparent; margin-bottom:-1px; letter-spacing:1px; display:block; border:none; padding:15px 25px; background:none !important; text-transform:uppercase; font-weight:600; border-radius:0; outline:none; color:#2e2d2d; text-decoration:none; } .template-product .product-tabs li.active a, .template-product .product-tabs li.active a:focus { text-decoration:none; border:0; color:#000000; border-bottom:1px solid #000000; opacity:1; } .acor-ttl.active { border-bottom:1px solid #000000; } .acor-ttl { display:block; padding:15px 0; position:relative; font-weight:600; letter-spacing:1px; border-bottom:1px solid #e8e9eb; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; margin:0; font-size:12px; cursor:pointer; } .template-product .tabs-listing .tab-container { padding:30px 0; text-align:left; margin-bottom:30px; } .tab-container .tab-content { display:none; }  .template-product .prstyle2 .tabs-listing .acor-ttl:before { position:absolute; right:0px; top:15px; content:"\f107"; font-family:"annimex-icons"; font-size:13px; font-weight:700; } .template-product .prstyle2 .tabs-listing .acor-ttl.active:before { content:"\f106"; color:#000000; }  /* Product tabs bg */ .template-product .product-tabs-bg .product-tabs a { position: relative; padding: 10px 25px; background-color: #eee !important; color: #000000; border: 1px solid #ddd; border-bottom: 0; margin-right: 5px; } .template-product .product-tabs-bg .product-tabs li.active a, .template-product .product-tabs-bg .product-tabs li.active a:focus { background-color: transparent !important; color: #000000; border: 1px solid #ddd; border-bottom: 0; } .template-product .product-tabs-bg .product-tabs li.active a:before, .template-product .product-tabs-bg .product-tabs li.active a:before { content: ""; width: 100%; height: 2px; background-color: #ffffff; position: absolute; bottom: -1px; left: 0; right: 0; }  .product-tabs-bg .acor-ttl { background-color: #eee !important; color: #000000; border: 1px solid #ddd; padding: 12px 14px; margin: 5px 0; } .product-tabs-bg .acor-ttl.active { background-color: #000 !important; color: #ffffff; border: 1px solid #ddd; } .template-product .prstyle2 .product-tabs-bg .acor-ttl:before { right: 14px; top: 11px; } .template-product .prstyle2 .product-tabs-bg .acor-ttl.active:before { color: #ffffff; top: 13px; }  #shopify-product-reviews { *zoom:1; display:block; clear:both; overflow:hidden; margin:0 0; } .spr-container:before, .spr-container:after { content:" "; display:table; } .spr-summary-starrating { margin:0 6px 0 0; } .spr-summary-actions-newreview { background:#000000; color:#fff !important; font-size:12px; font-weight:700; padding:8px 10px; text-transform:uppercase; } .spr-form { margin:24px 0 0 0; padding:24px 0 0 0; border-top:1px solid #DFDFDF; } .spr-form-title { font-size:16px; line-height:24px; margin-top:0; text-transform:uppercase; } .spr-form-contact-name, .spr-form-contact-email, .spr-form-contact-location, .spr-form-review-rating, .spr-form-review-title, .spr-form-review-body { *zoom:1; margin:0 0 15px 0; } .product-template__container label { font-weight:400; text-transform:uppercase; letter-spacing:0.02em; } .spr-button-primary { float:right; } .spr-reviews { margin:24px 0 0 0; padding:24px 0 0; border-top:1px solid #DFDFDF; border-top:1px solid rgba(0,0,0,0.1); } .spr-review { padding:20px 0; border-top:1px solid #DFDFDF; } .spr-review:first-child { margin-top: 0; padding-top: 0; border-top: none; } .spr-review-header-starratings { margin:0 0 0.5em 0; display:inline-block; } .spr-review-header-title { font-size:16px; line-height:24px; margin:0; padding:0; border:none; text-transform:uppercase; } .spr-review-header-byline { font-size:13px; opacity:0.7; display:inline-block; margin: 0 0 5px; }  .template-product .tabs-listing .tab-container table tr th { background:#444444; color:#ffffff; border:0 !important; } .template-product .tabs-listing .tab-container table tr th, .template-product .tabs-listing .tab-container table tr td { padding:8px 15px; text-align:left; font-size:13px; border:1px solid #e8e9eb; } .template-product .tabs-listing .tab-container table tr:nth-child(2n) { background: #f5f5f5; }  .product-template__container .section-header { margin-bottom:40px; } .sub-heading { text-align:center; max-width:500px; margin:0 auto; }  .related-product { margin:50px 0 30px; } .recently-product .slick-slider .slick-arrow { margin-top: -25px; }  .related-product .collection-grid-4item.slick-slider .slick-list, .recently-product .collection-grid-4item.slick-slider .slick-list { margin: 0 -15px; } .related-product .collection-grid-4item .slick-slide, .recently-product .collection-grid-4item .slick-slide { padding: 0px; }  .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;cursor:pointer; }  .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; } .sidebar-product .product-review .an, .list-sidebar-products .product-review .an { font-size: 14px; } .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 -3px; justify-content:flex-start; } .product-countdown:before, .product-countdown:after { content:''; clear:both; display:block; } .product-countdown .ht-count { display:flex; align-content:center; flex:1; padding:0 3px; } .product-countdown .time-count { font-weight:700; font-size:24px; display:block; width:100%; text-align:center; margin:0; } .product-countdown span > span { width:auto; margin:0 auto; padding:12px 10px 8px; line-height:18px; display:inline-block; background:#000000; color:#ffffff; flex:1; } .product-countdown span>span span { display:block; background:none; font-size:15px; font-weight:400; text-transform:uppercase; line-height:16px; text-align:center; width:100%; padding:8px; }  .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; } .template-product.style-2 .product-single__description ul.checkmark { margin: 0 auto; max-width: 475px; }  .sidebar-col.left .btn-filter { padding:2px 8px 2px; font-size:14px; letter-spacing:1px; margin:-20px 0 15px; text-transform:uppercase; } .sidebar-col.left .btn-filter .icon { font-size:24px; margin:-2px 0 0; }  @media only screen and (min-width:992px) {     .productPageSlider.hover-info .slick-arrow { margin-top: 0; } }  /* Product Sticky Bottom Cart */ .stickyCart { display:none; color:#f5f5f5; position:fixed; bottom:0; left:0; right:0; z-index:99; text-align:center; padding:10px 0; background-color:#000000; } .stickyCart #sticky-cart { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }  .stickyCart .nice-select { height:37px; padding:0 25px 0 12px; background:transparent; color:#ffffff; border-color:#535353; } .stickyCart .nice-select:after { border-top-color:#ffffff; } .stickyCart .nice-select:focus, .stickyCart .nice-select:hover { border-color:#f5f5f5; } .stickyCart .nice-select .list { bottom:100%; top:auto; margin:0 0 4px; } .stickyCart .nice-select .option { white-space:nowrap; background:#222222; color:#ffffff; border-color:#353535; } .stickyCart .nice-select .list:hover .option:not(:hover) { background-color:#222 !important; } .stickyCart .nice-select .option:hover, .stickyCart .nice-select .option.focus, .stickyCart .nice-select .option.selected.focus { background-color:#000000; } .stickyCart .nice-select .option.disabled { color:#d2d2d2; text-decoration:line-through; }  .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 { font-size: 13px; font-weight: 500; letter-spacing: 0.5px; }  .stickyCart .product-form__cart-submit { padding:0 20px; line-height:37px; border:0; background:#fb7e66; color:#ffffff; } .stickyCart .product-form__cart-submit:hover { color: #ffffff; background-color: #e68370; }  .stickyCart .wrapQtyBtn { display:inline-block; vertical-align:middle; margin: 0 10px; float:none; } .stickyCart .qtyField { border: none; display:flex; align-items:center; max-width:90px; } .stickyCart .qtyField .qtyBtn, .stickyCart .qtyField .qty { top: 0; color:#f5f5f5; height:37px; width:auto; background-color:transparent; border:0; padding:0px 6px; line-height:35px; } .stickyCart .qtyField .qty { width: 100%; padding: 0px 25px; border: 1px solid #535353; } .stickyCart .qtyField .qty:hover, .stickyCart .qtyField .qty:focus { border-color: #acacac; } .stickyCart .qtyField .qtyBtn { left: 0; right: auto; } .stickyCart .qtyField .qtyBtn.plus { left: auto; right: 0; }  .grouped-product-list tr { border-bottom:1px solid #e6e6e6; } .grouped-product-list td { padding:10px 5px; } .grouped-product-list td.grouped-product-list-item__thumb, .grouped-product-list td.grouped-product-list-item__thumb img { width:70px; min-width:70px; } .grouped-product-list td .qtyField { max-width: 85px; } .grouped-product-list td .qtyField .qtyBtn, .grouped-product-list td .qtyField .qty { height:35px; padding:6px 6px; } .grouped-product-list td .qtyField .qty { width: 85px; padding: 7px 20px; } .grouped-product-list td .qtyField .qtyBtn { background:transparent; border: none; left: 0; right: auto; top: 0; } .grouped-product-list td .qtyField .qtyBtn.plus { left: auto; right: 0; } .grouped-product-list td.grouped-product-list-item__price .old-price { color:#999; padding-right:10px; text-decoration:line-through; }  .product-template__container .product-form.grouped-product .product-form__item--submit, .product-template__container .product-form.grouped-product .payment-button { flex: 1; margin: 0; }  .out-of-stock-btn .btn { background-color:#ff0000; color:#ffffff; border-color:#ff0000; opacity:0.7; cursor:default; } .out-of-stock-btn .btn:hover { opacity:1; }  /* Three Sixty */ #threesixty { max-width:400px; background:#ffffff; margin:0 auto; padding:10px; position: relative; } .threesixty { overflow:hidden; } .threesixty .nav_bar { position:absolute; bottom:20px; left:50%; z-index:11; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } .threesixty .nav_bar a { font-size:0; width:40px; line-height:40px; height:40px; float:left; background-color:rgba(255,255,255,0.7); text-align:center; } .threesixty .nav_bar a:hover { background-color:#ffffff; } .threesixty .nav_bar a:before { display:inline-block; font-size:24px; font-family:"annimex-icons"; } .threesixty .nav_bar a.nav_bar_play:before { content:"\f144"; } .threesixty .nav_bar a.nav_bar_previous:before { content:"\f104"; } .threesixty .nav_bar a.nav_bar_next:before { content:"\f105"; } .threesixty .nav_bar a.nav_bar_stop:before { content:"\f28d"; } .threesixty .spinner { width:60px; display:block; margin:0 auto; height:30px; background:#333; border-radius:5px; } .threesixty .spinner span { font-family:Arial, "MS Trebuchet", sans-serif; font-size:12px; font-weight:bolder; color:#FFF; text-align:center; line-height:30px; display:block; } .threesixty .threesixty_images { display:none; list-style:none; margin:0; padding:0; } .threesixty .threesixty_images img { position:absolute; top:0; left:50%; height:auto; max-height:500px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } .threesixty .threesixty_images img.current-image { visibility:visible; } .threesixty .threesixty_images img.previous-image { visibility:hidden; }  .fbtRow { margin-bottom: 10px; } .fbtRow label { text-transform: none; margin-right: 15px; } .fbtRow b.price { color: #000000; margin-right: 10px; } .fbtRow .nice-select { width: auto; height: 34px; white-space: nowrap; } .fbtRow .fbtImgCall { position: relative; align-self: center; width: auto; flex: none; } .fbtRow .fbtImgCall + .fbtImgCall:before { content: "+"; font-size: 18px; font-weight: 300; position: absolute; top: 44%; left: -6px; } .fbtRow .fbtPrice { color: #000000; font-size: 120%; } .fbtSec .fbtbtnCall { margin-left: 20px; max-width: 200px; }  .product-sticky-layout .product-details-img .zoompro-wrap { margin-bottom: 10px; } .product-sticky-layout .product-buttons { left: 10px; top: 5px; right: auto; bottom: auto; } .product-sticky-style { position: sticky; position: -webkit-sticky; top: 70px; }  .product-grp-layout .product-details-img > .row { margin-left: -5px; margin-right: -5px; margin-top: -10px; } .product-grp-layout .product-details-img .col-md-6 { padding-left: 5px; padding-right: 5px; padding-top: 10px; } /*----------------------------------------  * End Product Detail ------------------------------------------*/  /*----------------------------------------  * 21. Categories List ------------------------------------------*/ .categories-list-items:before, .categories-list-items:after { content: ''; clear:both; display:block; } .categories-item { float:left; width:23.2%; margin-right:2.307692307692308%; } .categories-item:last-of-type { margin-right:0; } .categories-item ul { list-style:none; padding:0; margin:0; } .categories-item ul li { list-style:disc; margin-left:15px; } .categories-item .thumb { margin-bottom:15px; display:block; } .categories-item h4 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; text-transform:uppercase; margin:0 0 10px; } .categories-item .rte-setting { margin-bottom:20px; } .categories-list-items .row { margin-bottom:40px; } /*----------------------------------------  * End Categories List ------------------------------------------*/  /*----------------------------------------  * 22. CMS Page ------------------------------------------*/ @media only screen and (min-width: 992px) {     #page-content { min-height:400px; } }  .page.section-header { background:#f9f9f9; border:1px solid #e8e9eb; border-top: none; } .page.section-header h1 { text-transform:uppercase; margin:0; color:#000000; padding:25px 0; font-size:18px; }  .page-template .addressFooter { font-size:14px; list-style:none; } .page-template #page-content .addressFooter .icon { color:#000 !important; font-size:18px; } .page-template .addressFooter li p { padding-left:30px; }  .contact-template .section-header { margin-bottom:0; } .contact-template .map-section { margin-bottom:0; overflow:hidden; height:350px; } .contact-template .map-section .container { position:relative; height:100%; } .contact-template .map-section__overlay { left:auto; width:300px; padding:20px; display:inline-block; text-align:center; z-index:3; position:absolute; left:0; top:0; transform:translateY(-135%); -webkit-transform:translateY(-135%); margin-top:0; background:rgba(255,255,255,0.8); } .contact-template .map-section__overlay-wrapper { position:static; text-align:left; height:100%; } .rte-setting { margin-bottom:11.11111px; } .contact-template .btn--secondary { background-color:#ededed; color:#000000; border:1px solid #000000; } .contact-form textarea { height:120px; }  #accordionExample .title { margin:35px 0 20px; } #accordionExample .panel-title { cursor:pointer; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; text-transform:none; margin:0; background:none; padding:15px; border-top:2px solid #eee; display:block; color:#555555; padding-left:30px; position:relative; } #accordionExample .panel-title.active { color:#000000; } #accordionExample .panel-content { padding:1px 5px 15px 30px; } #accordionExample .panel-title[aria-expanded="true"] { color:#000000; } #accordionExample .panel-title[aria-expanded="false"]:before { content:"\e61a"; font-family:'themify'; display:inline-block; position:absolute; left:5px; font-size:14px; } #accordionExample .panel-title[aria-expanded="true"]:before { content:"\e622"; font-family:'themify'; display:inline-block; position:absolute; left:5px; font-size:14px; }  /* Lookbook */ .lookbook-template .page.section-header { margin-bottom:0; } .lookbook-1 { margin: -36px 0; padding: 5px 2px 0; } .lookbook-1 .lookbook > div:hover .h2, .lookbook-1 .lookbook > div:hover h2 { opacity: 0; }  .lookbook .grid-lookbook { position: relative; float:left; padding:0 3px 6px; } .lookbook .grid-lookbook img { width:100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .lookbook .grid-lookbook:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .lookbook .caption { position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; text-align:center;text-decoration: none; z-index:1; -webkit-transition-duration:0.5s; transition-duration:0.5s; } .lookbook .overlay { content:" "; position:absolute; z-index:1; height:100%; width:100%; top:0; left:0; background:#000000; opacity:0.2; visibility:visible; } .lookbook h2, .lookbook .h2 { color:#ffffff; font-size:22px; letter-spacing:0.03em; text-transform:uppercase; transition-duration:0.5s; -webkit-transition-duration:0.5s; margin-bottom:-20px; } .lookbook .btn { color:#ffffff; transition-duration:0.3s; -webkit-transition-duration:0.3s; opacity:0; visibility:hidden; margin-top:-20px; position:relative; z-index:1; padding:10px 60px; } .lookbook > div:hover .btn { opacity:1; visibility:visible; } .lookbook > div:hover { transition-duration:0.5s; -webkit-transition-duration:0.5s; } .lookbook > div:hover .overlay { opacity:0.1; }  /* Lookbook Style 2 */ .lookbook2 .grid-masonary { margin-left: -10px; margin-right: -10px; } .lookbook2 .grid-lookbook { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .lookbook2 .h2, .lookbook2 h2 { background: rgba(255,255,255,.5); color: #000000; border: 1px solid transparent; font-size: 16px; letter-spacing: 1px; text-align: center; -webkit-transition-duration: .5s; transition-duration: .5s; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0; padding: 12px 12px; } .lookbook2 .grid-lookbook:hover h2 { background: #ffffff; border-color: #e8e9eb; }  /* Lookbook Style 3 */ .lookbook3 .grid-lookbook, .lookbook3 .grid-sizer { padding: 0; } .lookbook3 .caption .h2, .lookbook3 .caption h2 { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; font-size: 16px; padding: 0 5px; margin: 0; text-align: center; width: 100%; } .lookbook3 .caption { opacity: 0; position: absolute; top: 0; background: rgba(0,0,0,.4); height: 100%; width: 100%; text-align: center; -webkit-transform: none; transform: none; -ms-transition: all .5s linear; -webkit-transition: all .5s linear; transition: all .5s linear; } .lookbook3 .grid-lookbook:hover .caption { opacity: 1; } .lookbook3 .grid-lookbook img { display: block; width: 100%; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -ms-transition: all .5s linear; -webkit-transition: all .5s linear; transition: all .5s linear; } .lookbook3 .grid-lookbook:hover img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }  /* Lookbook Style 4 */ .lookbook4 .caption { background: #000000; position: absolute; bottom: -110px; top: auto; left: 0; right: 0; margin: 0; padding: 12px 10px; -webkit-transform: none; transform: none; opacity: 1; } .lookbook4 .grid-lookbook:hover .caption { bottom: 0; } .lookbook4 h2 { font-size: 15px; margin: 0; } @media only screen and (min-width: 1199px) {     .lookbook-page-full .lookbook .col-12 { width: 20%; } }  /* Lookbook Style 5 */ .lookbook5 .grid-lookbook:hover img { -webkit-transform: none; transform: none; } .lookbook .products { position:absolute; } .lookbook .products .btn-shop { margin: 5px; cursor: pointer; background: #000000; color: #ffffff; border-radius: 50%; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } .lookbook .products .btn-shop:before { content: ""; position:absolute; -webkit-animation: box-shadow 1.5s linear infinite; 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 .icon { font-size:15px; } .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:flex; position:absolute; width:260px; background:#ffffff; border-radius:0; padding:10px; } .lookbook .grid-lb.active { opacity:1; visibility:visible; } .lookbook .grid-lb.left { right:-100%; } .lookbook .grid-lb .btn-shop-close { background: #131313; color: #ffffff; position: absolute; right: -8px; top: -8px; z-index: 5; cursor: pointer; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 2px rgba(255, 255, 255,0.5); } .lookbook .grid-lb .pro-img { width:80px; } .lookbook .grid-lb .detail .title { color: #000000; font-size: 13px; font-weight: 500; margin-bottom: 0; letter-spacing: 0.5px; line-height: 1.2; display: block; } .lookbook .grid-lb .detail .old-price { color: #555555; font-size: 12px; opacity: 0.8; text-decoration: line-through; margin-right: 5px; } .lookbook .grid-lb .detail .old-price + .price { color: #ed1313; } .lookbook .grid-lb .detail .product-review .an { font-size: 14px; } .lookbook .grid-lb .detail .btn { margin-top:5px; font-size:12px; padding:5px 10px; opacity: 1; visibility: visible; } @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; } }  .grid-item { float:left; } .grid-item img { display:block; max-width:100%; }  .empty-page-content { padding:140px 0; } .empty-page-content .btn { color:#ffffff; }  /* Comming Soon Page */ .site-header__logo-image { margin: 0 auto 30px auto; display:inline-block; } .template-password { height: 100vh; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #ffffff; } .password-page-wrap { background-color: rgba(255,255,255,.5); position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; } .password-message { max-width: 500px; margin: 40px auto 15px; } .password__form-heading { margin-bottom: 30px; font-size: 18px; color: #000000; font-weight: 400; } .password-table { display:table; height:100%; width:100%; } .password-cell { width:50%; display:table-cell; vertical-align:middle; text-align:center; position:relative; } .password-page { background:none !important; display:table; height:100%; width:100%; color:#000000; background-color:#ffffff; background-size:cover; } .password-table .password-cell { background:url(../images/coming-soon.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } .password-header { position:absolute; right:20px; top:20px; } .password-main { width:100%; height:100%; margin:0 auto; display:table; vertical-align:middle; } .password-main__inner { display:table-cell; vertical-align: middle; padding:30px; } .password__title { font-size:3em; letter-spacing:5px; font-weight:700; margin-bottom:15px; text-transform:uppercase; } .password__input-group { max-width:340px; margin:0 auto 30px; } .password-cell .input-group { position:relative; display:flex; flex-wrap:nowrap; width:100%; border-collapse:separate; height:40px; } .password-cell .input-group__field { background-color:#ffffff; width:100%; height:40px; border-right:0; border-radius:3px 0 0 3px; } .password-cell .input-group__btn .btn { height:40px; border-radius:0 3px 3px 0; white-space:nowrap; }  /* Comming Soon Style 2 */ .coming-soon-style2 .password-page-wrap .password-main__inner { display:block; margin:0 auto; max-width:600px; background-color:rgba(255,255,255,.9); position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); } .coming-soon-style3 .password-page-wrap { background-color:rgba(255,255,255,.5); left: 0; top: 0; bottom: 0; height: 100%; width: 40%; } .coming-soon-style3 #LoginModal { width: 40%; }  /* Custom Search */ .custom-search { margin-bottom:20px; } .custom-search .search { opacity:1; border:none; max-width:100%; padding:0; border-radius:0; box-shadow:none; -webkit-box-shadow:none; display:table; top:0; z-index:1; transform:none; -webkit-transform:none; visibility:visible; } .custom-search .search .search__input { font-size:13px; border:none; display:table-cell; width:100%; padding:15px 20px; border:1px solid #e5e5e5; } .custom-search .search .search__input:focus { border-color:#999999; } .custom-search .search .input-group__btn { text-align:center; white-space:nowrap; position:absolute; right:10px; top:9px; } .custom-search .search .btnSearch { border:0; cursor:pointer; font-size:18px; }  /* Blog Page */ .article_featured-image { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; /*min-height:140px;*/ } .article_featured-image img { margin-bottom:20px; } .publish-detail { margin:0 0 10px 0; display:flex; flex-wrap:wrap; } .publish-detail li { list-style:none; display:flex; align-items:center; margin-right:10px; margin-bottom:0; } .publish-detail li .icon { font-size: 18px; } .blog--list-view .article { margin-bottom:30px; } .blog--list-view .article__title { font-size:16px; } .featured-content .list-items { margin-left:10px; }  .blog-masonary { margin-left: -10px; margin-right: -10px; } .blog-masonary .grid-article { float: left; padding: 0 10px 20px; margin: 0; }  #comment_form { padding:20px; border:1px solid #e8e9eb; background:#f5f5f5; } #comment_form label { color: #555; display:block; margin-bottom:5px; text-transform:uppercase; letter-spacing:.04em; cursor:pointer; } #comment_form input[type="text"], #comment_form input[type="email"], #comment_form textarea { background:#ffffff; }  #comments .sub-title { font-size: 14px; font-weight: 700; background: #f5f5f5; letter-spacing: .5px; text-transform: uppercase; padding: 10px 15px; margin-bottom: 20px; border: 1px solid #eee; } .blog-comment { margin:0 0 40px; } .blog-comment .media { margin-bottom:20px; } .blog-comment .media .media-body .media { margin:20px 0 0 -60px; } .blog-comment .icon { transform:rotate(180deg); margin-right:5px; }  .fine-print { color:#555; font-size:1.07692em; font-style:italic; } .blog-nav { margin-top:30px; margin-bottom:40px; }  .blog--grid-load-more .article { display:none; border-bottom:1px solid #ddd; padding:0 0 30px; margin-bottom:30px; }  .template-blog .btn-filter { cursor:pointer; font-size:30px; width:55px; height:55px; background:none; opacity:0.6; display:inline-block; padding:5px; border:1px solid #e5e5e5; margin-right:15px; } .template-blog .btn-filter:hover { border-color:#999999; opacity:0.8; } .template-blog .filterbar { width:280px; height:100%; padding:0; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.3); position:fixed; top:0; left:-290px; z-index:9999; -ms-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .template-blog .filterbar.active { left: 0; } .template-blog .filterbar .sidebar_tags { background-color: #ffffff; padding:20px; height:100%; overflow:auto; } .template-blog .filterbar.active .closeFilter { color:#ffffff; font-size:15px; line-height:28px; height:30px; width:30px; text-align:center; cursor:pointer; position:absolute; top:15px; left:100%; background-color:#000000; box-shadow:0 0 5px #ddd; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .template-blog .sidebar.filterbar.active .filterBox{ padding:0; border:none; } .template-blog .filterbar.active .closeFilter:after { content: ''; background: #000000; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; cursor: crosshair; opacity: .5; }  /* Error 404 Page */ .error-404-page #page-content { text-align: center; background-color:#f7f7f7; padding:5% 0; } .error-404-page #page-content .page-title { font-size: 44px; text-transform: uppercase; } .error-404-page #page-content .error-content p { color:#000000; font-size:16px; } .error-404-page .page-title h1 { font-size:40px; margin:0 0 10px; } .error-404-page #footer { margin-top: 0; } .error-404-page #page-content h2 { text-transform: uppercase; }  /* Size Chart */ .size-chart table tr th { background:#fdfdfd; } .size-chart table tr th, .size-chart table tr td { padding:8px 15px; text-align:left; font-size:13px; border:1px solid #e8e9eb; }  /*----------------------------------------  * Compare Products Page Style 1 & 2 ------------------------------------------*/ .compare-page .table { border:1px solid #ddd; } .compare-page .table th { background-color:#efefef; vertical-align:middle; padding: .75rem;  } .compare-page .table td { border:1px solid #ddd; vertical-align:middle; padding: .75rem; } .compare-page .table .remove-compare { border:0; font-size: 16px; } .compare-page .table .remove-compare:hover { color:#000000; } .compare-page .table .featured-image { max-width: 175px; margin:0 auto 10px; display: block; } .compare-page .table .product-price.product_price { margin-bottom:10px; display:block; } .compare-page .table .available-stock p { color:#090; text-transform:uppercase; }  /* Compare Style 2 */ .compare-page2 .table .remove-compare { float:right; width:100%; text-align:right; } .compare-page2 .table .grid-link__title { margin-bottom:10px; } .compare-page2 .table .featured-image { max-width: 200px; }  /*----------------------------------------  * Cart Pages Style 1 & 2 ------------------------------------------*/ .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 td.cart-price.text-end .money { font-weight: 600; } .cart__image-wrapper a { display:block; } .cart__image-wrapper { width:120px; } .cart .qtyField { max-width: inherit; } .cart .qtyField a { height:36px; line-height:34px; padding:0; position:static; } .cart .qtyField .cart__qty-input { height:36px; width:40px; float:left; } .cart .qtyField a .icon { line-height:19px; font-size:19px; } .cart .cart__remove { border:0; margin-top:4px; font-size:13px; padding:0; height:25px; width:26px; text-align:center; vertical-align:middle; line-height:25px; border-radius:100px; } .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:#000000; 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; margin: 15px 0 0; } .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; }  .cart .wrapQtyBtn { float:left; } .cart .qtyField { display:table; margin:0 auto; } .cart .qtyField .qty { width:40px; } .cart .qtyField .qtyBtn, .cart .qtyField .qty { font-size: 16px; padding:10px 6px; width:28px; height:36px; border-radius:0; float:left; display: flex; align-items: center; justify-content: center; } .cart .qtyField .qty { width: 50px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .cart .qtyField a { background-color:#eeeeee; color:#000000; } .cart .qtyField a:hover { background-color:#d5d5d5; color:#000000; } .cart .qtyField a .fa { font-size:12px; line-height:21px; } .cart .qtyField > a, .cart .qtyField > span, .cart .qtyField input { display:table-cell; line-height:normal; text-align:center; padding:3px 6px; border:1px solid #f5f5f5; }  .form-group { margin-bottom: 1rem; } .form-group label { display: inline-block; margin-bottom: .5rem; }  /*----------------------------------------  * Checkout Page Styles 1 & 2 ------------------------------------------*/ .login-title, .order-title, .payment-title, .checkout-page-style2 .title { font-size:16px; font-weight:700; } .customer-box h3 { color:#ffffff; font-size:15px; font-weight:400; line-height:normal; margin:0; padding:12px 15px; text-transform:uppercase; background-color:#000000; } .customer-box h3 i { font-size: 21px; margin-right:5px; } .customer-box h3 a { font-weight:700; text-decoration:none; } .billing-fields { margin-bottom:30px; } .order-table .table thead th { background-color:#ffffff; font-size:13px; padding:6px 6px 6px; border-bottom:1px solid #ddd; } .order-table .table td { font-size:13px; padding:6px 6px 6px; } .card { border-radius:0; margin-bottom:10px; } .card-header { position:relative; padding:10px 15px; } .card-header .card-link { position:relative; text-decoration: none; } .card-header .card-link:before{ content:"\f107"; font-family:'annimex-icons'; font-size:13px; position:absolute; right:0; top:1px; color:#555555; } .card-header .card-link[aria-expanded="true"]:before { content: "\f106"; top: 3px; } .payment-accordion .card .card-header { background-color:#ffffff; } .payment-accordion .card .card-header a { color:#000000; display:block; font-size:14px; font-weight:600; text-transform:uppercase; } .order-button-payment .btn { font-size:18px; font-weight:700; padding: 10px 20px; } .customer-box .discount-coupon, .customer-box .customer-info { background-color:#f7f7f7; padding:20px; } .create-ac-content, .your-order-payment { border:1px solid #ddd; padding:20px; }  .customer-box input[type="email"], .customer-box input[type="text"], .customer-box input[type="password"] { background-color:#ffffff; } .order-button-payment { margin-top:20px; } .checkout-page .form-control, .checkout-page input, .checkout-page select, .checkout-page textarea { font-size:13px; border-radius:0; } .checkout-page .required-f { color:#F00; } .checkout-page .form-check-input { margin-top:3px; }  .card.card--grey { background-color:#fbfbfb; } .card.card--grey input, .card.card--grey select, .card.card--grey .nice-select, .card.card--grey .form-control { background-color:#ffffff; } .card { background-color:#ffffff; border-color:#f7f7f7; border-radius:0; }  /* Checkout Style 2 */ .checkout-page-style2 .card-body h2 { font-size:16px; font-weight:700; } .checkout-page-style2 .table-bordered .thumb { width:60px; display:block; } .checkout-page-style2 .order-table .table td { vertical-align:middle; }  /*----------------------------------------  * Checkout Success Page ------------------------------------------*/ .checkout-success-content .card { background: #fff; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3); margin-bottom:30px; } .checkout-success-content .card .card-body { padding:20px; } .checkout-success-content .card .card-title { color:#29be01; font-size:24px; text-align:center; margin-bottom:15px; } .checkout-success-content .card .checkout-success-icon { color:#29be01; font-size:90px; text-align:center; line-height:90px; margin: 0 0 10px; } .checkout-item-ordered .table { border:1px solid #f1f1f1; margin:0 0 10px; } .checkout-item-ordered .table thead { background-color:#f1f1f1; } .checkout-item-ordered .table tfoot { font-size:16px; background-color:#f1f1f1; } .checkout-item-ordered thead th, .checkout-item-ordered td { font-size:13px; font-weight:400; padding:10px; vertical-align:middle; border:none; } .checkout-item-ordered tbody tr { border-bottom: 1px solid #f1f1f1; } .checkout-item-ordered tbody tr:hover { background-color: #f7f7f7; } .checkout-item-ordered tfoot td { padding:5px 10px; border-bottom: 1px solid #e8e8e8; } .checkout-item-ordered tfoot tr:first-of-type td { padding-top:15px; } .checkout-item-ordered tfoot tr:last-of-type td { padding-bottom:15px; border-bottom: none; } .checkout-item-ordered h2 { font-size:22px; text-transform: uppercase; margin:0 0 15px; } .ship-info-details { margin:0 0 20px; text-align:left; box-shadow:0 0 3px rgba(0,0,0,.3); padding:15px; } .ship-info-details h3 { background-color:#f5f5f5; font-size:15px; font-weight:500; padding:10px; margin:0 0 15px; } .ship-info-details p { margin:0 0 5px; } .checkout-static-block { background-color:#efefef; padding:20px; }  /*----------------------------------------  * My Account page ------------------------------------------*/ .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 { font-size: 15px; border-right:1px solid #ebebeb; padding:30px 20px; } .dashboard-upper-info [class*="col-"]:last-child .d-single-info { border-right:0; } .dashboard-upper-info .d-single-info .icon { font-size: 21px; } .dashboard-list li a { border-bottom:1px solid #ebebeb; color:#000000; display:block; font-size:14px; font-weight:500; padding:10px 15px; text-transform:uppercase; text-decoration: none; } .dashboard-list li a.active, .dashboard-list li a:hover { color:#ffffff; background-color:#000000; } .dashboard-content { border:1px solid #ebebeb; padding:20px; } .dashboard-content h3 { font-size:18px; line-height:24px; text-transform:uppercase; font-weight:600; 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; }  .dashboard-content .profile-img { display:flex; align-items:center; margin:0 0; background-color:rgb(255, 255, 255); box-shadow:rgba(3, 0, 71, 0.09) 0px 1px 3px; border-radius:8px; padding:1rem; } .dashboard-content .profile-img .lbl { margin-left:auto; text-align:right; letter-spacing:0.2em; color:rgb(125, 135, 156); } .dashboard-content .profile-order { list-style:none; display:flex; flex-wrap:wrap; text-align:center; margin:0; padding:0; } .dashboard-content .profile-order li { background-color:rgb(255, 255, 255); box-shadow:rgba(3, 0, 71, 0.09) 0px 1px 3px; border-radius:8px; padding:1rem; -webkit-flex:1; flex:1;  margin:0 0.4rem 0.4rem; font-size:12px; line-height:1.5; }  /*----------------------------------------  * FAQ's page ------------------------------------------*/ .faqs-style1 .accordion .accordion-item { border:0; margin:0; } .faqs-style1 .accordion .accordion-header { font-size:13px; font-weight:600; background:none; padding:18px 0 0 0; margin:0; border-bottom:1px solid #eeeeee; position:relative; border-radius:0; } .faqs-style1 .accordion .accordion-header:before { display:none; } .faqs-style1 .accordion .accordion-header .accordion-button:after { content:"\f067"; font-family:'annimex-icons'; position:absolute; top:0px; right:0px; background: transparent; width: auto; height: auto; transform: none; font-size: 18px; font-weight: normal; } .faqs-style1 .accordion .accordion-header .accordion-button[aria-expanded="true"]:after { content:"\f068"; } .faqs-style1 .accordion .accordion-header .accordion-button { font-size:105%; font-weight:600; text-transform:uppercase; cursor:pointer; line-height:22px; background: transparent; color:#000000; display:block; padding: 0 25px 0 0; margin:0 0 15px; box-shadow: none; border: none; outline: none; } .faqs-style1 .accordion .accordion-body { padding: 1rem 0 0; } .faqs-style1 .accordion .collapse.show { margin:0; } /* FAQ's Style 2 */ .faq-style2 h3 { color:#eeeeee; font-size:16px; font-weight:600; background:#333333; padding:12px 20px; margin-top:15px; } .faq-style2 .panel-title { line-height:22px; font-weight:600; font-size:105%; text-transform:uppercase; background:none; padding:18px 40px 18px 0; margin:0; border-bottom:1px solid #eeeeee; position:relative; } .faq-style2 .panel-content { padding:20px 0; }  /*----------------------------------------  * About Us Page ------------------------------------------*/ .aboutus-style1 #page-content .container-fluid { max-width:100%; padding:0; } .aboutus-style1 #footer { margin-top:0; } .team-items .team-item:hover img { opacity: 0.8; } .social-url.pt-2 a { margin: 0 5px; text-decoration: none; font-size: 16px; line-height: normal; } .ab-full-section-bg { background:url(../images/about/about-us-image4.jpg) no-repeat right top #f9f9f9; padding:130px 0; } .count-to { font-size:4rem; font-weight:700; letter-spacing:-.025em; line-height:1; }  .team-style2 .team-img { position: relative; overflow: hidden } .team-style2 .team-img .social-url { background-color: rgba(255,255,255,0.7); font-size: 16px; position: absolute; bottom: 0px; width: 100%; } .team-style2 .team-img .social-url a { margin: 0 2px; } @media only screen and (min-width: 992px) {     .team-style2 .team-img .social-url {  background-color: transparent; position: absolute; bottom: 10px; left: -20%; width: auto; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; }     .team-style2 .team-item:hover .social-url { opacity: 1; visibility: visible; left: 10px;  }     .team-style2 .team-img .social-url a { margin: 1px; text-decoration: none; font-size: 16px; line-height: normal; color: #ffffff; background-color: #000000; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }     .team-style2 .team-img .social-url a:hover { color: #000000; background-color: #fb7e66; } }  /*----------------------------------------  * Contact Us Page ------------------------------------------*/ .contact-us-page .section-header { margin-bottom:0; } .contact-us-page .map-section { margin-bottom:0; overflow:hidden; } .contact-us-page .map-section iframe { display: block; } .contact-us-page .formFeilds, .contact-us-page .contact-details { width:100%; } .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%; } .contact-us-page .btn--secondary { background-color:#ededed; color:#000000; border:1px solid #000000; }  /* Contact Us Style 2 */ .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:#ffffff; } .contact-us-page2 .contact-details { background-color:#ffffff; padding:0; }  .mailsendbtn { display: inline-block; position: relative; } .mailsendbtn .loading { display: none; position: absolute; right: -40px; top: 6px; width: 28px; height: 28px; box-shadow: 0 0 3px #999; text-align: center; } .error_msg { display: block; color: #ff4141; }  /*----------------------------------------  * Brands Page ------------------------------------------*/ .letter-title { color:#000; font-size:16px; font-weight:600; background-color:#efefef; padding:10px 20px; margin:20px 0; } .brands-list .brands-row { margin-top: -10px; } .brands-list .brands-logo { padding-top: 10px; } .brands-list .brands-logo a { display:block; border: 1px solid #ddd; } .brands-list .brands-logo a:hover { border-color:#000; } .brands-search .alphaBets { background-color:#efefef; padding:10px; } .brands-search .alphaBets .listing { list-style:none; padding:0; margin:0; } .brands-search .alphaBets .listing li { display:inline-block; margin:0 10px 0 0; } .brands-search .alphaBets .listing li .alpha { border:0; background-color:#fff; padding:3px 11px; border:1px solid transparent; } .brands-search .alphaBets .listing li .alpha.active { color:#fff; background-color:#000; border:1px solid #000; } .brands-search .alphaBets .listing li .alpha:not(.active):hover { color:#000; background-color:#fff; border-color:#000; } .brands-search-logo { border:4px solid #efefef; padding:15px; margin-bottom:40px; }  .featured-brands-logo .brands-row .slick-list { margin-left: 0; margin-right: 0; } .featured-brands-logo .brands-list .brands-logo { padding-left: 10px; padding-right: 10px; } /*----------------------------------------  * End Pages ------------------------------------------*/  /*----------------------------------------  * Cart Pages ------------------------------------------*/ .cart__row { position:relative; } .cart th { font-weight:500; padding:10px 0 8px; background:#f9f9f9; text-transform:uppercase; padding-left:15px; padding-right:15px; letter-spacing:1px; } .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:#000000; 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:42px; float:left; } .cart .qtyField a .icon { line-height:33px; } .cart .cart__remove { margin-top:4px; font-size:15px; padding:0; height:25px; width:25px; text-align:center; vertical-align:middle; line-height:22px; display: flex; align-items: center; justify-content: center; } .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:#000000; 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:15px 0; } .cart_tearm label { cursor:pointer; } .cart tfoot .an { font-size: 16px; vertical-align: text-bottom; } input.checkbox { height:auto; vertical-align:middle; padding:0; box-shadow:none; } #cartCheckout { width:100%; }  /* Empty page */ .empty-page .icon { font-size: 150px; color: #ebecee; margin: 0 0 15px; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(-20px);} 60% { transform:translateY(-10px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(-20px);}  60% { transform:translateY(-10px); } } /*----------------------------------------  * End Cart Pages ------------------------------------------*/  /*---------------------------------------  * Wishlist ------------------------------------------*/ .wishlist-table .product-name h4 { font-weight:500; font-size:14px; } .wishlist-table .in-stock { color:#093; text-transform:uppercase; font-weight:500; } .wishlist-table .out-stock { color:#F00; text-transform:uppercase; font-weight:500; } .wishlist-table .table-bordered, .wishlist-table .table-bordered td, .wishlist-table .table-bordered th { vertical-align:middle; white-space: nowrap; } .wishlist-table .table-bordered th { text-transform:uppercase; } .wishlist-table .icon { font-size: 20px; } .wishlist-table .product-thumbnail img { max-width:100px; } .wishlist-table .product-subtotal .btn { white-space:nowrap; } .out-stock { color:#F00; }  .wishlist-grid .close-btn {  position: absolute; left: 5px; top: 5px; z-index: 5; height: 25px; width: 25px; border-radius: 50%; font-size: 13px; padding: 0 0 0 2px; } /*----------------------------------------  * End Wishlist ------------------------------------------*/  /*----------------------------------------  * Quick View Popup ------------------------------------------*/ .quickview-popup .product-single__description { border-bottom:1px solid #e8e9eb; padding-bottom:15px; margin-bottom:15px; } .quickview-popup .model-close-btn { position:absolute; top:-35px; right:-35px; z-index:99; text-align:center; height:30px; width:30px; line-height:27px; border-radius:50%; background-color:#000000; opacity:1 !important; text-shadow:none; color:#ffffff; font-size:15px; border:2px solid #ffffff; box-shadow:0 0 1px #555; text-decoration:none; } .quickview-popup .slick-prev { left:0px; } .quickview-popup .slick-next { right:0px; } .quickview-popup .slick-arrow:before { font-size: 18px; } .quickview-popup .slick-arrow { height: 30px; width: 30px; border-radius: 4px; } .quickview-popup .slick-arrow:hover { background-color: #ffffff; box-shadow: 0 0 4px rgba(0,0,0,0.1); } .quickview-popup .product-form__item--submit .product-form__cart-submit { padding:0 25px; width:auto; } .quickview-popup .wishlist-btn{ vertical-align:top; display:inline-block; margin:0; padding-left:5px; } .quickview-popup .wishlist-btn .wishlist { height:47px; line-height:47px; padding:0 18px; width:auto; font-size:22px; text-decoration:none; } .quickview-popup .product-thumb-lists .slick-list { margin-left:-5px; } .quickview-popup .product-thumb-lists .item { cursor: pointer; padding-left:5px; } .quickview-popup .product-thumb-lists .item img { border: 1px solid transparent;  } .quickview-popup .product-thumb-lists .slick-current .item img { border-color: #000000; } .quickview-popup .product-template__container .shareRow { padding:10px 0 0; }  .modal-open { padding-right:0 !important; } .modal-open .modal { padding-right:0 !important; } /*----------------------------------------  * End Quick View Popup ------------------------------------------*/  /*----------------------------------------  * Add to Cart Popup ------------------------------------------*/ .addtocart-popup.magnific-popup { width:92%; max-width:440px;  } .addtocart-popup h4,.wishlist-popup h4 { font-weight:500; font-size:15px; color:#30ba00; margin:0 0 15px; } .addtocart-popup .pro-name,.wishlist-popup .pro-name { font-size:14px; } .addtocart-popup .pro-cz{ font-size:12px; color:#888; } .addtocart-popup .pro-img,.wishlist-popup .pro-img { float:left; margin:0; width:25%; } .addtocart-popup .pro-details,.wishlist-popup .pro-details { float:left; text-align:left; width:75%; padding-left:20px; } .addtocart-popup .addcart-total { border-top:1px dotted #ddd; margin:5px 0 0; padding:5px 0; } .addtocart-popup .button-action .btn { font-size:12px; padding:4px 10px; margin:0 5px 0 0; } .addtocart-popup .button-action .btn:hover{ background-color:#eee; color:#222222; border-color:#eee; }  /*----------------------------------------  * Wishlist Popup ------------------------------------------*/ .wishlist-popup.magnific-popup { width:92%; max-width:350px; } .wishlist-popup .button-action .btn { font-size:12px; padding:4px 10px; width:100%; }  /*----------------------------------------  * Minicart Drawer ------------------------------------------*/ .minicart-right-drawer.right .modal-dialog { position:fixed; margin:auto; width:350px; max-width:100%; height:100%; z-index:1024; -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; } .minicart-right-drawer .minicart-header { padding:10px 20px; border-bottom:1px solid #dcdcdc; margin:0 0 15px; } .minicart-right-drawer .minicart-header button.close { float: right; font-size: 22px; line-height: 1.1; padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; opacity: 0.5; } .minicart-right-drawer .minicart-header button.close:hover { opacity: 1; } .minicart-right-drawer .modal-title{ font-size:17px; font-weight:bold; text-align:left; margin:0; } .minicart-right-drawer .minicart-body { height:calc(100% - 265px); overflow-x:auto; padding:0 20px; } .minicart-right-drawer .minicart-body .empty-cart { display:none; font-size:14px; padding:20px 0 20px; text-align:center; } .minicart-right-drawer .minicart-footer { background-color:#ffffff; padding:0 20px 20px 20px; position:absolute; bottom:0; width:100%; } .minicart-right-drawer .minicart-footer .total-in{ font-size:14px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:10px 0; margin-bottom:15px; } .minicart-right-drawer .minicart-footer .total-in p{ padding:0; } .minicart-right-drawer .mini-products-list{ padding:0; max-height:100%; overflow:hidden; }  /*----------------------------------------  * Cookie Meassage ------------------------------------------*/ #cookie-message{ text-align:center; position:fixed; top:auto; bottom:0; left:0; right:0; margin:0; z-index:99; background-color:#000000; color:#ffffff; padding:20px 0; border-radius:0; border:none; } #cookie-message p{ color:#ffffff; text-transform:uppercase; display:inline-block; margin:0; } #cookie-message .cookie-action{ display:inline-block; margin:0 0 0 5px; } #cookie-message .cookie-action a { color:#ffffff; padding: 5px 10px; background-color:#4d4d4d; text-transform:uppercase; margin-right:5px; text-decoration:none; } #cookie-message .cookie-action .cookie-info { color:#ffffff; padding:5px 10px; background-color:#222222; } #cookie-message .cookie-action a:hover, #cookie-message .cookie-action .cookie-info:hover{ color:#ffffff; }  /*----------------------------------------  * Product Suggestion ------------------------------------------*/ .product-suggestion-content { background-color:#ffffff; max-width:300px; position:fixed; top:auto; left:20px; bottom:20px; z-index:9; padding:8px 10px; margin:0 0 20px; box-shadow:0px 1px 4px rgba(0,0,0,0.24); -webkit-animation: movebottom 10s infinite; animation: movebottom 10s infinite; } .product-suggestion-content .suggestion-item{ display:block !important; } .product-suggestion-content .close { position:absolute; top:3px; right:10px; font-size:16px; z-index:1024; } .product-suggestion-content .product-suggestion span{ font-size:11px; color:#a6a6a6; } @-webkit-keyframes movebottom {     0% { display:block; bottom:-200px; } 25% { bottom:0px; }     75% { bottom:0px; } 100% { display:none; bottom:-200px; } } @keyframes movebottom {     0% { display:block; bottom:-200px; } 25% { bottom:0px; }     75% { bottom:0px; } 100% { display:none; bottom:-200px; } }  /*----------------------------------------  * Promotional Top Popup ------------------------------------------*/ .notification-bar { text-align:center; position:relative; z-index:5; background-color:#f19280; } .notification-bar__message { color:#ffffff; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:1.2; padding:10px 30px; display:block; } .notification-bar__message:hover, .notification-bar__message:active, .notification-bar__message:focus, .notification-bar__message:focus-within { color:#ffffff; text-decoration:none; } .close-announcement { cursor:pointer; font-size:15px; font-weight:700; position:absolute; right:40px; top:8px; height:25px; width:25px; line-height:22px; color:#ffffff; } /*----------------------------------------  * End Promotional Top Popup ------------------------------------------*/  /*----------------------------------------  * 23. Image Banners ------------------------------------------*/ .imgBnrOuter .inner img { display:block; width:100%; } .imgBnrOuter .inner * { -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .imgBnrOuter .inner a, .imgBnrOuter .inner a:hover { opacity:1; } .imgBnrOuter .inner .ttl { line-height:25px; color:#000000; font-size:17px; display:inline-block; padding:20px 20px; max-width:80%; position:absolute; background-color:rgba(255,255,255,0.8); } .imgBnrOuter .inner:hover .ttl { background-color:#ffffff; } .imgBnrOuter .inner .ttl h3 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:700; font-size:19px; text-transform:uppercase; } .imgBnrOuter .inner .ttl h3 span { font-size:15px; font-weight:600; letter-spacing:1.4px; text-transform:uppercase; display:block; } .imgBnrOuter .inner .ttl .btn-link { color:#080606; font-size:13px; font-weight:700; letter-spacing:1px; line-height:1.8; text-transform:uppercase; display:block; text-decoration:none; } .imgBnrOuter .inner .ttl h5 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:700; font-size:16px; }  .imgBnrOuter .inner.center .ttl { left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .imgBnrOuter .inner.btmright .ttl { right:30px; bottom:30px; text-align:right; } .imgBnrOuter .inner.topleft .ttl { left:30px; top:30px; text-align:left; } .imgBnrOuter .inner.topright .ttl { right:30px; top:30px; text-align:right; }  .imgBnrOuter .inner { position:relative; overflow:hidden; } .imgBnrOuter .inner:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .imgBnrOuter .inner.btmleft .ttl { left:20px; bottom:20px; text-align:left; } .imgBnrOuter .img-bnr { text-align:center; padding:10px; } /*----------------------------------------   End Image Banners ------------------------------------------*/  /*----------------------------------------  * 24. Custom Content ------------------------------------------*/ .custom-content { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; -o-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:auto; margin-bottom:-30px; } .custom-item { -webkit-flex:0 0 auto; -moz-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:30px; } .align-center { -ms-flex-item-align:center; -webkit-align-self:center; align-self:center; text-align:center; } .custom-item-inner { position:relative; display:inline-block; text-align:center; max-width:100%; } .custom-item-inner .h3 { text-transform: uppercase; } .custom-item-inner p, .custom-item-inner .rte-setting { margin-bottom: 20px; } .custom-image { max-height:530px; }  .custom-content-style1 .mb-4 { margin-bottom:30px !important; } .custom-item.grid-products .row { margin-bottom:-30px; } /*----------------------------------------  * End Custom Content ------------------------------------------*/  /*----------------------------------------  * 25. Instagram Section ------------------------------------------*/ .instagram-section .slick-list, .instagram-grid .slick-list { margin: 0 -5px; } .instagram-section .instagram-item, .instagram-grid .instagram-item { padding: 0 5px; } .instagram-section .instagram-item a, .instagram-grid .instagram-item a { position: relative; height: 100%; display: block; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .instagram-section .instagram-item:hover a:before, .instagram-grid .instagram-item:hover a:before { content: ""; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .instagram-section .instagram-item .inst-icon, .instagram-grid .instagram-item .inst-icon { font-size: 36px; line-height: 1; color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: transform .3s ease; transition: transform .3s ease; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; } .instagram-section .instagram-item:hover .inst-icon, .instagram-grid .instagram-item:hover .inst-icon { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); z-index: 3; } .instagram-section .instagram-item a img, .instagram-grid .instagram-item a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 800ms ease 0s; -webkit-transition: 800ms ease 0s; opacity: 1; } .instagram-section .instagram-item:hover img, .instagram-grid .instagram-item:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }  /*----------------------------------------  * Feature Row ------------------------------------------*/ .feature-row { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; } .feature-row__item { -webkit-flex:0 1 50%; -moz-flex:0 1 50%; -ms-flex:0 1 50%; flex:0 1 50%; } .feature-row__text--left { padding-left:20px; } .feature-row__text--right { padding-right:20px; } .feature-row__text--right .row-text { margin-right:-100px; z-index:222; position:relative; } .feature-row__text { padding-top:20px; padding-bottom:20px; } .feature-row .row-text { width: 80%; margin: 0 auto; } .feature-row .row-text h2, .feature-row .row-text .h2 { font-size:22px; text-transform:uppercase; margin-bottom: 20px; letter-spacing:1px; } .featured-row__subtext { font-size: 15px; margin: 0 0 20px; }  /*----------------------------------------  * Product Single Homepage ------------------------------------------*/ .product-single .product-single__meta { position:relative; } .product-single .product-featured-img { width:100%; display:block; margin:0 auto; } .product-single .grid_item-title { font-size:26px; margin-bottom:25px; } .product-single .product-single__title { text-transform: capitalize; font-size: 25px; margin-bottom: 5px; padding-right: 45px; color: #000000; } /*----------------------------------------  * End Product Single Homepage ------------------------------------------*/  /*----------------------------------------  * 26. Testimonial Slider ------------------------------------------*/ .quote-wraper { background:#f9f9f9; padding:60px 0; } .quotes-slider blockquote { border:0; max-width:700px; margin:0 auto; line-height:26px; } .quotes-slider__text { font-size:17px;font-weight:400;font-style:normal; padding:0 15px; } .quotes-slider .authour { font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#000000; line-height:18px; } .quotes-slider__text p { margin-bottom:30px; } .quotes-slider .slick-arrow { 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:hover .slick-arrow { opacity:1; visibility:visible; } .quotes-slider .slick-prev { left:0; } .quotes-slider .slick-next { right:0; }  .testimonial-bg-style .quotes-slider .slick-arrow { opacity: 0; visibility: hidden; border-radius: 50%; width: 50px; height: 50px; text-align: center; background-color: rgba(255,255,255,.2); -ms-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; transition: all ease-out .3s; } .testimonial-bg-style .quotes-slider .slick-prev { left: 30px; } .testimonial-bg-style .quotes-slider .slick-next { right: 30px; } .testimonial-bg-style .quotes-slider:hover .slick-arrow { opacity:1; visibility: visible; } .testimonial-bg-style .quotes-slider .slick-arrow:hover { background-color:rgba(255,255,255,.5); box-shadow:0 0 4px rgba(0,0,0,.4); }  /* Testimonial Style 2 */ .testimonial-style2 { background: transparent; padding: 0; margin: 0; } .testimonial-style2 .quotes-slide { background-color: #f7f7f7; padding: 40px 20px; } .testimonial-style2 .slick-list { margin: 0 -10px; } .testimonial-style2 .slick-slide { margin: 0 10px; } .testimonial-style2 .rte-setting:before { content: "\f10d"; font-family: 'annimex-icons'; color: #cecece; font-size: 50px; line-height: 23px; display: block; margin-bottom: 15px; } .testimonial-style2 .quotes-slider__text { padding: 0; margin: 0; font-size: 1.13462em; } .testimonial-style2 .quotes-slider__text p { margin-bottom: 10px; } .testimonial-style2 .product-review { margin-bottom: 15px; } .testimonial-style2 .testimonial-image { text-align: center; margin-bottom: 10px; } .testimonial-style2 .testimonial-image img { margin: 0 auto; max-height: 70px; max-width: 70px; border-radius: 100%; } .testimonial-style2 .slick-dots { margin-top: 20px; } .testimonial-style2 .authour { color: #000; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 18px; margin: 0; } .testimonial-style2 .slick-arrow { background-color:rgba(255,255,255,0.8); 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; } .testimonial-style2 .slick-arrow:before { line-height:35px; } .testimonial-style2:hover .slick-arrow { opacity:1; visibility:visible; } .testimonial-style2 .slick-prev { left:-10px; } .testimonial-style2 .slick-next { right:-10px; }  .slick-dots { margin:0; width:auto; padding:0; list-style:none; text-align:center; } .slick-dots li { width:12px; height:12px; vertical-align:middle; position:relative; display:inline-block; padding:0; cursor:pointer; margin-right:8px; } .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:#000; transition:all 0.2s; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; opacity:0.2; } .slick-dots li.slick-active button { opacity:1; } /*----------------------------------------  * End Testimonial Slider Homepage ------------------------------------------*/  /*----------------------------------------  * 27. Hero Banners ------------------------------------------*/ .hero { position:relative; height:475px; display:table; width:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background-attachment:scroll; } .hero__inner { position:relative; display:table-cell; vertical-align:middle; padding:35px 0; color:#000000; z-index:2; text-align:center; } .hero__inner span { letter-spacing:.08em; text-transform:uppercase; font-size:14px; margin-bottom:5px; display:inline-block; } .hero[data-stellar-background-ratio] { background-attachment:fixed; }  .hero--full { height: 100vh; } .hero--large { height: 750px; } .hero--medium { height: 650px; }  .hero__overlay:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; opacity: 0.4; z-index: 1; } .hero__overlay .wrap-text:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .hero.bgbox .wrap-text:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #000000; border: 4px double #ffffff; opacity: 0.2; } .hero__inner .wrap-text { position: relative; display: inline-block; padding: 30px; } .hero__inner .wrap-text > * { position: relative; z-index: 2; } .hero__inner .center { text-align:center; margin:0 auto; }  .hero .mega-small-title { color:#ffffff; font-weight:400; text-transform:uppercase; letter-spacing:4px; font-size:15px; margin:0 0 8px; } .hero .text-large .mega-title { font-size: 40px; line-height:1.1; margin-bottom:8px; letter-spacing:4px; text-transform:uppercase; } .hero .text-large .h1.mega-title { color:#ffffff; font-size: 65px; } .hero .text-large .mega-subtitle { color:#ffffff; font-size:22px; text-transform:uppercase; letter-spacing:0.4px; line-height:1.3; } .hero .text-medium .mega-title { color:#ffffff; font-size:50px; line-height:1.1; margin-bottom:8px; letter-spacing:4px; text-transform:uppercase; } .hero .text-medium .mega-subtitle { color:#ffffff; font-size:18px; text-transform:uppercase; letter-spacing:0.4px; line-height:1.3; } .hero .text-small .mega-title { font-size:25px; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:700; } .hero .text-small .mega-subtitle { font-size:16px; margin-bottom:25px; } .hero .mega-subtitle { margin-bottom:25px; } .hero .font-bold .mega-title { font-weight:700; } .hero__inner .border-btn-1 { border-width: 2px; } .text-shadow { text-shadow: 0 2px 2px rgba(0,0,0,0.3); } .hero__inner .left { float: left; max-width: 65%; margin-left: -5%; } .hero__inner .right { float: right; max-width: 65%; margin-right: -5%; }  .hero.background-parallax, .background-parallax { background-size:cover; background-repeat:no-repeat; background-attachment:fixed; } /*----------------------------------------  * End Hero Banners ------------------------------------------*/  /*----------------------------------------  * 28. Newsletter Cookie Popup ------------------------------------------*/ #modalOverly { height:auto !important; position:fixed; bottom:0; left:0; right:0; top:0; z-index:10; background-color:rgba(0,0,0,0.7); -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); } #popup-container { display:none; max-width:700px; position:fixed; left:0; right:0; top:50%; background:#fafafa; margin:20px auto; z-index:444; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); box-shadow:0px 8px 24px rgba(149, 157, 165, 0.2); } #popup-window { position:relative; } #popup-container .row-cell.first { width:65%; text-align:center } #popup-container .row-cell.last { width:35%; text-align:right } #popup-container .closepopup { display:block; color:#ffffff; font-size:13px; height:30px; line-height:17px; padding:5px; position:absolute; right:0; top:0; width:30px; z-index:333; } #popup-container .closepopup:hover { opacity:0.8 } #popup-container .width40 { width:40% } #popup-container .width60 { width:60% }  .newsletter-left { padding:40px 30px } .newsletter-left h1, .newsletter-left .h1 { font-weight:700; font-size:20px; text-transform:uppercase; margin:0 0 15px 0; color:#000000; letter-spacing:normal; } .newsletter-left h2 { font-size:20px; margin:0 0 15px 0; color:#000000; letter-spacing:0.08em; text-transform:uppercase; } .newsletter-left .input-group__field { border-right:1px solid #e8e9eb } .newsletter-left .input-group { display:block; margin:0 auto 20px; position:relative; width:100% } .newsletter-left .input-group input { background-color:#ffffff; padding:0 20px; width:100%; margin:0 0 10px 0; } .newsletter-left .social-icons li { display:inline-block; margin:0 5px; padding:0 8px; list-style:none; } .newsletter-left .social-icons a { border-radius:50%; color:#141515; display:inline-block; font-size:18px; height:30px; line-height:20px; padding:5px; text-align:center; width:30px; text-decoration:none; } .newsletter-left .social { margin:10px 0 0 } .newsletter-left .social li { display:inline-block; margin:0 5px; list-style:none } .newsletter-left .social a { border-radius:50%; color:#141515; display:inline-block; font-size:18px; height:30px; line-height:20px; padding:5px; text-align:center; width:30px; } .newsletter-left #Subscribe { width:100%; height:auto; padding:12px 20px } .newsletter-left #Subscribe:hover {  } /*----------------------------------------  * End Newsletter Cookie Popup ------------------------------------------*/  /*----------------------------------------  * 29. Collection Page ------------------------------------------*/ .collection-box .colletion-item { position:relative; overflow:hidden; margin-bottom:30px; } .collection-box a { opacity:1; display:block; } .collection-box a img { display:block; -ms-transition:transform .5s ease; -webkit-transition:transform .5s ease; transition:transform .5s ease; } .collection-box .colletion-item:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .collection-box .title { background-color:rgba(255,255,255,0.9); padding:10px 10px; font-size:14px; text-align:center; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; position:absolute; bottom:1px; left:1px; right:1px; z-index:5; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .collection-box .colletion-item:hover .title { background-color:#ffffff; } .collection-box .title .name { display:block; color:#232323; font-weight:700; letter-spacing:1px; line-height:1.2; text-transform:uppercase; }  /* Collection style 2 */ .collection-box.collection2 .title { background-color: rgba(0,0,0,0.7); } .collection-box.collection2 .colletion-item:hover .title { background-color:rgba(0,0,0,0.9); } .collection-box.collection2 .title .name, .collection-box.collection2 .title .counts { color:#ffffff; }  /* Collection style 3 */ .collection-box.collection3 .title { top:50%; bottom:auto; left:50%; right:auto; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @media only screen and (min-width: 992px) {     .collection-box.collection2 .title { -ms-transform: translateY(111%); -webkit-transform: translateY(111%); transform: translateY(111%); }     .collection-box.collection2 .colletion-item:hover .title { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }      .collection-box.collection3 .title { top:5px; bottom:5px; left:5px; right:5px; -webkit-transform:none; transform:none; opacity:0; visibility:hidden; }     .collection-box.collection3 .colletion-item:hover .title { background-color:rgba(255,255,255,0.9); opacity:1; visibility:visible; } }  /*----------------------------------------   * End Collection Page ------------------------------------------*/   /*======================================================================   30. Homepages Demo ========================================================================*/  /*----------------------------------------  * 30.1 Home 1 - Classic 01 ------------------------------------------*/ .classicHeader .header-wrap { color:#000000; border-bottom:1px solid #eeeeee; }  .template-index .classicHeader:not(.stickyNav) .header-wrap { position:absolute;width:100%; z-index:8; border-bottom:none; } .template-index .classicHeader #siteNav > li > a{ color:#ffffff; } .template-index .classicHeader #siteNav > li > a:hover { color:#ffffff; opacity:0.7; } .template-index .classicHeader .site-header__cart,.template-index .classicHeader .site-header-wishlist .wishlist-trigger, .template-index .classicHeader .user-menu-dropdown .user-menu, .template-index .classicHeader .site-header__search .search-trigger{ color:#ffffff; } .template-index .classicHeader .site-header__cart-count,.template-index .classicHeader .site-header-wish-count{ background-color:#ffffff; color:#000000; } .template-index .classicHeader.stickyNav  #siteNav > li > a { color:#000000 !important; } .classicHeader.stickyNav .logo { padding-top:10px; padding-bottom:10px; } .classicHeader.stickyNav .site-header__cart, .classicHeader.stickyNav .site-header-wishlist .wishlist-trigger, .classicHeader.stickyNav .user-menu-dropdown .user-menu, .classicHeader.stickyNav .site-header__search .search-trigger { color:#000000; }  /*----------------------------------------  * 30.2 Home 2 - Default ------------------------------------------*/ .home2-default .slideshow .slideshow__title { color: #000000; font-size: 50px; text-transform: uppercase; margin-bottom: 8px; } .home2-default .slideshow .slideshow__subtitle { color:#000000; font-size: 18px; margin: 0 0 25px; } .home2-default .slideshow .btn { color: #000000; border-color: #000000; } .home2-default .slideshow .btn:hover { color: #ffffff; background-color: #000000; border-color: #000000; }  /*----------------------------------------  * 30.3 Home 3 - Classic 02 ------------------------------------------*/ .home3-classic .top-header { background:#126570; } .home3-classic .hero .text-medium .mega-title { letter-spacing: normal; } .home3-classic .hero .text-medium .mega-subtitle { text-transform: none; max-width: 750px; } .home3-classic .button-set .btn { color: #eeeeee; background-color: #126570; border-color: #126570; } .home3-classic .button-set .btn:hover { color: #126570; background-color: #eeeeee; border-color: #eeeeee; box-shadow: 0 0 1px #acacac; }  /*----------------------------------------  * 30.4 Home 4 - Full Width ------------------------------------------*/ .home4-fullwidth .h1, .home4-fullwidth .h2, .home4-fullwidth .h3, .home4-fullwidth .h4, .home4-fullwidth .h5, .home4-fullwidth .h6, .home4-fullwidth h1, .home4-fullwidth h2, .home4-fullwidth h3, .home4-fullwidth h4, .home4-fullwidth h5, .home4-fullwidth h6, .home4-fullwidth .slideshow .slideshow__subtitle { font-family:'Urbanist',Arial,Tahoma; } .home4-fullwidth .container-fluid { padding: 0 30px; } .home4-fullwidth .search-bar-inline .search__input { background: transparent; border-color: #000000; color: #444444; } .home4-fullwidth .search-bar-inline .search__input:focus { border-color: #cccccc; } .home4-fullwidth .search-bar-inline .search__button, .home4-fullwidth .search-bar-inline .search__input::placeholder { color: #444444; } .home4-fullwidth .search-bar-inline .search__input::placeholder { opacity: .6; } .home4-fullwidth .product-rows .grid-products .row { margin-bottom: -30px; } .home4-fullwidth .hero__inner .wrap-text { max-width: 100%; } .home4-fullwidth .hero__inner span, .home4-fullwidth .hero__inner .mega-title, .home4-fullwidth .hero__inner .mega-subtitle { color: #ffffff; } .home4-fullwidth .section-header h2 { font-weight:800; }  /*----------------------------------------  * 30.5 Home 5 - Boxed ------------------------------------------*/ .layout-boxed { max-width:1400px; margin:0 auto; position:relative; background:#ffffff; } .layout-boxed .search { max-width: 1440px; margin: 0 auto; right: 0; } .layout-boxed .container, .layout-boxed .container-fluid { max-width:100%; padding-left:30px; padding-right:30px; } .layout-boxed .stickyNav { max-width:1400px; margin:0 auto; right:0; }  .home5-boxed-layout { background-color: #eeeeee; color:#555555; padding-bottom:60px; } .home5-boxed-layout .slideshow .slideshow__title { font-size:50px; } .home5-boxed-layout .slideshow .slideshow__subtitle { font-size: 16px; text-transform: none; } .home5-boxed-layout .slideshow .wrap-caption.left { margin-left: 5%; } .home5-boxed-layout .slideshow .wrap-caption.right { margin-right: 5%; } .home5-boxed-layout .slideshow .slide1 .slideshow__title, .home5-boxed-layout .slideshow .slide1 .slideshow__subtitle { color: #28242c; } .home5-boxed-layout .slideshow .slide1 .btn { color: #28242c; border-color: #28242c; } .home5-boxed-layout .slideshow .slide1 .btn:hover { color: #ffffff; background-color: #28242c; border-color: #28242c; } .home5-boxed-layout .footer-bottom { color: #ffffff; background: #000000; border-color: #333333; } .home5-boxed-layout .footer-bottom ul li a { color: #ffffff; }  /*----------------------------------------  * 30.6 Home 6 - Parallax Banner ------------------------------------------*/ .home6-parallax .classicHeader .right-action .search-trigger, .home6-parallax .classicHeader .right-action a { color: #ffffff; background: transparent; text-decoration: none; } .home6-parallax .classicHeader.stickyNav .right-action .search-trigger, .home6-parallax .classicHeader.stickyNav .right-action a { color: #444 !important; } .home6-parallax .footer-3 .site-footer .footer-bottom { background:#f5f5f5; border-color:#ddd; color:#222222; } .home6-parallax .classicHeader #siteNav > li > a { background-color: transparent; }  /* Header Style 6 */ .header-6 .top-header { background: #333333; } .header-6 .header-wrap { background: #000000; color: #ffffff; border-color: #333333 !important; } .header-6 .search-bar-inline { width: 300px; } .header-6 .search-bar-inline .search__input { background: transparent; color: #ffffff; border-color: #333333; } .header-6 .search-bar-inline .search__input:focus { border-color: #555555; } .header-6 .search-bar-inline .search__button { background: transparent; top: 8px; } .header-6 .search-bar-inline .search__button .an { color: #ffffff; } .header-6 .header-wrap .right-action a { color: #ffffff; background: transparent; text-decoration: none; } .header-6 #AccessibleNav { background: #000000; } .header-6 #siteNav > li > a { color: #ffffff; } .header-6 #siteNav > li > a.active, .header-6 #siteNav > li:active > a, .header-6 #siteNav > li:hover > a { color: #f19280; background-color: #ffffff; }  .stickyNav .header-6 .top-header, .stickyNav .header-6 .header-wrap .logo a { display: none; } .stickyNav .header-6 .header-wrap { padding: 8px 0; } .stickyNav .header-6 .main-navigation { position: absolute;top: 8px; margin: 0 auto; right: 0; left: 0; max-width: 900px; z-index: 5; } .stickyNav .header-6 #AccessibleNav { background: transparent; }  /*----------------------------------------  * 30.7 Home 7 - Creative ------------------------------------------*/ .home7-creative .h1, .home7-creative .h2, .home7-creative .h3, .home7-creative .h4, .home7-creative .h5, .home7-creative .h6, .home7-creative h1, .home7-creative h2, .home7-creative h3, .home7-creative h4, .home7-creative h5, .home7-creative h6 { font-family:'Courgette',Arial,Tahoma; } .home7-creative .slideshow .slideshow--large .slick-slide img { height: auto; object-fit: inherit; } .home7-creative .custom-item-inner .h3 { font-size: 22px; } .home7-creative .section-header h2 { font-size:26px; text-transform:none; } .home7-creative .collection-box .collection-grid-item__title { font-size:39px; text-transform:none; } .home7-creative .custom-item-inner .h3 { text-transform:none; } .home7-creative .collection-box .btn--secondary { margin-top: 14px; } .home7-creative .store-info .h5, .home7-creative .store-info h5, .home7-creative .footer-top h4, .home7-creative .footer-top .h4 { font-family:"Poppins",Arial,Tahoma; } .home7-creative .footer-3 .site-footer { border-top-color: #000000; background: #222222; } .home7-creative .footer-3 .site-footer .footer-bottom { border-color: #444444; } .home7-creative .footer-bottom ul li a { color: #ffffff; }  /*----------------------------------------  * 30.8 Home 8 - Simple ------------------------------------------*/ body.home8-simple, .home8-simple .h1, .home8-simple .h2, .home8-simple .h3, .home8-simple .h4, .home8-simple .h5, .home8-simple .h6, .home8-simple h1, .home8-simple h2, .home8-simple h3, .home8-simple h4, .home8-simple h5, .home8-simple h6, .home8-simple .btn { font-family:'Jost',Arial,Tahoma; } .home8-simple .header-wrap .right-action a { color: #000000; background: transparent; text-decoration: none; } .home8-simple .store-feature.style2 .store-info li { background: #0b0101; color: #ffffff; } .home8-simple .store-info h5, .home8-simple .store-info .h5 { color: #ffffff; } body.home8-simple, .home8-simple .section-header p { font-size:14px; } .home8-simple .btn { font-size:13px; }  /* .home8-simple .logo-bar .slick-list { margin:0 -10px; } .home8-simple .logo-bar .slick-slide { margin:0 10px; } */  .home8-simple .logo-bar .logo-bar__item a { border:1px solid #ddd; } .home8-simple .logo-bar .logo-bar__item a:hover { opacity:1; border:1px solid #ccc; } .home8-simple .footer-4 .footer-top { border-top: 1px solid #f5f5f5; }  /* Header Style 5 */ .header-5 .top-header { background: #94c442; } .header-5 #AccessibleNav { background: #334356; } .header-5 #siteNav > li > a { color: #ffffff; } .header-5 #siteNav > li > a.active, .header-5 #siteNav > li:active > a, .header-5 #siteNav > li:hover > a { color: #94c442; background-color: #1e2f42; } .header-5 .search-bar-inline { width: 400px; position: relative; z-index: 4; margin: 0 auto; } .header-5 .search-bar-inline .search__input { border-color: #d3d3d3; } .header-5 .header-wrap .right-action a { color: #444444; background: transparent; text-decoration: none; } .stickyNav .header-5 .logo { padding-top: 10px; padding-bottom: 10px; } .stickyNav .header-5 .search-bar-inline { display: none; } .stickyNav .header-5 .main-navigation { position: absolute;top: 11px; margin: 0 auto; right: 0; left: 0; max-width: 900px; z-index: 5; } .stickyNav .header-5 #AccessibleNav { background: transparent; } .stickyNav .header-5 #siteNav > li > a { color: #444444; } .stickyNav .header-5 #siteNav > li > a.active, .stickyNav .header-5 #siteNav > li:active > a, .stickyNav .header-5 #siteNav > li:hover > a { color: #94c442; background-color: #ffffff; }  /* Header Style 7 */ .header-7 #siteNav > li > a { color: #000000; } .header-7 #siteNav > li > a.active, .header-7 #siteNav > li:active > a, .header-7 #siteNav > li:hover > a { color: #f19280 !important; background-color: #ffffff; opacity: 1 !important; } .header-7 .right-action a { color: #000000; background: transparent; text-decoration: none; } .header-7 .site-header__search .search-trigger, .header-7 .site-header__menu, .header-7 .site-header__menu .an { color: #000000; background: transparent !important; text-decoration: none; } .classicHeader.stickyNav .header-7 #siteNav > li > a.active, .classicHeader.stickyNav .header-7 #siteNav > li:active > a, .classicHeader.stickyNav .header-7 #siteNav > li:hover > a { color: #f19280 !important; }  /* Header Black Bg */ .header-7.blackbg, .header-7.blackbg .stickyNav { background: #111111; } .header-7.blackbg #siteNav > li > a { color: #ffffff; } .header-7.blackbg #siteNav > li > a.active, .header-7.blackbg #siteNav > li:active > a, .header-7.blackbg #siteNav > li:hover > a { color: #94c442 !important; background-color: #1e2f42; } .header-7.blackbg .right-action a { color: #ffffff; background: transparent; text-decoration: none; } .header-7.blackbg .site-header__search .search-trigger, .header-7.blackbg .site-header__menu, .header-7.blackbg .site-header__menu .an { color: #ffffff; background: transparent !important; text-decoration: none; }  /*----------------------------------------  * 30.9 Home 9 - Simple 2 ------------------------------------------*/ body.home9-simple, .home9-simple .h1, .home9-simple .h2, .home9-simple .h3, .home9-simple .h4, .home9-simple .h5, .home9-simple .h6, .home9-simple h1, .home9-simple h2, .home9-simple h3, .home9-simple h4, .home9-simple h5, .home9-simple h6, .home9-simple .btn { font-family:'Jost',Arial,Tahoma; } .home9-simple .hero .mega-small-title { letter-spacing:.08em; font-size: 14px; margin: 0 0 5px; } .home9-simple .section-header p { font-size:14px; } .home9-simple .site-footer { background: #94c442; color: #ffffff; border-color: #94c442; } .home9-simple .site-footer .footer-bottom { background: #293849; color: #ffffff; border-color: #4d627c; } .home9-simple .footer-middle .footer-social h3, .home9-simple .site-footer .site-footer__social-icons .icon, .home9-simple .payment-icons .icon, .home9-simple .footer-bottom ul li a { color: #ffffff; } .home9-simple .button-set .btn { color: #ffffff; background-color: #334356; border-color: #334356; } .home9-simple .button-set .btn:hover { color: #334356; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 1px #acacac; } .home9-simple #site-scroll { line-height:33px; }  /* Slideshow Style 2 */ .slideshow-style-2 .slide1 .mega-small-title, .slideshow-style-2 .slide1 .slideshow__title, .slideshow-style-2 .slide1 .slideshow__subtitle, .slideshow-style-2 .slide1 .btn { color: #000000; } .slideshow-style-2 .slide1 .btn { border-color: #000000; } .slideshow-style-2 .slide1 .btn:hover { color: #ffffff; background-color: #000000; } .slideshow-style-2 .slick-active .mega-small-title { animation-delay: .3s; -webkit-animation-delay: .3s; animation-duration: .3s; -webkit-animation-duration: .3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInDown; } .slideshow-style-2 .slick-active .mega-title { animation-delay: .5s; -webkit-animation-delay: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInDown; } .slideshow-style-2 .slick-active .mega-subtitle { animation-delay: 1s; -webkit-animation-delay: 1s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInDown; } .slideshow-style-2 .slick-active .btn { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInUp; } .slideshow-style-2 .slideimg img { -webkit-transition: opacity .8s cubic-bezier(.44, .13, .48, .87); transition: opacity .8s cubic-bezier(.44, .13, .48, .87); } .slideshow-style-2 .slick-active .slideimg img { -webkit-animation: 60s ease 0s normal none infinite running scaleimg; animation: 60s ease 0s normal none infinite running scaleimg; } @-webkit-keyframes scaleimg { 0%,100% { transform: scale(1); } 50% { transform: scale(1.2); } } @keyframes scaleimg { 0%,100% { transform: scale(1); } 50% { transform: scale(1.2); } }  .slideshow-style-2 .slideshow__text-content { animation: none!important; transition: none!important; } .slideshow-style-2 .mega-small-title, .slideshow-style-2 .mega-subtitle { font-size: 16px; text-transform: none; letter-spacing: 0; }  /*----------------------------------------  * 30.10 Home 10 - Minimal ------------------------------------------*/ .home10-minimal .h1, .home10-minimal .h2, .home10-minimal .h3, .home10-minimal .h4, .home10-minimal .h5, .home10-minimal .h6, .home10-minimal h1, .home10-minimal h2, .home10-minimal h3, .home10-minimal h4, .home10-minimal h5, .home10-minimal h6, .home10-minimal .slideshow .slideshow__subtitle, .home10-minimal .slideshow .slideshow__title { font-family:'Urbanist',Arial,Tahoma; } .home10-minimal .slideshow .slideshow__title { font-weight:800; } .home10-minimal #siteNav > li > a { padding: 0 10px; } .home10-minimal .slideshow__overlay:before { opacity: 0.5; } .home10-minimal .slideshow .wrap-caption.bgbox:after { background-color: rgba(0,0,0,0); opacity: 0.5; }  /*----------------------------------------  * 30.11 Home 11 - Modern ------------------------------------------*/ .home11-modern .hero .text-medium .mega-title, .home11-modern .hero .text-medium .mega-subtitle { color: #000000; letter-spacing: normal; } .home11-modern .hero .border-btn-1 { color: #000000; border-color: #000000; } .home11-modern .hero .border-btn-1:hover { background: #000000; color: #ffffff; }  /*----------------------------------------  * 30.12 Home 12 - Category ------------------------------------------*/ .home12-category .custom-content .custom-item:hover img { opacity: 0.9; } .home12-category .custom-content .custom-item:hover .border-btn-2 { color: #ffffff; background-color: #000000; border-color: #000000; opacity: 1; } .home12-category .header-7.blackbg #siteNav > li > a.active, .home12-category .header-7.blackbg #siteNav > li:active > a, .home12-category .header-7.blackbg #siteNav > li:hover > a { color: #ff7d68; background-color: #2f2f2f; } .home12-category .footer-2 .footer-top { background: #141414; color: #eeeeee; border-top: 1px solid transparent; } .home12-category .footer-2 .footer-top * { color: #eeeeee; } .home12-category .footer-2 .footer-bottom { color: #eeeeee; background: #141414; border-top: 1px solid #242424; } .home12-category .footer-2 .footer-links .h4 { border-color: #eeeeee; } .home12-category .footer-2 .footer-newsletter input { color: #222222; }  /*----------------------------------------  * 30.13 Home 13 - Dark ------------------------------------------*/ .home13-dark { background-color:#2b2b2b; color:#ded5d5; } .home13-dark #pre-loader { background-color:#000000; color:#ded5d5; } .home13-dark .h1, .home13-dark .h2, .home13-dark .h3, .home13-dark .h4, .home13-dark .h5, .home13-dark .h6, .home13-dark h1, .home13-dark h2, .home13-dark h3, .home13-dark h4, .home13-dark h5, .home13-dark h6, .home13-dark .tab-slider-product .tabs > li { color: #ffffff; } .home13-dark .tab-slider-product .tabs > li.active { color: #f19280; }  .home13-dark .stickyNav { box-shadow: 0 0 7px rgba(255, 255, 255, 0.2); }  .home13-dark .slideshow .wrap-caption.bgbox:after { border: none; opacity: 0.5; background-color: #000000; } .home13-dark .header-6 .header-wrap { border-color: #1d1d1d !important; } .home13-dark .header-6 .search-bar-inline .search__input { border-color: #7b7777; }  .home13-dark .tab-slider-product .tab_container { background: transparent; } .home13-dark .grid-products .item .product-name a { color: #bebebe; } .home13-dark .grid-products .item .grid-view-item__vendor, .home13-dark .product-price .price, .home13-dark .product-price .old-price { color: #ded5d5; }  .home13-dark .slick-arrow { background: transparent; color: #ffffff; } .home13-dark .slick-prev:before, .home13-dark .slick-next:before { color: #ffffff; }  .home13-dark .quickview-popup .slick-prev:before, .home13-dark .quickview-popup .slick-next:before { color: #333333; }  .home13-dark .store-feature.style3 .store-info { margin-top: 0px !important; } .home13-dark .store-feature.style3 .store-info { background:#222222; } .home13-dark .store-feature.style3 .col-lg-3 { border-right:1px dotted #000; } .home13-dark .store-feature.style3 .col-lg-3:last-of-type { border-right:0; }  .home13-dark .site-footer { background: #000000; color: #aba7a7; border-color: #000000;} .home13-dark .footer-top, .home13-dark .footer-links a, .home13-dark .footer-top p, .home13-dark .footer-bottom, .home13-dark .footer-top h4, .home13-dark .footer-top .h4, .home13-dark .addressFooter .icon { color: #aba7a7; } .home13-dark .footer-newsletter .input-group__btn .btn { color: #aba7a7; background: transparent; border-color: #aba7a7; } .home13-dark .footer-newsletter .input-group__btn .btn:hover { color: #ffffff; background: #232323; border-color: #232323; } .home13-dark .footer-bottom { color: #aba7a7; border-color: #1a1818; }  .home13-dark .magnific-popup, .home13-dark .modal-content, .home13-dark .product-suggestion-content, .home13-dark .minicart-right-drawer .minicart-footer, .home13-dark #popup-container { background-color: #2b2b2b; }  .home13-dark .minicart-right-drawer .minicart-header, .home13-dark .mini-products-list li, .home13-dark .minicart-right-drawer .minicart-footer .total-in { border-color: #353535; }  .home13-dark .block-cart .qtyField .qtyBtn, .home13-dark .block-cart .qtyField .product-form__input, .home13-dark .newsletter-left .input-group input, .home13-dark input, .home13-dark select, .home13-dark textarea { background: transparent; border-color: #353535; } .home13-dark input, .home13-dark select, .home13-dark textarea,.home13-dark .mini-products-list li .pName,.home13-dark .block-cart .priceRow, .home13-dark .block-cart .qtyField .qtyBtn,.home13-dark .mini-products-list li .remove,.home13-dark .minicart-action .total-in,.home13-dark button.close, .home13-dark .product-suggestion-content .close,.home13-dark .product-suggestion-content .s-name,.home13-dark .magnific-popup .rte,.home13-dark .product-single__price, .home13-dark .social-sharing .btn,.home13-dark .newsletter-left h1, .home13-dark .newsletter-left .h1, .home13-dark .social-icons .icon { color: #ded5d5; }  .home13-dark .qtyField a:hover, .home13-dark .block-cart .qtyField .qtyBtn:hover { background-color: #333333; }  .home13-dark .product-form .swatch .swatchInput + .swatchLbl { background-color: #353535; border-color: #2b2b2b; color: #ded5d5; box-shadow: 0 0 0 1px #333333; }.header-7.blackbg #siteNav > .home13-dark .product-form .swatch .swatchInput:checked + .swatchLbl { border-color: #ded5d5; } .home13-dark .product-form .swatch input[type="radio"] + label::after {border-color: transparent transparent #ded5d5 #ded5d5; } .home13-dark .quickview-popup .product-single__description { border-color: #353535; }  .home13-dark .qtyField { border-color: #353535; } .home13-dark .qtyField a { background: transparent; border-color: #353535; color: #ded5d5; }  /*----------------------------------------  * 30.14 Home 14 ------------------------------------------*/ .home14 .slideshow .slideshow__title { color: #000000; font-size: 50px; text-transform: uppercase; } .home14 .slideshow .slideshow__subtitle { color:#000000; font-size: 18px; margin: 0 0 25px; } .home14 .slideshow .btn { color: #000000; border-color: #000000; } .home14 .slideshow .btn:hover { color: #ffffff; border-color: #000000; background-color: #000000; } .home14 .imgBnrOuter .inner .ttl { padding: 10px 30px; } .home14 .imgBnrOuter .inner .ttl h3 { font-family: 'Montserrat', sans-serif; color: #111111; font-size: 20px; margin: 0 0 2px; } .home14 .imgBnrOuter .inner .ttl p { color: #111111; font-size: 15px; margin: 0; } .home14 .imgBnrOuter .inner .ttl .btn { height: 35px; margin: 10px 0 0; } .home14 .imgBnrOuter .inner.btmright .ttl { text-align: center; right: 5%; bottom: 5%; } .home14 .imgBnrOuter .inner.rightcenter .ttl { right: 5%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .home14 .imgBnrOuter .inner.leftcenter .ttl { left: 5%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .home14 .imgBnrOuter .inner.topright .ttl { text-align: center; right: 5%; top: 5%; } .home14 .footer-3 .site-footer, .home14 .footer-3 .site-footer .footer-bottom { background: #111111; border-color: #1b1b1b; } .product-rows.no-pb-section .grid-products .row { margin-bottom: -30px; }  /* Header Style 8 */ .header-8 #AccessibleNav { background: #111111; } .header-8 #siteNav { max-width: 100%; } .header-8 #siteNav > li > a { color: #ffffff; } .header-8 #siteNav > li > a.active, .header-8 #siteNav > li:active > a, .header-8 #siteNav > li:hover > a { color: #f19280; background-color: #ffffff; } .header-8 .search-bar-inline { width: 400px; position: relative; z-index: 4; margin: 0 auto; } .header-8 .search-bar-inline .search__input { border-color: #dddddd; } .header-8 .search-bar-inline .search__input:focus { border-color: #bbbbbb; }  .stickyNav .header-8 .main-search .search-bar-inline { display: none !important; } .stickyNav .header-8 .main-navigation { position: absolute; top: 4px; margin: 0 auto; right: 0; left: 0; max-width: 900px; z-index: 5; } .stickyNav .header-8 #siteNav { text-align: center; justify-content: center; } .stickyNav .header-8 #AccessibleNav { background: transparent; } .stickyNav .header-8 #siteNav > li > a { color: #000000; } .stickyNav .header-8 #siteNav > li > a.active, .stickyNav .header-8 #siteNav > li:active > a, .stickyNav .header-8 #siteNav > li:hover > a { color: #f19280; background-color: #ffffff; }  /*----------------------------------------  * End Home14 ------------------------------------------*/   /*----------------------------------------  * 31. Footer ------------------------------------------*/ #footer { margin-top:36px; } .site-footer .social-colorfull .an-facebook { color: #3272bd; } .site-footer .social-colorfull .an-twitter { color: #6acff4; } .site-footer .social-colorfull .an-pinterest-p { color: #ce1e27; } .site-footer .social-colorfull .an-instagram { color: #4270a3; } .site-footer .social-colorfull .an-tumblr { color: #274152; } .site-footer .social-colorfull .an-youtube { color: #ce332d; } .site-footer .social-colorfull .an-vimeo-v { color: #86c9ef; }  /* Newsletter */ .newsletter-section { background-color:#f9f9f9; border:1px solid #e8e9eb; padding:35px 0; } .newsletter-section .footer-newsletter { width:60%; } .newsletter-section .section-header { margin:0 20px 0 0; float:left; display:inline-block; } .newsletter-section .section-header label { font-weight:400; margin-bottom:0; color:#000000; } .newsletter-section .section-header span { display:block; font-size:13px; text-align:left; } .newsletter-section .input-group { max-width:100%; margin:0; width:auto; position:relative; display:table; border-collapse:separate; } .newsletter-section .input-group__btn { white-space:nowrap; width:1%; display:table-cell; vertical-align:middle; margin:0; } .newsletter-section .input-group .btn, .newsletter-section .input-group__field { height:40px; } .newsletter-section .input-group__field { background-color:#ffffff; } .newsletter-section .input-group__field, .newsletter-section .input-group__btn .btn { border-radius:0; } .newsletter-section .btn { color:#ffffff; background-color:#000000; } .newsletter-section .btn:hover, .newsletter-section .btn:focus { background-color:#444444; } /* End Newsletter */  /* Social Icon */ .site-footer__social-icons { margin: 0 -8px; } .site-footer__social-icons li { padding:0 8px; font-size:0px; } .social-icons .icon { color:#232323; font-size:16px; } .site-footer__social-icons .icon { font-size:21px; } /* End Social Icon */  .site-footer { background:#fafafa; border-top:1px solid #e8e8e8; padding:0; } .site-footer ul { list-style:none; } .footer-top ul li { line-height:26px; } .footer-top { line-height:22px; padding-top:36px; padding-bottom:25px; color:#232323; } .footer-top h4, .footer-top .h4 { color:#232323; font-size:14px; text-transform: uppercase; font-weight:700; margin-bottom:9px; } .footer-links .h4 { position:relative; } .footer-links ul, .contact-box ul { margin-bottom:0; } .footer-top, .footer-links a, .footer-top p, .footer-bottom { color:#232323; } .addressFooter .icon { color:#232323; float:left; font-size:19px; margin-top:4px; } .addressFooter li { position: relative; padding-bottom:8px; } .addressFooter li p { padding-left:25px; } .addressFooter li p a { color: inherit; } .site-footer hr { margin:0; border-color:#454545; }  .footer-middle { border-top:1px solid #e8e8e8; color:#232323; padding:15px 0; } .footer-middle .footer-social h3 { padding-right:20px; color:#232323; line-height:15px; vertical-align:middle; text-transform: uppercase; margin: 0; }  .payment-icons li { padding:0 2px; font-size:0px; } .payment-icons .icon { font-size:32px; }  .footer-bottom { padding:20px 0; text-transform:uppercase; border-top:1px solid #e8e8e8; color:#232323; letter-spacing:1px; } .footer-bottom a { color:#232323; } .footer-bottom a:hover { text-decoration:underline; } .footer-bottom span { letter-spacing:1px; } .footer-bottom ul { margin: 0 -8px; } .footer-bottom ul li a { display: inline; padding: 0 8px; }  .footer-newsletter .newsletter__input { background-color:#ffffff; color:#222222; border:1px solid #222222; margin-bottom:8px; } .footer-newsletter .newsletter__input:focus { border-color: #848484; } .footer-newsletter .input-group__btn .btn { background:none; color:#000000; border:1px solid #000000; } .footer-newsletter .input-group__btn .btn:hover { color:#ffffff; background:#000000; opacity: 1; } .footer-newsletter  p { margin:0 0 10px; }  #site-scroll { color:#ffffff; cursor:pointer; font-size:15px; height:40px; line-height:37px; right:30px; position:fixed; border-radius:50%; text-align:center; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; width:40px; bottom:50px; z-index:444; display:none; background:#000000; border:2px solid #ffffff; }  /* Footer Style 2 */ .footer-2 .footer-top { background:#111111; color:#f5f5f5; border-top:1px solid #000000; } .footer-2 .footer-top * { color: #f5f5f5; } .footer-2 .footer-newsletter .input-group__btn .btn { color:#f5f5f5; border-color:#ffffff; } .footer-2 .footer-newsletter .input-group__btn .btn:hover { color:#222222; background:#ffffff; } .footer-2 .footer-newsletter .input-group__btn .btn:hover  span { color:#222222; } .footer-2 .footer-newsletter input { color:#222222; } .footer-2 .site-footer__social-icons .icon { font-size: 18px; } .footer-2 .payment-icons .icon { font-size: 28px; }  /* Footer Style 3 */ .footer-3 .site-footer { background: #000000; border-top-color: #ffffff; } .footer-3 .site-footer .footer-top * { color: #ffffff; } .footer-3 .site-footer .footer-top, .footer-3 .site-footer .footer-top h4, .footer-3 .site-footer .footer-top .h4, .footer-3 .site-footer .footer-links a, .footer-3 .site-footer .footer-top p, .footer-3 .site-footer .addressFooter .icon, .footer-3 .site-footer .footer-middle .footer-social h3, .footer-3 .site-footer .social-icons .icon, .footer-3 .site-footer .footer-bottom { color: #ffffff; } .footer-3 .site-footer .footer-newsletter .input-group__btn .btn { color:#ffffff; border-color:#ffffff; } .footer-3 .site-footer .footer-newsletter .input-group__btn .btn:hover { color:#222222; background:#ffffff; } .footer-3 .site-footer .footer-newsletter .input-group__btn .btn:hover  span { color:#222222; } .footer-3 .site-footer .footer-newsletter input { color:#222222; } .footer-3 .site-footer .footer-middle, .footer-3 .site-footer .footer-bottom { background: #000000; border-color: #151212; color: #ffffff; }  /* Footer Style 4 */ .footer-4 .site-footer { background-color:#ffffff; border-top: #ffffff; } .footer-4 .footer-top { background: #ffffff; border-color: #ffffff; } .footer-4 .footer-bottom { color: #ffffff; background: #120101; border-color: #ddd; }  /* Footer Style 5 */ .footer-5 .site-footer { background-color:#ffffff; border-top: 1px solid #eeeeee; } .footer-5 .footer-top h4, .footer-5 .footer-top .h4 { color:#000000; font-size:15px; font-weight:400; margin-bottom:15px; } .footer-5 .newsletter-section { background-color:#000000; border:1px solid #000000; } .footer-5 .newsletter-section .section-header label, .footer-5 .newsletter-section .section-header span { color:#ffffff; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; } .footer-5 .footer-top, .footer-5 .footer-links a, .footer-5 .footer-top p, .footer-5 .footer-bottom, .footer-5 .footer-bottom a { color:#000000; } .footer-5 .addressFooter .icon { color:#000 !important; } .footer-5 .footer-logo { margin-bottom:20px; } .footer-5 .social-icons .icon { font-size:14px; } .footer-5 .site-footer__social-icons li { padding:0 8px; } .footer-5 .footer-newsletter .newsletter__input { font-size:13px; margin-bottom:10px; border:1px solid #e8e9eb; border-radius:3px; } .footer-5 .footer-newsletter .btn { border-radius:3px; } .footer-5 .site-footer hr { border-color:#eeeeee; }  /*----------------------------------------  * End Footer ------------------------------------------*/