@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Koncrete - Construction Bootstrap 4 Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS  
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Banner CSS
    06. Feature CSS
    07. Product CSS
    08. Cta CSS
    09. Categorie CSS
    10. Cart CSS
    11. Checkout CSS
    12. Compare CSS
    13. Faq CSS
    14. Blog CSS
    15. Login Register CSS
    16. My Account CSS
    17. Newsletter CSS
    18. Modal CSS
    19. Sidebar CSS
    20. Brand CSS
    21. Contact CSS
    22. 404 CSS
    23. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, .site-wrapper { height: 100%; }

body { background-color: #ffffff; font-size: 14px; line-height: 28px; font-style: normal; font-weight: normal; visibility: visible; font-family: "Open Sans", sans-serif; color: #333333; position: relative; }

body[data-rtl="rtl"] { direction: rtl; text-align: right; }

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; color: #333333; font-weight: 400; margin-top: 0; line-height: 1.2; }

h1 { font-size: 36px; }

@media only screen and (max-width: 767px) { h1 { font-size: 32px; } }

@media only screen and (max-width: 575px) { h1 { font-size: 30px; } }

h2 { font-size: 30px; }

@media only screen and (max-width: 767px) { h2 { font-size: 26px; } }

@media only screen and (max-width: 575px) { h2 { font-size: 24px; } }

h3 { font-size: 24px; }

@media only screen and (max-width: 767px) { h3 { font-size: 22px; } }

@media only screen and (max-width: 575px) { h3 { font-size: 20px; } }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

p:last-child { margin-bottom: 0; }

a, button { color: inherit; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer; }

a, button, img, input, span { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

*:focus { outline: none !important; }

a:focus { color: inherit; outline: none; text-decoration: none; }

a:hover { text-decoration: none; color: #cea679; }

button, input[type="submit"] { cursor: pointer; }

ul { list-style: outside none none; margin: 0; padding: 0; }

img { max-width: 100%; }

/*--
    - Common Classes
-----------------------------------------*/
.fix { overflow: hidden; }

.hidden { display: none; }

.clear { clear: both; }

.section, .main-wrapper { float: left; width: 100%; }

.bt-0 { border-top: 0 !important; }

.bb-0 { border-bottom: 0 !important; }

.bl-0 { border-left: 0 !important; }

.br-0 { border-right: 0 !important; }

.bg-image { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.ft-border { border-top: 1px solid #8c8c8c; }

.border-top { border: 1px solid #e5e5e5; }

#scrollUp { background: #222; width: 60px; height: 60px; line-height: 55px; border-radius: 100%; bottom: 25px; right: 25px; color: #fff; text-align: center; font-size: 25px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#scrollUp:hover { background: #cea679; }

@media (min-width: 1200px) { .container { max-width: 1200px; }
  .row-five-column > [class*="col-xl-"] { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } }

@media only screen and (max-width: 575px) { .container { max-width: 450px; } }

@media only screen and (max-width: 479px) { .container { max-width: 300px; } }

.no-gutters { margin-left: 0; margin-right: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; margin: 0 !important; }

.inline-YTPlayer { max-width: none !important; width: 100%; }

.mbYTP_wrapper { z-index: -9 !important; }

/*--
    - Input Placeholder
-----------------------------------------*/
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)"; }

/*--
    - Background Color
------------------------------------------*/
.bg-white { background-color: #ffffff !important; }

.bg-gray { background-color: #f1f1f1 !important; }

.bg-gray-two { background-color: #f8f8f8 !important; }

.bg-dark { background-color: #333333 !important; }

.bg-theme { background-color: #cea679 !important; }

/*--
    - Tab Content & Pane Fix
------------------------------------------*/
.tab-content { width: 100%; }

.tab-content .tab-pane { display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0; }

.tab-content .tab-pane.active { height: auto; visibility: visible; opacity: 1; overflow: visible; }

/*--
    - Main Wrapper
------------------------------------------*/
/*--
    - Section Title
------------------------------------------*/
.section-title h2 { font-weight: 400; font-size: 20px; line-height: 1; margin: 0; text-transform: uppercase; }

.section-title h2 span { color: #cea679; }

.section-title p { font-size: 14px; line-height: 22px; max-width: 635px; margin-top: 15px; }

.section-title.text-center { text-align: center; background-position: top center; }

.section-title.text-center p { margin-left: auto; margin-right: auto; }

.section-title.text-left { text-align: left; background-position: top left; }

.section-title.text-left p { margin-left: 0; margin-right: auto; }

.section-title.text-right { text-align: right; background-position: top right; }

.section-title.text-right p { margin-left: auto; margin-right: 0; }

.section-title-two span { color: #cea679; font-size: 24px; font-weight: 400; display: block; line-height: 1; }

.section-title-two h2 { font-weight: 900; font-size: 40px; color: #cea679; display: inline-block; text-transform: uppercase; margin-bottom: 0; line-height: 1; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .section-title-two h2 { font-size: 36px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title-two h2 { font-size: 36px; } }

@media only screen and (max-width: 767px) { .section-title-two h2 { font-size: 36px; } }

/*-- List Section Title CSS --*/
.list-product-section-title h2 { font-weight: 400; font-size: 20px; line-height: 1; margin: 0; text-transform: uppercase; display: inline-block; background-color: #ffffff; padding-right: 15px; }

/*--  Tab Menu CSS --*/
.product-tab-menu ul li { padding-right: 35px; }

@media only screen and (max-width: 767px) { .product-tab-menu ul li { padding-right: 10px; } }

.product-tab-menu ul li:last-child { padding-right: 0; }

.product-tab-menu ul li a { font-size: 20px; line-height: 1; color: #333333; display: block; text-transform: uppercase; font-weight: 400; }

@media only screen and (max-width: 767px) { .product-tab-menu ul li a { line-height: 30px; font-size: 16px; } }

.product-tab-menu ul li a.active, .product-tab-menu ul li a:hover { color: #cea679; }

@media only screen and (max-width: 575px) { .product-tab-menu2 ul { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } }

.product-tab-menu2 ul li { border-right: 1px solid #e5e5e5; padding-right: 30px; margin-right: 25px; line-height: 1; }

@media only screen and (max-width: 767px) { .product-tab-menu2 ul li { padding-right: 20px; margin-right: 15px; line-height: 30px; } }

@media only screen and (max-width: 575px) { .product-tab-menu2 ul li { padding-right: 10px; margin-right: 7px; line-height: 30px; } }

.product-tab-menu2 ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; }

.product-tab-menu2 ul li a { color: #333333; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 1; }

.product-tab-menu2 ul li a.active, .product-tab-menu2 ul li a:hover { color: #cea679; }

/*--
    - Button
------------------------------------------*/
.btn { background-color: #cea679; color: #ffffff; font-size: 16px; line-height: 12px; height: 45px; font-weight: 700; padding: 15px 30px; text-transform: uppercase; border-radius: 0px; position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; min-width: 140px; border-radius: 50px; }

.btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }

.btn:hover { color: #ffffff; background-color: #333333; }

@media only screen and (max-width: 767px) { .btn { font-size: 14px; line-height: 23px; height: 45px; padding: 10px 25px; }
  .btn:hover::before { left: 6px; top: 6px; }
  .btn:hover::after { left: -6px; top: -6px; } }

/*--

/*--
    - Discount Coupon Button
------------------------------------------*/
.discount-coupon .disc_btn { background-color: #cea679; color: #ffffff; font-size: 16px; line-height: 12px; height: 45px; font-weight: 700; padding: 15px 20px; text-transform: uppercase; border-radius: 0px; position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; min-width: 140px; border-radius: 50px; border: none; }

.discount-coupon .disc_btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }

.discount-coupon .disc_btn:hover { color: #ffffff; background-color: #333333; }

@media only screen and (max-width: 767px) { .discount-coupon .disc_btn { font-size: 14px; line-height: 23px; height: 45px; padding: 10px 25px; }
  .discount-coupon .disc_btn:hover::before { left: 6px; top: 6px; }
  .discount-coupon .disc_btn:hover::after { left: -6px; top: -6px; } }

/*--
    - Page Banner Section
------------------------------------------*/
.page-banner-section { padding: 90px 0 100px; position: relative; z-index: 1; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .page-banner-section { padding: 70px 0 80px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .page-banner-section { padding: 60px 0 70px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .page-banner-section { padding: 50px 0 60px; } }

@media only screen and (max-width: 767px) { .page-banner-section { padding: 45px 0 50px; } }

/*-- Page Banner --*/
.page-banner h1, .page-banner h2 { font-size: 48px; color: #333333; font-weight: 600; letter-spacing: 0.1px; text-transform: uppercase; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .page-banner h1, .page-banner h2 { font-size: 36px; } }

@media only screen and (max-width: 767px) { .page-banner h1, .page-banner h2 { font-size: 30px; } }

@media only screen and (max-width: 575px) { .page-banner h1, .page-banner h2 { font-size: 24px; } }

/*-- Page Breadcrumb --*/
.page-breadcrumb { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-breadcrumb li { color: #333333; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; font-family: "Open Sans", sans-serif; line-height: 1; margin-top: 10px; }

@media only screen and (max-width: 575px) { .page-breadcrumb li { font-size: 16px; } }

.page-breadcrumb li::after { content: "-"; margin: 0 6px; }

.page-breadcrumb li:last-child::after { display: none; }

.page-breadcrumb li a:hover { color: #cea679; }

/*--
    - Page Pagination
------------------------------------------*/
.page-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -10px; }

#review-paging.page-pagination li { font-size: 16px; line-height: 24px; font-family: "Open Sans", sans-serif; color: #333333; text-align: center; margin: 5px 5px; }

#category-list-paging.page-pagination li { margin: 5px 5px; }

.page-pagination li span { color: #333333; background-color: #f8f8f8; padding: 10px; border-radius: 50px; width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-pagination li a { color: #333333; background-color: #f8f8f8; padding: 10px; border-radius: 50px; width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-pagination li span i { line-height: 24px; }

@media only screen and (max-width: 575px) { .page-pagination li { font-size: 14px; }
  .page-pagination li span { padding: 9px; width: 40px; height: 40px; }
  .page-pagination li span i { line-height: 24px; } }

.page-pagination li:hover span { color: #cea679; background-color: #333333; }

.page-pagination li.active span { color: #ffffff; background-color: #cea679; }

.grid-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.grid-filter button { background-color: transparent; color: #333333; border: none; padding: 0; font-size: 14px; font-weight: 600; margin: 0 10px 10px; text-transform: capitalize; line-height: 1; padding-bottom: 5px; position: relative; }

.grid-filter button::before { content: ""; height: 6px; width: 0; position: absolute; left: 0; bottom: 4px; background-color: #cea679; z-index: -1; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.grid-filter button:hover::before, .grid-filter button.active::before { width: 100%; }

.grid-filter.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.grid-filter.center button { margin: 0 10px 10px; }

.grid-filter.left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.grid-filter.left button { margin-left: 0; margin-right: 20px; margin-bottom: 10px; }

.grid-filter.left button:last-child { margin-right: 0; }

.grid-filter.right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.grid-filter.right button { margin-left: 20px; margin-right: 0; margin-bottom: 10px; }

.grid-filter.right button:last-child { margin-left: 0; }

.slick-slider .slick-arrow { position: absolute; top: 0; margin-top: -55px; z-index: 9; border: none; background-color: #f1f1f1; color: #999999; padding: 10px; width: 34px; height: 34px; border-radius: 0; text-align: center; cursor: pointer; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .slick-slider .slick-arrow { margin-top: -60px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .slick-slider .slick-arrow { margin-top: -60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .slick-slider .slick-arrow { margin-top: -60px; } }

@media only screen and (max-width: 767px) { .slick-slider .slick-arrow { margin-top: -37px; } }

.slick-slider .slick-arrow i { font-size: 18px; line-height: 14px; display: block; }

.slick-slider .slick-arrow.slick-prev { right: 50px; }

.slick-slider .slick-arrow.slick-next { right: 10px; }

.slick-slider .slick-arrow:hover { color: #cea679; }

.slick-slider .slick-arrow:hover::before { margin-left: 6px; margin-top: 6px; }

.slick-slider .slick-dots { width: 100%; padding: 0; margin: 20px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.slick-slider .slick-dots li { margin: 0 5px; }

.slick-slider .slick-dots li button { display: block; padding: 0; width: 12px; height: 12px; border: none; background-color: #d8d8d8; text-indent: -9999px; border-radius: 50px; }

.slick-slider .slick-dots li.slick-active button { background-color: #cea679; }

.normal-nav .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; margin-top: 0; border: none; background-color: #f1f1f1; color: #999999; padding: 10px; width: 34px; height: 34px; border-radius: 0; text-align: center; cursor: pointer; }

.normal-nav .slick-arrow.slick-prev { left: 0; }

.normal-nav .slick-arrow.slick-next { right: 0; }

.gallery-item { position: relative; }

.gallery-item::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: #333333; z-index: 1; opacity: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.gallery-item img { width: 100%; }

.gallery-item .plus { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 3; opacity: 0; }

.gallery-item .plus::before, .gallery-item .plus::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.gallery-item .plus::before { width: 150px; height: 1px; }

.gallery-item .plus::after { width: 1px; height: 150px; }

.gallery-item:hover::before { opacity: 0.75; }

.gallery-item:hover .plus { opacity: 1; }

.gallery-item:hover .plus::before { width: 40px; }

.gallery-item:hover .plus::after { height: 40px; }

blockquote.blockquote { background-color: #f1f2f3; padding: 30px; position: relative; z-index: 1; overflow: hidden; }

blockquote.blockquote::before { position: absolute; left: -5px; top: -10px; z-index: -1; opacity: 0.07; }

blockquote.blockquote p { font-size: 18px; font-style: italic; }

blockquote.blockquote .author { font-size: 14px; display: block; line-height: 18px; }

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
header.header { background-color: #ffffff; position: static; left: 0; top: 0; width: 100%; z-index: 999; }

header.header.is-sticky { position: fixed; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

header.header.is-sticky .header-top { display: none; }

header.header.is-sticky .header-bottom { padding: 15px 0 10px; }

/*-- Header Top --*/
.header-top { background-color: #ffffff; line-height: 50px; border-bottom: 1px solid #e5e5e5; padding: 5px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-top { padding-top: 10px; } }

@media only screen and (max-width: 767px) { .header-top { padding-top: 10px; } }

.header-top.bg-dark { border-color: #535353; }

.header-top > .container > .row > .col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 6px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-top > .container > .row > .col:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media only screen and (max-width: 575px) { .header-top > .container > .row > .col { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; }
  .header-top > .container > .row > .col:first-child { margin-top: 10px; margin-bottom: 5px; }
  .header-top > .container > .row > .col:last-child { margin-bottom: 10px; } }

/*-- Header Top Links --*/
.header-top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media only screen and (max-width: 767px) { .header-top-links ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.header-top-links ul li { font-size: 15px; line-height: 26px; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; }

@media only screen and (max-width: 767px) { .header-top-links ul li { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 30px; } }

@media only screen and (max-width: 479px) { .header-top-links ul li { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 10px; display: block; } }

.header-top-links ul li:last-child { margin-right: 0; }

.header-top-links ul li i { margin-right: 6px; font-size: 18px; line-height: 26px; float: left; padding-top: 2px; }

.header-top-links ul li a { display: block; }

.header-top-links.color-white ul li { color: #d8d8d8; }

/*-- Header Top Social --*/
.header-top-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 25px; }

@media only screen and (max-width: 767px) { .header-top-social { padding-left: 15px; margin-top: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media only screen and (max-width: 575px) { .header-top-social { padding-left: 0; margin-top: 10px; } }

@media only screen and (max-width: 479px) { .header-top-social { padding-left: 0; margin-top: 10px; } }

.header-top-social a { padding: 0 8px; color: #333333; }

@media only screen and (max-width: 767px) { .header-top-social a { padding: 0 5px; } }

.header-top-social a i { font-size: 18px; display: block; line-height: 28px; }

.header-top-social a:hover { color: #cea679; }

.header-top-social.color-white a { color: #d8d8d8; }

.header-top-social.color-white a:hover { color: #cea679; }

/*-- Header Top Currency Menu --*/
@media only screen and (min-width: 768px) and (max-width: 991px) { .ht-right { padding-bottom: 5px; } }

@media only screen and (max-width: 767px) { .ht-right { padding-bottom: 5px; } }

.ht-us-menu, .ht-cr-menu { margin-right: 15px; }

.ht-us-menu > li, .ht-cr-menu > li { position: relative; }

.ht-us-menu > li > a, .ht-cr-menu > li > a { color: #333333; display: block; font-weight: normal; position: relative; text-transform: capitalize; z-index: 10; font-size: 15px; line-height: 40px; }

.ht-us-menu > li > a::after, .ht-cr-menu > li > a::after { display: block; content: "\f107"; font-family: FontAwesome; font-size: 12px; padding-left: 10px; line-height: 40px; float: right; }

.ht-us-menu > li > a:hover, .ht-cr-menu > li > a:hover { color: #cea679; }

.ht-us-menu > li > a i, .ht-cr-menu > li > a i { font-size: 18px; color: #333333; padding-right: 8px; vertical-align: middle; }

.ht-us-menu > li:hover .ht-dropdown, .ht-cr-menu > li:hover .ht-dropdown { top: 100%; opacity: 1; visibility: visible; }

.ht-us-menu.color-white > li > a, .ht-cr-menu.color-white > li > a { color: #d8d8d8; }

.ht-us-menu.color-white > li > a i, .ht-cr-menu.color-white > li > a i { color: #d8d8d8; }

.ht-cr-menu { margin-right: 0; }

.ht-cr-menu li { margin-right: 15px; }

.ht-cr-menu li:last-child { margin-right: 0; }

.ht-cr-menu li a img { margin-right: 5px; }

.ht-cr-menu.color-white > li > a { color: #d8d8d8; }

.ht-cr-menu.color-white > li > a i { color: #d8d8d8; }

.ht-dropdown { position: absolute; top: 80%; right: 0; width: 155px; background-color: #fff; padding: 0px 20px; z-index: 101; text-align: left; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media only screen and (max-width: 767px) { .ht-dropdown { right: auto; left: 0; } }

.ht-dropdown.width-20 { width: auto; padding: 0 15px; }

.ht-dropdown.width-50 { width: 120px; padding: 0 15px; }

.ht-dropdown li a { padding: 10px 0; line-height: 24px; display: block; font-weight: normal; border-bottom: 1px solid #e5e5e5; border-top: none; height: inherit; border-radius: 0; color: #555555; text-transform: capitalize; position: relative; z-index: 10; font-size: 13px; }

.ht-dropdown li a:hover { color: #cea679; }

/*-- Header Bottom --*/
.header-bottom { padding: 35px 0 30px; border-bottom: 1px solid #e5e5e5; }

.header-bottom.bg-dark { border-color: #393939; }

.header-bottom.menu-right > .container > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-bottom.menu-right > .container > .row { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } }

@media only screen and (max-width: 767px) { .header-bottom.menu-right > .container > .row { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } }

.header-bottom.menu-right > .container > .row > .col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: static; }

.header-bottom.menu-right > .container > .row > .col:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

/*-- Header Logo --*/
@media only screen and (max-width: 479px) { .logo { width: 120px; } }

.logo a { display: inline-block; }

.logo a img { max-width: 100%; }

/*-- Header Search --*/
.header-search { margin-left: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-search { margin-left: 0; } }

@media only screen and (max-width: 767px) { .header-search { margin-left: 0; } }

@media only screen and (max-width: 479px) { .header-search { margin-left: 0; } }

.header-search-toggle { background-color: transparent; border: none; color: #9a9a9a; padding: 0; width: 35px; height: 35px; line-height: 30px; border: 2px solid #9a9a9a; border-radius: 50%; }

.header-search-toggle i { font-size: 16px; }

.header-search-toggle.open i { font-size: 16px; }

.header-search-toggle.color-white { color: #ffffff; border-color: #ffffff; }

/*-- Search Form --*/
.header-search-form { display: none; position: absolute; right: 0; top: 100%; background-color: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); z-index: 100; }

@media only screen and (max-width: 479px) { .header-search-form { right: -85px; } }

.header-search-form form { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-search-form form input { width: 250px; border: none; background-color: transparent; color: #333333; line-height: 24px; padding: 13px 20px; }

@media only screen and (max-width: 479px) { .header-search-form form input { width: 216px; } }

.header-search-form form button { line-height: 24px; padding: 13px 15px; border: none; background-color: #cea679; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; }

.header-search-form form button i { font-size: 16px; line-height: 22px; }

/*-- Header Cart --*/
.header-cart { margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-cart { margin-right: 50px; } }

@media only screen and (max-width: 767px) { .header-cart { margin-right: 50px; } }

@media only screen and (max-width: 479px) { .header-cart { margin-right: 40px; } }

.header-cart > a { background-color: transparent; border: none; color: #9a9a9a; padding: 0; line-height: 1; width: 35px; height: 35px; line-height: 30px; border: 2px solid #9a9a9a; border-radius: 50%; text-align: center; position: relative; }

.header-cart > a i { font-size: 16px; }

.header-cart > a span { position: absolute; right: 0; top: -10px; background-color: #ff5501; width: 18px; height: 18px; color: #ffffff; border: 1px solid; border-radius: 50%; text-align: center; font-size: 12px; line-height: 15px; border-radius: 50%; }

.header-cart:hover .header-cart-dropdown { opacity: 1; visibility: visible; top: 100%; display: block; }

.header-cart.color-white > a { color: #ffffff; border-color: #ffffff; }

.header-cart-dropdown { position: absolute; width: 380px; background: #fff; right: 15px; top: 120%; padding: 5px 20px; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3); z-index: 9999999; opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-cart-dropdown { display: none !important; } }

@media only screen and (max-width: 767px) { .header-cart-dropdown { display: none !important; } }

.cart-img { float: left; width: 36%; margin-right: 20px; position: relative; }

.cart-content { float: left; width: 56%; }

ul.cart-items li { list-style: none; display: block; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ededed; position: relative; text-align: left; }

.cart-content span { color: #222; font-weight: 400; font-size: 16px; }

.cart-content span.product-price { color: #cea679; font-size: 16px; }

.product-name { color: #222; text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: 600; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden; width: 123px; }

.cart-item-remove a { position: absolute; color: #222; right: 2px; top: 18px; display: inline-block; left: auto; font-size: 20px; }

.cart-item-remove a:hover { color: #cea679; }

.cart-total { overflow: hidden; padding: 20px 0; text-align: left; border-bottom: 1px solid #ededed; }

.cart-total h5 { color: #3e3d43; text-transform: capitalize; font-size: 14px; font-weight: 600; }

.cart-btn { padding: 20px; background-color: #fff; text-align: center; margin-left: -20px; margin-right: -20px; margin-bottom: -5px; }

.cart-btn a { display: block; background-color: #333; color: #fff; font-size: 16px; padding: 10px 18px; text-transform: uppercase; font-weight: 700; }

.cart-btn a:first-child { margin-bottom: 10px; }

.cart-btn a:hover { background: #cea679; border-color: #cea679; color: #fff; }

/*-- Main Menu --*/
.main-menu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.main-menu > ul > li { position: relative; }

.main-menu > ul > li > a { font-size: 15px; line-height: 14px; font-weight: 600; font-family: "Open Sans", sans-serif; color: #333333; text-transform: uppercase; display: block; padding: 15px 20px; position: relative; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu > ul > li > a { padding: 15px 14px; } }

.main-menu > ul > li.has-dropdown > a::after { content: "\f107"; font-family: Fontawesome; line-height: 30px; margin-left: 3px; }

.main-menu > ul > li.active > a, .main-menu > ul > li:hover > a { color: #cea679; }

.main-menu > ul > li:hover > .sub-menu { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }

.main-menu > ul > li:hover > .mega-menu { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }

.main-menu > ul > li:last-child .sub-menu { left: auto; right: 0; }

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu { left: 100%; right: auto; }

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu { left: auto; right: 100%; }

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu { left: auto; right: 100%; }

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu { left: 100%; right: auto; }

.main-menu.color-white > ul > li > a { color: #ffffff; }

.main-menu.color-white > ul > li > a:hover { color: #cea679; }

/*-- Sub Menu --*/
.sub-menu { position: absolute; left: 0; top: 100%; margin-left: -20px; margin-top: 30px; padding: 20px 0; background-color: #ffffff; -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 210px !important; z-index: -99; opacity: 0; visibility: hidden; max-height: 320px; }

/* .nano { width: auto; }
.nano.h_auto { height: auto !important;}
.nano.h_auto .nano-content { position: relative; }
.nano > .nano-pane { background:transparent; }
.sub-menu.overHidden {
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  box-shadow:none;
} */
/*
.sub-menu.overHidden:before {
  position: absolute;
  content:'';
  width:100%;
  height:100%;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
} */
.sub-menu li { margin-bottom: 5px; position: relative; }

.sub-menu li:last-child { margin-bottom: 0; }

.sub-menu li a { font-family: "Open Sans", sans-serif; color: #333333; display: block; font-size: 13px; line-height: initial; font-weight: 400; padding: 5px 20px; }

.sub-menu li.has-dropdown > a::after { content: "\f105"; font-family: Fontawesome; line-height: 30px; float: right; }

.sub-menu li.active > a { color: #cea679; }

.sub-menu li .sub-menu { left: 100%; top: 0; margin-left: 0; }

.sub-menu li:hover > a { color: #cea679; }

.sub-menu li:hover > .sub-menu { margin-top: -10px; opacity: 1; visibility: visible; z-index: 99; }

.sub-menu li .sub-menu { left: 100%; margin-left: 0; top: 0; }

.sub-menu li .sub-menu .sub-menu { left: auto; right: 100%; }

.sub-menu li .sub-menu .sub-menu .sub-menu { left: 100%; right: auto; }

/*-- Mega Menu --*/
.mega-menu.four-column { width: 800px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .mega-menu.four-column { width: 770px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .mega-menu.four-column { width: 770px; } }

.mega-menu { position: absolute; left: 0; top: 100%; margin-top: 30px; background-color: #ffffff; border: 1px solid #eeeeee; border-bottom: 2px solid #cea679; text-align: left; z-index: 999; width: 800px; -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .mega-menu { width: 770px; left: -40px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .mega-menu { width: 770px; left: -160px; } }

.mega-menu > li { width: 25%; padding: 0px 13px; margin: 34px 0; float: left; border-left: 1px solid #eeeeee; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .mega-menu > li { padding: 0 5px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .mega-menu > li { padding: 0 5px; } }

.mega-menu > li:first-child { border-left: 0; }

.mega-menu > li > a { margin: 0 0 12px 20px; font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 20px; color: #333333; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .mega-menu > li > a { margin: 0 0 12px 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .mega-menu > li > a { margin: 0 0 12px 20px; } }

.mega-menu > li > ul > li { display: block; }

.mega-menu > li > ul > li > a { padding: 0px 20px; display: block; font-size: 13px; line-height: 35px; font-weight: 400; color: #333333; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .mega-menu > li > ul > li > a { padding: 0 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .mega-menu > li > ul > li > a { padding: 0 20px; } }

.mega-menu > li > ul > li > a:hover { color: #cea679; }

/*-- Mobile Menu --*/
.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar { background-color: #ffffff; }

.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after { background-color: #ffffff; }

.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after { background-color: #ffffff; }

.mobile-menu { -webkit-box-flex: 1 !important; -ms-flex: 1 0 100% !important; flex: 1 0 100% !important; }

.mobile-menu .mean-bar { position: relative; /*---- Mean Nav ----*/ }

.mobile-menu .mean-bar .meanmenu-reveal { position: absolute; top: -30px; }

@media only screen and (max-width: 479px) { .mobile-menu .mean-bar .meanmenu-reveal { top: -30px; } }

.mobile-menu .mean-bar .meanmenu-reveal span { position: relative; /*---- Menu Open ----*/ /*---- Menu Close ----*/ }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar { height: 2px; width: 26px; background-color: #333333; display: block; margin: 8px 0; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #333333; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before { top: -8px; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after { bottom: -8px; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close { height: 2px; width: 26px; background-color: transparent; display: block; margin: 8px 0; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #333333; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.mobile-menu .mean-bar .mean-nav { background-color: #ffffff; }

.mobile-menu .mean-bar .mean-nav > ul { margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.05); overflow-x: hidden; max-height: 250px; }

@media only screen and (max-width: 767px) { .mobile-menu .mean-bar .mean-nav > ul { max-height: 180px; overflow-y: auto; } }

@media only screen and (max-width: 575px) { .mobile-menu .mean-bar .mean-nav > ul { max-height: 220px; overflow-y: auto; } }

.mobile-menu .mean-bar .mean-nav > ul > li:first-child > a { border-top: none; }

.mobile-menu .mean-bar .mean-nav > ul li { position: relative; display: block; float: left; width: 100%; /*---- Sub Menu & Mega Menu ----*/ }

.mobile-menu .mean-bar .mean-nav > ul li a { font-size: 13px; display: block; font-family: "Open Sans", sans-serif; color: #333333; font-weight: 600; text-transform: uppercase; line-height: 44px; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 0 40px 0 20px; /*---- Menu Expand For Sub Menu ----*/ }

.mobile-menu .mean-bar .mean-nav > ul li a::after { display: none; }

.mobile-menu .mean-bar .mean-nav > ul li a:hover { color: #cea679; padding-left: 25px; }

.mobile-menu .mean-bar .mean-nav > ul li a.active { color: #cea679; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand, .mean-expand { border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.05); position: absolute; right: -1px; top: 0; font-size: 20px !important; color: #333333; line-height: 44px; height: 46px; width: 40px; text-align: center; padding: 0; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked { line-height: 40px; }

.mobile-menu .mean-bar .mean-nav > ul li span { font-size: 13px; display: block; color: #333333; font-weight: 600; text-transform: uppercase; line-height: 44px; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; padding: 0 40px 0 20px; margin: 0; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul { position: static; background-color: rgba(0, 0, 0, 0.03); margin: 0; padding: 0 !important; width: 100%; -webkit-box-shadow: none; box-shadow: none; margin: 0; display: none; float: left; width: 100%; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li { padding: 0; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-right: 0px solid transparent; width: 100%; display: block; float: left; width: 100%; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a { font-size: 11px; display: block; margin: 0; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before { display: none; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li span, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li span, .mobile-menu .mean-bar .mean-nav > ul li ul li span { font-size: 11px; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul { background-color: rgba(0, 0, 0, 0.04); }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a { border-top: 1px solid rgba(0, 0, 0, 0.05); }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand { border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.05); }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul { background-color: rgba(0, 0, 0, 0.05); }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a { border-top: 1px solid rgba(0, 0, 0, 0.05); }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand { border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.05); }

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.slider-nav .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; border: none; background-color: transparent; color: #999999; padding: 0px; width: auto; height: auto; border: 0; border-radius: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 24px; text-transform: capitalize; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0); box-shadow: 0 5px 10px rgba(0, 0, 0, 0); opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .slider-nav .slick-arrow { font-size: 18px; } }

@media only screen and (max-width: 767px) { .slider-nav .slick-arrow { font-size: 18px; } }

.slider-nav .slick-arrow::before { display: none; }

.slider-nav .slick-arrow.slick-next { margin-right: 0; margin-top: -60px; left: auto !important; right: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .slider-nav .slick-arrow.slick-next { margin-top: -40px; } }

@media only screen and (max-width: 767px) { .slider-nav .slick-arrow.slick-next { margin-top: -30px; } }

.slider-nav .slick-arrow.slick-prev { margin-left: 0; margin-top: 60px; left: auto !important; right: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .slider-nav .slick-arrow.slick-prev { margin-top: 40px; } }

@media only screen and (max-width: 767px) { .slider-nav .slick-arrow.slick-prev { margin-top: 30px; } }

.slider-nav .slick-arrow:hover { background-color: transparent; color: #cea679; }

.slider-nav:hover .slick-arrow { opacity: 1; }

.slider-nav:hover .slick-arrow.slick-next { margin-right: 0; }

.slider-nav:hover .slick-arrow.slick-prev { margin-left: 0; }

.slider-nav .slick-dots { position: absolute; left: 0; bottom: 40px; width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .slider-nav .slick-dots { bottom: 20px; } }

@media only screen and (max-width: 767px) { .slider-nav .slick-dots { bottom: 20px; } }

@media only screen and (max-width: 575px) { .slider-nav .slick-dots { bottom: 15px; } }

.slider-nav .slick-dots li { margin: 0 5px; }

.slider-nav .slick-dots li button { display: block; padding: 0; width: 15px; height: 4px; background-color: #252525; text-indent: -9999px; border-radius: 0; }

@media only screen and (max-width: 767px) { .slider-nav .slick-dots li button { border-width: 2px; width: 10px; height: 10px; } }

.slider-nav .slick-dots li.slick-active button { width: 15px; background-color: #cea679; }

/*-- Hero Item --*/
.hero-item { width: 100%; height: 820px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; }

.hero-item.image-height { height: 665px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-item.image-height { height: 500px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-item.image-height { height: 500px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-item.image-height { height: 450px; } }

@media only screen and (max-width: 767px) { .hero-item.image-height { height: 400px; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-item { height: 600px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-item { height: 500px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-item { height: 500px; } }

@media only screen and (max-width: 767px) { .hero-item { height: 350px; } }

/*-- Hero Content Two For Hero Slider --*/
.hero-content-2.left { text-align: left; }

.hero-content-2.center { text-align: center; }

.hero-content-2.right { text-align: right; }

.hero-content-2.color-1 h2 { color: #45342d; }

.hero-content-2.color-1 h1 { color: #45342d; }

.hero-content-2.color-1 h3 { color: #c16404; }

.hero-content-2 > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.hero-content-2 h2 { font-size: 46px; line-height: 1; font-weight: 400; text-transform: uppercase; color: #ffffff; margin-bottom: 20px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-2 h2 { font-size: 40px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-2 h2 { font-size: 36px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-2 h2 { font-size: 36px; } }

@media only screen and (max-width: 767px) { .hero-content-2 h2 { font-size: 24px; } }

@media only screen and (max-width: 575px) { .hero-content-2 h2 { font-size: 22px; } }

@media only screen and (max-width: 479px) { .hero-content-2 h2 { font-size: 20px; } }

.hero-content-2 h1 { font-size: 62px; line-height: 1; font-weight: 800; text-transform: uppercase; color: #cea679; margin-bottom: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-2 h1 { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-2 h1 { font-size: 50px; } }

@media only screen and (max-width: 767px) { .hero-content-2 h1 { font-size: 36px; } }

@media only screen and (max-width: 575px) { .hero-content-2 h1 { font-size: 32px; } }

@media only screen and (max-width: 479px) { .hero-content-2 h1 { font-size: 28px; } }

.hero-content-2 h3 { font-size: 24px; line-height: 1; color: #ffffff; letter-spacing: 15px; text-transform: uppercase; margin-bottom: 40px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-2 h3 { font-size: 20px; margin-bottom: 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-2 h3 { font-size: 18px; margin-bottom: 20px; } }

@media only screen and (max-width: 767px) { .hero-content-2 h3 { font-size: 16px; margin-bottom: 20px; letter-spacing: 5px; } }

.hero-content-2 a { font-size: 20px; line-height: 1; text-decoration: underline; display: block; color: #cea679; font-weight: 600; }

/*-- Hero Content Three For Hero Slider --*/
.hero-content-3 { display: inline-block; text-align: center; }

.hero-content-3.left { text-align: left; }

.hero-content-3.center { text-align: center; }

.hero-content-3.right { text-align: right; }

.hero-content-3 > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.hero-content-3 h2 { color: #cea679; font-size: 28px; font-weight: 700; font-style: italic; margin-bottom: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-3 h2 { font-size: 26px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-3 h2 { font-size: 24px; margin-bottom: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-3 h2 { font-size: 22px; margin-bottom: 15px; } }

@media only screen and (max-width: 767px) { .hero-content-3 h2 { font-size: 20px; margin-bottom: 15px; } }

@media only screen and (max-width: 575px) { .hero-content-3 h2 { font-size: 18px; margin-bottom: 10px; } }

@media only screen and (max-width: 479px) { .hero-content-3 h2 { font-size: 16px; margin-bottom: 10px; } }

.hero-content-3 h1 { color: #777777; font-size: 60px; font-weight: 300; text-transform: uppercase; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-3 h1 { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-3 h1 { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-3 h1 { font-size: 48px; } }

@media only screen and (max-width: 767px) { .hero-content-3 h1 { font-size: 44px; } }

@media only screen and (max-width: 575px) { .hero-content-3 h1 { font-size: 34px; } }

@media only screen and (max-width: 479px) { .hero-content-3 h1 { font-size: 26px; } }

.hero-content-3 h3 { color: #333333; font-size: 60px; font-weight: 800; text-transform: uppercase; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-3 h3 { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-3 h3 { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-3 h3 { font-size: 48px; } }

@media only screen and (max-width: 767px) { .hero-content-3 h3 { font-size: 44px; } }

@media only screen and (max-width: 575px) { .hero-content-3 h3 { font-size: 34px; } }

@media only screen and (max-width: 479px) { .hero-content-3 h3 { font-size: 26px; } }

.hero-content-3 a { color: #333333; font-size: 18px; font-weight: 600; display: inline-block; margin: 35px 0 0; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-3 a { margin: 25px 0 0; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-3 a { margin: 20px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-3 a { margin: 20px 0 0; } }

@media only screen and (max-width: 767px) { .hero-content-3 a { margin: 10px 0 0; } }

.hero-content-3 a:hover { color: #cea679; }

/*-- Hero Content Four For Hero Slider --*/
.hero-content-4 { display: inline-block; }

.hero-content-4.left { text-align: left; }

.hero-content-4.center { text-align: center; }

.hero-content-4.right { text-align: right; }

.hero-content-4 > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.hero-content-4 h2 span { color: #ffffff; font-size: 28px; font-weight: 700; font-style: italic; background-color: #cea679; display: inline-block; padding: 0 5px; margin-bottom: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-4 h2 span { font-size: 26px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-4 h2 span { font-size: 24px; margin-bottom: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-4 h2 span { font-size: 22px; margin-bottom: 15px; } }

@media only screen and (max-width: 767px) { .hero-content-4 h2 span { font-size: 20px; margin-bottom: 15px; } }

@media only screen and (max-width: 575px) { .hero-content-4 h2 span { font-size: 18px; margin-bottom: 10px; } }

@media only screen and (max-width: 479px) { .hero-content-4 h2 span { font-size: 16px; margin-bottom: 10px; } }

.hero-content-4 h1 span { color: #ffffff; font-size: 60px; font-weight: 300; text-transform: uppercase; background-color: #333333; display: inline-block; padding: 0 5px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-4 h1 span { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-4 h1 span { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-4 h1 span { font-size: 48px; } }

@media only screen and (max-width: 767px) { .hero-content-4 h1 span { font-size: 44px; } }

@media only screen and (max-width: 575px) { .hero-content-4 h1 span { font-size: 34px; } }

@media only screen and (max-width: 479px) { .hero-content-4 h1 span { font-size: 26px; } }

.hero-content-4 h3 span { color: #ffffff; font-size: 60px; font-weight: 800; text-transform: uppercase; background-color: #333333; display: inline-block; padding: 0 5px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-4 h3 span { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content-4 h3 span { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-4 h3 span { font-size: 48px; } }

@media only screen and (max-width: 767px) { .hero-content-4 h3 span { font-size: 44px; } }

@media only screen and (max-width: 575px) { .hero-content-4 h3 span { font-size: 34px; } }

@media only screen and (max-width: 479px) { .hero-content-4 h3 span { font-size: 26px; } }

.hero-content-4 a { color: #cea679; font-size: 18px; font-weight: 600; display: block; margin: 35px 0 0; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-4 a { margin: 25px 0 0; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .hero-content-4 a { margin: 20px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .hero-content-4 a { margin: 20px 0 0; } }

@media only screen and (max-width: 767px) { .hero-content-4 a { margin: 10px 0 0; } }

.hero-content-4 a:hover { color: #cea679; }

/*-- Slide Content In Animation --*/
.slick-active { /*-- Hero Content Two For Hero Slider --*/ }

.slick-active .hero-content-2 > *, .slick-active .hero-content-3 > *, .slick-active .hero-content-4 > * { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.slick-active .hero-content-2 > *:nth-child(1), .slick-active .hero-content-3 > *:nth-child(1), .slick-active .hero-content-4 > *:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.slick-active .hero-content-2 > *:nth-child(2), .slick-active .hero-content-3 > *:nth-child(2), .slick-active .hero-content-4 > *:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.slick-active .hero-content-2 > *:nth-child(3), .slick-active .hero-content-3 > *:nth-child(3), .slick-active .hero-content-4 > *:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.slick-active .hero-content-2 > *:nth-child(4), .slick-active .hero-content-3 > *:nth-child(4), .slick-active .hero-content-4 > *:nth-child(4) { -webkit-animation-delay: 2s; animation-delay: 2s; }

.slick-active .hero-content-2 > *:nth-child(5), .slick-active .hero-content-3 > *:nth-child(5), .slick-active .hero-content-4 > *:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.slick-active .hero-content-2 > *:nth-child(6), .slick-active .hero-content-3 > *:nth-child(6), .slick-active .hero-content-4 > *:nth-child(6) { -webkit-animation-delay: 3s; animation-delay: 3s; }

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
.about-section-area { text-align: center; border: 20px solid #e5e5e5; padding: 0 40px; }

@media only screen and (max-width: 767px) { .about-section-area { padding: 0 15px; border: 5px solid #e5e5e5; } }

.about-section-area .text-des { padding: 55px 30px 39px; border-bottom: 1px solid #e5e5e5; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .about-section-area .text-des { padding: 40px 30px 28px; } }

@media only screen and (max-width: 767px) { .about-section-area .text-des { padding: 40px 0px 28px; } }

.about-section-area .text-des h3 { font-size: 24px; color: #333333; font-weight: 900; text-transform: uppercase; margin-bottom: 0; }

.about-section-area .text-des p { line-height: 24px; color: #333333; margin: 0; padding: 25px 0 0; }

.about-section-area .about-social { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 767px) { .about-section-area .about-social { padding: 20px 0; } }

.about-section-area .about-social a { padding: 0 8px; color: #333333; }

.about-section-area .about-social a i { font-size: 18px; display: block; line-height: 28px; }

.about-section-area .about-social a:hover { color: #cea679; }

/* About Page CSS */
.about-us-content h2 { font-size: 36px; font-weight: 700; text-transform: capitalize; color: #333333; margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .about-us-content h2 { font-size: 28px; margin-bottom: 10px; } }

.about-us-content h2 p { line-height: 22px; }

.about-us-image { overflow: hidden; }

.about-us-image.img-full img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.about-us-img-wrapper:hover .about-us-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.single-team { position: relative; }

.single-team .team-image { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.single-team .team-image a { display: block; }

.single-team .team-image a img { width: 100%; }

.single-team .team-content { bottom: 0; padding: 30px; position: absolute; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); text-align: center; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 4; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-team .team-content { padding: 15px; } }

@media only screen and (max-width: 767px) { .single-team .team-content { padding: 15px; } }

@media only screen and (max-width: 575px) { .single-team .team-content { padding: 30px; } }

.single-team .team-content .team-hover-info { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; padding: 30px 0; right: 30px; z-index: 2; }

.single-team .team-content .team-hover-info h2 { color: #fff; font-size: 18px; margin-bottom: 14px; text-transform: capitalize; }

.single-team .team-content .team-hover-info .team-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.single-team .team-content .team-hover-info .team-social li { list-style: none; padding: 0 17px; }

.single-team .team-content .team-hover-info .team-social li > a > i { border: 0 solid transparent; border-radius: 100%; color: #fff; font-size: 14px; height: auto; line-height: 20px; width: auto; }

.single-team .team-content .team-hover-info .team-social li > a:hover > i { color: #cea679; }

.single-team:hover .team-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.single-team:hover .team-content { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

/* Testimonial CSS */
.single-testimonial-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: 70%; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 775px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-testimonial-area { width: 100%; max-width: 100%; } }

@media only screen and (max-width: 767px) { .single-testimonial-area { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 100%; } }

.single-testimonial-area .testimonial-image { vertical-align: top; border-radius: 100%; float: left; width: 104px; height: 104px; border: 2px solid #cea679; margin-top: 13px; -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; }

@media only screen and (max-width: 767px) { .single-testimonial-area .testimonial-image { margin: 0 auto; } }

.single-testimonial-area .testimonial-image img { width: auto; }

.single-testimonial-area .testimonial-content { overflow: hidden; text-align: left; padding-left: 98px; position: relative; }

@media only screen and (max-width: 767px) { .single-testimonial-area .testimonial-content { padding-left: 70px; } }

.single-testimonial-area .testimonial-content::before { content: "“"; font-size: 100px; color: #363636; position: absolute; left: 10px; top: -4px; font-weight: 700; font-style: italic; line-height: 1; }

@media only screen and (max-width: 767px) { .single-testimonial-area .testimonial-content::before { left: 0; } }

.testimonial-content > p.author-desc { margin: auto; line-height: 28px; padding: 15px 0; color: #333333; }

.testimonial-content > p.testimonial-author { text-transform: uppercase; color: #333333; margin: 7px 0 0 0; }

/*----------------------------------------*/
/*  05. Banner CSS
/*----------------------------------------*/
/*-- Single Banner Image Style CSS --*/
.single-banner { position: relative; overflow: hidden; }

.single-banner a { display: block; }

.single-banner a img { width: 100%; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.single-banner:hover a img { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

/*-- Banner Content CSS --*/
.banner-content { display: inline-block; text-align: center; }

.banner-content h2 { color: #cea679; font-size: 28px; font-weight: 700; font-style: italic; margin-bottom: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .banner-content h2 { font-size: 26px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-content h2 { font-size: 24px; margin-bottom: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .banner-content h2 { font-size: 22px; margin-bottom: 15px; } }

@media only screen and (max-width: 767px) { .banner-content h2 { font-size: 20px; margin-bottom: 15px; } }

@media only screen and (max-width: 575px) { .banner-content h2 { font-size: 18px; margin-bottom: 10px; } }

@media only screen and (max-width: 479px) { .banner-content h2 { font-size: 16px; margin-bottom: 10px; } }

.banner-content h1 { color: #777777; font-size: 60px; font-weight: 300; text-transform: uppercase; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .banner-content h1 { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-content h1 { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .banner-content h1 { font-size: 48px; } }

@media only screen and (max-width: 767px) { .banner-content h1 { font-size: 44px; } }

@media only screen and (max-width: 575px) { .banner-content h1 { font-size: 34px; } }

@media only screen and (max-width: 479px) { .banner-content h1 { font-size: 26px; } }

.banner-content h3 { color: #333333; font-size: 60px; font-weight: 800; text-transform: uppercase; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .banner-content h3 { font-size: 56px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-content h3 { font-size: 52px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .banner-content h3 { font-size: 48px; } }

@media only screen and (max-width: 767px) { .banner-content h3 { font-size: 44px; } }

@media only screen and (max-width: 575px) { .banner-content h3 { font-size: 34px; } }

@media only screen and (max-width: 479px) { .banner-content h3 { font-size: 26px; } }

.banner-content a { color: #333333; font-size: 18px; font-weight: 600; display: inline-block; margin: 35px 0 0; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .banner-content a { margin: 25px 0 0; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .banner-content a { margin: 20px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .banner-content a { margin: 20px 0 0; } }

@media only screen and (max-width: 767px) { .banner-content a { margin: 10px 0 0; } }

.banner-content a:hover { color: #cea679; }

.banner-section:hover .banner-content h2 { -webkit-animation: fadeInDown 1s ease-in-out; animation: fadeInDown 1s ease-in-out; }

.banner-section:hover .banner-content h1 { -webkit-animation: fadeInLeft 1s ease-in-out; animation: fadeInLeft 1s ease-in-out; }

.banner-section:hover .banner-content h3 { -webkit-animation: fadeInLeft 1s ease-in-out; animation: fadeInLeft 1s ease-in-out; }

.banner-section:hover .banner-content a { -webkit-animation: zoomIn 1s ease-in-out; animation: zoomIn 1s ease-in-out; }

/* Shop Banner CSS */
.shop-banner img { width: 100%; }

.shop-banner-title h2 { font-size: 34px; font-weight: 400; text-transform: uppercase; margin: 0 0 37px; }

@media only screen and (max-width: 767px) { .shop-banner-title h2 { margin: 0 0 20px; font-size: 24px; } }

/*----------------------------------------*/
/*  06. Feature CSS
/*----------------------------------------*/
.single-feature { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #e5e5e5; }

@media only screen and (max-width: 767px) { .single-feature { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 575px) { .single-feature { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0; } }

.single-feature.feature-style-2 { text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-right: 0; background-color: #f2f2f2; padding: 40px 0; }

.single-feature.feature-style-2 .icon { width: 100%; height: 100%; text-align: center; margin: 2px 12px 23px 2px; }

.single-feature .icon { width: 50px; height: 40px; line-height: 40px; text-align: right; font-size: 46px; font-style: normal; vertical-align: top; margin: 2px 12px 2px 2px; color: #cea679; }

@media only screen and (max-width: 767px) { .single-feature .content { text-align: center; } }

.single-feature .content h2 { font-weight: 600; text-transform: uppercase; font-size: 16px; margin: 0; line-height: 24px; color: #333333; }

@media only screen and (max-width: 767px) { .single-feature .content h2 { font-size: 12px; } }

@media only screen and (max-width: 575px) { .single-feature .content h2 { font-size: 14px; } }

.single-feature .content p { display: block; font-size: 14px; font-weight: 400; text-transform: lowercase; color: #333333; }

@media only screen and (max-width: 767px) { .single-feature .content p { font-size: 12px; } }

/*----------------------------------------*/
/*  07. Product CSS
/*----------------------------------------*/
/* Product Nav Two style */
.product-nav-two .slick-arrow { top: auto; bottom: 25%; margin-top: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-nav-two .slick-arrow { top: 0; bottom: auto; margin-top: -60px; } }

@media only screen and (max-width: 767px) { .product-nav-two .slick-arrow { top: 0; bottom: auto; margin-top: -55px; } }

.product-nav-two .slick-arrow.slick-prev { right: auto; left: -19%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .product-nav-two .slick-arrow.slick-prev { left: -32%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-nav-two .slick-arrow.slick-prev { left: auto; right: 50px; } }

@media only screen and (max-width: 767px) { .product-nav-two .slick-arrow.slick-prev { left: auto; right: 50px; } }

.product-nav-two .slick-arrow.slick-next { right: auto; left: -16%; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .product-nav-two .slick-arrow.slick-next { left: -15%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .product-nav-two .slick-arrow.slick-next { left: -27%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-nav-two .slick-arrow.slick-next { left: auto; right: 10px; } }

@media only screen and (max-width: 767px) { .product-nav-two .slick-arrow.slick-next { left: auto; right: 10px; } }

/*-- Product --*/
.single-product .product-img { position: relative; overflow: hidden; margin-bottom: 25px; }

.single-product .product-img a { display: block; }

.single-product .product-img a img { width: 100%; }

.single-product .product-img .sticker, .single-product .product-img .descount-sticker { color: #333333; font-weight: 400; text-align: center; line-height: 26px; padding: 0 10px; position: absolute; background: transparent; border: 2px solid #333333; min-width: 60px; top: 10px; right: 10px; text-transform: capitalize; font-size: 16px; z-index: 1; border-radius: 0; }

.single-product .product-img .descount-sticker { right: auto; left: 10px; color: #cea679; border-color: #cea679; }

.single-product .product-img .product-action { background-color: #333333; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; -webkit-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.single-product .product-img .product-action .product-btn { font-size: 12px; font-weight: 600; line-height: 45px; color: #ffffff; text-align: center; position: relative; text-transform: uppercase; margin-left: 17px; }

.lang-si .single-product .product-img .product-action .product-btn { display: flex; align-items: center; line-height: initial; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-product .product-img .product-action .product-btn { margin-left: 10px; } }

@media only screen and (max-width: 767px) { .single-product .product-img .product-action .product-btn { margin-left: 8px; } }

.single-product .product-img .product-action .product-btn::before { content: "+"; padding-right: 8px; font-size: 24px; vertical-align: sub; font-weight: 300; line-height: 0; }

.single-product .product-img .product-action .product-btn:hover { color: #cea679; }

.single-product .product-img .product-action ul { margin: 0 12px 0 37px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-product .product-img .product-action ul { margin: 0 7px 0 5px; } }

@media only screen and (max-width: 767px) { .single-product .product-img .product-action ul { margin: 0 12px 0 30px; } }

.single-product .product-img .product-action ul li { padding-right: 17px; }

.single-product .product-img .product-action ul li a { font-size: 18px; color: #ffffff; line-height: 45px; }

.single-product .product-img .product-action ul li a:hover { color: #cea679; }

.single-product .product-img .product-action ul li:last-child { padding-right: 0; }

.single-product:hover .product-img .product-action { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.single-product .product-content { text-align: center; }

.single-product .product-content h3 { font-size: 16px; font-weight: 600; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 10px 0; line-height: 1; text-transform: uppercase; }

.single-product .product-content .ratting { margin: 5px 0; }

.single-product .product-content .ratting i { color: #cea679; letter-spacing: -2px; line-height: 1; }

.single-product .product-content .price .new { font-size: 14px; color: #cea679; margin-right: 5px; font-weight: normal; text-decoration: underline; }

.single-product .product-content .price .old { font-size: 14px; color: #333333; font-weight: normal; }

/* List Product CSS */
.product-content-shop-list { text-align: left; }

.product-content-shop-list h3 { font-size: 16px; font-weight: 600; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 10px 0; line-height: 1; text-transform: uppercase; }

.product-content-shop-list .ratting { margin: 5px 0; }

.product-content-shop-list .ratting i { color: #cea679; letter-spacing: -2px; line-height: 1; }

.product-content-shop-list .price .new { font-size: 14px; color: #cea679; margin-right: 5px; font-weight: normal; text-decoration: underline; }

.product-content-shop-list .price .old { font-size: 14px; color: #767676; font-weight: normal; }

.product-content-shop-list p { color: #333333; margin: 0; line-height: 24px; padding: 15px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-content-shop-list p { padding-top: 0; } }

.product-content-shop-list .product-action { background-color: #333333; width: 255px; }

.product-content-shop-list .product-action .product-btn { font-size: 12px; font-weight: 600; line-height: 45px; color: #ffffff; text-align: center; position: relative; text-transform: uppercase; margin-left: 17px; }

.product-content-shop-list .product-action .product-btn::before { content: "+"; padding-right: 8px; font-size: 24px; vertical-align: sub; font-weight: 300; line-height: 0; }

.product-content-shop-list .product-action .product-btn:hover { color: #cea679; }

.product-content-shop-list .product-action ul { margin: 0 12px 0 37px; }

.product-content-shop-list .product-action ul li { padding-right: 17px; }

.product-content-shop-list .product-action ul li a { font-size: 18px; color: #ffffff; line-height: 45px; }

.product-content-shop-list .product-action ul li a:hover { color: #cea679; }

.product-content-shop-list .product-action ul li:last-child { padding-right: 0; }

/* Single List Product CSS */
.single-list-product { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

.single-list-product .product-image { max-width: 100px; -webkit-box-flex: 1; -ms-flex: 1 0 100px; flex: 1 0 100px; }

@media only screen and (max-width: 767px) { .single-list-product .product-image { max-width: 80px; -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; } }

.single-list-product .product-content { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 100px); flex: 1 0 calc(100% - 100px); padding-left: 15px; padding-top: 18px; }

@media only screen and (max-width: 767px) { .single-list-product .product-content { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 80px); flex: 1 0 calc(100% - 80px); } }

.single-list-product .product-content h3 { font-size: 16px; font-weight: 600; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 10px 0; line-height: 1; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .single-list-product .product-content h3 { font-size: 13px; } }

.single-list-product .product-content .price .new { font-size: 14px; color: #cea679; margin-right: 5px; font-weight: normal; text-decoration: underline; }

.single-list-product .product-content .price .old { font-size: 14px; color: #767676; font-weight: normal; }

.big-product { padding-bottom: 75px; border-bottom: 1px solid #e5e5e5; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .big-product { padding-bottom: 40px; } }

@media only screen and (max-width: 767px) { .big-product { padding-bottom: 30px; } }

/* -- Deal Product CSS --*/
.deal-product-content { text-align: center; border: 20px solid #f2f2f2; }

@media only screen and (max-width: 767px) { .deal-product-content { border: 5px solid #f2f2f2; } }

.deal-product-content h3 { font-size: 24px; font-weight: 600; text-transform: uppercase; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 10px 0; line-height: 1; padding: 107px 0 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .deal-product-content h3 { padding: 60px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-content h3 { padding: 20px 0 0; } }

@media only screen and (max-width: 767px) { .deal-product-content h3 { padding: 20px 0 0; font-size: 18px; } }

.deal-product-content .ratting i { color: #cea679; letter-spacing: -2px; }

.deal-product-content .price .new { font-size: 18px; color: #cea679; margin-right: 7px; font-weight: normal; text-decoration: underline; }

.deal-product-content .price .old { font-size: 16px; color: #767676; font-weight: normal; }

.deal-product-content p { padding: 45px 60px; color: #333333; line-height: 25px; margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .deal-product-content p { padding: 20px 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-content p { padding: 15px 30px; } }

@media only screen and (max-width: 767px) { .deal-product-content p { padding: 15px 15px; } }

.deal-product-content .actoion-box { padding: 45px 0 90px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .deal-product-content .actoion-box { padding: 35px 0 90px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .deal-product-content .actoion-box { padding: 35px 0 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-content .actoion-box { padding: 5px 0 30px; } }

@media only screen and (max-width: 767px) { .deal-product-content .actoion-box { padding: 5px 0 20px; } }

.deal-product-content .actoion-box .product-action { background-color: #333333; width: 255px; margin: 0 auto; }

.deal-product-content .actoion-box .product-action .product-btn { font-size: 12px; font-weight: 600; line-height: 45px; color: #ffffff; text-align: center; position: relative; text-transform: uppercase; margin-left: 17px; }

.deal-product-content .actoion-box .product-action .product-btn::before { content: "+"; padding-right: 8px; font-size: 24px; vertical-align: sub; font-weight: 300; line-height: 0; }

.deal-product-content .actoion-box .product-action .product-btn:hover { color: #cea679; }

.deal-product-content .actoion-box .product-action ul { margin: 0 12px 0 37px; }

.deal-product-content .actoion-box .product-action ul li { padding-right: 17px; }

.deal-product-content .actoion-box .product-action ul li a { font-size: 18px; color: #ffffff; line-height: 45px; }

.deal-product-content .actoion-box .product-action ul li a:hover { color: #cea679; }

.deal-product-content .actoion-box .product-action ul li:last-child { padding-right: 0; }

.deal-product-title { text-align: center; }

.deal-product-title h2 { display: inline-block; color: #333333; margin: 0; font-weight: 600; text-transform: uppercase; }

.deal-product-title h2 span { font-size: 60px; font-weight: 300; display: inline-block; color: #cea679; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-title h2 span { font-size: 50px; } }

@media only screen and (max-width: 767px) { .deal-product-title h2 span { font-size: 40px; } }

.deal-product-title h2 span:last-child { font-weight: 700; color: #333333; padding-left: 20px; }

.deal-product-title p { padding: 30px 0 40px; font-size: 16px; color: #333333; line-height: 25px; margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .deal-product-title p { padding: 20px 0 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-title p { padding: 20px 0 40px; } }

@media only screen and (max-width: 767px) { .deal-product-title p { padding: 20px 0 20px; } }

.deal-product-title a { font-size: 18px; font-weight: 600; color: #333333; text-decoration: underline; margin: 40px 0; display: block; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .deal-product-title a { margin: 20px 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .deal-product-title a { margin: 20px 0; } }

@media only screen and (max-width: 767px) { .deal-product-title a { margin: 20px 0; } }

.deal-product-title a:hover { color: #cea679; }

/*-- Product Countdown CSS --*/
.cs-countdown { margin-bottom: 40px; text-align: center; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cs-countdown { margin-bottom: 20px; } }

@media only screen and (max-width: 767px) { .cs-countdown { margin-bottom: 20px; } }

.cs-countdown.black-color .countdown-wrap > div + div::before { color: #333333; font-weight: 700; }

@media only screen and (max-width: 767px) { .cs-countdown.black-color .countdown-wrap > div + div::before { left: -20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .cs-countdown.black-color .countdown-wrap > div + div::before { left: -15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cs-countdown.black-color .countdown-wrap > div + div::before { left: -9px; } }

@media only screen and (max-width: 767px) { .cs-countdown.black-color .countdown-wrap > div + div::before { left: -9px; } }

.cs-countdown.black-color .number { font-size: 34px; color: #333333; font-weight: 600; width: 90px; height: 90px; line-height: 90px; border: 2px solid #cea679; border-radius: 50%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .cs-countdown.black-color .number { font-size: 24px; line-height: 70px; height: 70px; width: 70px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cs-countdown.black-color .number { font-size: 20px; line-height: 60px; height: 60px; width: 60px; } }

@media only screen and (max-width: 767px) { .cs-countdown.black-color .number { font-size: 16px; line-height: 50px; height: 50px; width: 50px; } }

.cs-countdown.black-color .text { display: block; font-size: 18px; line-height: 28px; color: #333333; text-transform: capitalize; font-weight: 400; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .cs-countdown.black-color .text { font-size: 16px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cs-countdown.black-color .text { font-size: 16px; } }

@media only screen and (max-width: 767px) { .cs-countdown.black-color .text { font-size: 14px; } }

.cs-countdown .countdown-wrap > div { display: inline-block; text-align: center; }

.cs-countdown .countdown-wrap > div + div { margin-left: 30px; position: relative; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .cs-countdown .countdown-wrap > div + div { margin-left: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cs-countdown .countdown-wrap > div + div { margin-left: 10px; } }

@media only screen and (max-width: 767px) { .cs-countdown .countdown-wrap > div + div { margin-left: 10px; } }

.cs-countdown .countdown-wrap > div + div::before { content: ":"; font-size: 30px; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -20px; color: #ffffff; }

@media only screen and (max-width: 767px) { .cs-countdown .countdown-wrap > div + div::before { left: -20px; } }

.cs-countdown .number { font-size: 34px; line-height: 34px; color: #cea679; display: block; }

@media only screen and (max-width: 767px) { .cs-countdown .number { font-size: 24px; line-height: 1; } }

.cs-countdown .text { display: block; font-size: 16px; line-height: 30px; text-transform: capitalize; }

.cs-countdown.font-sm .number { font-size: 28px; display: block; }

@media only screen and (max-width: 767px) { .cs-countdown.font-sm .number { font-size: 20px; font-weight: 500; } }

/*countdown css*/
.count-down-box { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.7); padding: 12px 20px; }

.count-down-box .single-count { display: inline-block; vertical-align: middle; margin-right: 25px; font-size: 14px; color: #ffffff; text-transform: capitalize; }

.count-down-box .single-count > span { color: #ffffff; display: inline-block; font-size: 20px; font-weight: normal; position: relative; }

.count-down-box .single-count > span:before { content: ':'; display: block; position: absolute; right: -25px; top: -1px; }

.count-down-box .single-count:last-child { margin-right: 0; }

.count-down-box .single-count:last-child span::before { display: none; }

/* Shop Toolbar CSS */
.shop-topbar-wrapper { position: relative; padding: 0 0 10px; margin: 0 0 40px; border-bottom: 1px solid #e5e5e5; }

@media only screen and (max-width: 767px) { .grid-list-option ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } }

.grid-list-option ul li a { width: 30px; height: 30px; font-size: 14px; display: block; text-align: center; line-height: 30px; color: #999999; background-color: #eeeeee; }

.grid-list-option ul li a.active, .grid-list-option ul li a:hover { color: #ffffff; background-color: #cea679; }

.toolbar-shorter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; }

@media only screen and (max-width: 767px) { .toolbar-shorter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-bottom: 10px; } }

.toolbar-shorter:last-child { margin-right: 0; }

.toolbar-shorter label { display: block; margin-bottom: 0; margin-right: 15px; font-size: 14px; color: #4e4e4e; text-transform: uppercase; }

.nice-select.wide { width: 200px; }

@media only screen and (max-width: 767px) { .nice-select.wide { width: 180px; } }

.nice-select.small { height: 42px; line-height: 40px; font-size: 14px; margin-right: 10px; }

/*-- Product Details --*/
.slider-lg-image-1 .lg-image { position: relative; }

.slider-lg-image-1 .lg-image > a { width: 100%; }

.slider-lg-image-1 .lg-image img { width: 100%; }

.slider-thumbs-1 { margin-top: 15px; overflow: hidden; }

.slider-thumbs-1 .slick-list { margin: 0 -5px; }

.slider-thumbs-1 .slick-list .slick-slide { padding: 0 5px; }

.slider-thumbs-1 .slick-list .slick-slide > img { border: 2px solid transparent; }

@media only screen and (max-width: 767px) { .slider-thumbs-1 .slick-list .slick-slide > img { border: 1px solid transparent; } }

.slider-thumbs-1 .slick-active.slick-current > img { border-color: #333333; }

.product-details-thumbs .sm-image { cursor: pointer; }

.product-large-thumb { position: relative; overflow: hidden; }

a.popup-img { position: absolute; bottom: 0; right: 0; width: 50px !important; height: 50px; line-height: 50px; text-align: center; background: #373737; color: #fff; border-radius: 4px; z-index: 9; }

.product-large-thumb a.popup-img:hover { background-color: #cea679; color: #fff; }

.product-details-content { position: relative; }

@media only screen and (max-width: 767px) { .product-details-content { margin-top: 30px; } }

.product-nav { position: absolute; top: 0; right: 0; }

.product-nav > a { display: inline-block; width: 30px; height: 30px; border: 1px solid #d1d1d1; line-height: 28px; text-align: center; border-radius: 3px; color: #d1d1d1; position: relative; margin-right: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-nav > a:hover { background: #cea679; border-color: #cea679; color: #fff; }

.product-details-content h2 { color: #333333; font-size: 24px; font-weight: 600; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .product-details-content h2 { font-size: 20px; } }

@media only screen and (max-width: 479px) { .product-details-content h2 { text-align: left; } }

.single-product-reviews { color: #202020; font-size: 15px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

.review-link { font-size: 14px; color: #333333; margin-left: 10px; line-height: 30px; display: inline-block; }

.review-link:hover { color: #cea679; }

.single-product-price { color: #333333; font-size: 24px; font-weight: 400; margin-bottom: 20px; }

.single-product-price .price.new-price { color: #cea679; margin-right: 8px; }

.single-product-price .regular-price { text-decoration: line-through; }

.product-description { margin-bottom: 20px; }

.product-description p { line-height: 25px; color: #333333; /*margin-bottom: 30px;*/ }

.single-product-quantity { margin-bottom: 35px; }

.single-product-quantity .product-quantity { background: #fff; border: 1px solid #ededed; float: left; margin-right: 15px; padding: 0 10px; border-radius: 0; }

.single-product-quantity .product-quantity input { background: none; border: none; color: #333333; font-size: 20px; font-weight: 400; height: 55px; line-height: 53px; padding: 0; width: 85px; text-align: center; }

.product-add-btn { background: #333333; border: none; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; cursor: pointer; height: 55px; letter-spacing: 0; line-height: 55px; margin: 0; padding: 0 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-add-btn:focus { color: #fff; }

@media only screen and (max-width: 767px) { .product-add-btn { padding: 0 25px; } }

.product-add-btn:hover { background: #cea679; color: #fff; }

.wishlist-compare-btn { margin-bottom: 35px; }

@media only screen and (max-width: 767px) { .wishlist-compare-btn { margin-bottom: 20px; } }

@media only screen and (max-width: 575px) { .wishlist-compare-btn { text-align: left; } }

.wishlist-compare-btn a { background: none; border: 1px solid #ededed; color: #333333; display: inline-block; font-size: 14px; font-weight: normal; height: 45px; line-height: 43px; text-align: center; width: 170px; border-radius: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .wishlist-compare-btn a { width: 160px; } }

.wishlist-compare-btn a.wishlist-btn { margin-right: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .wishlist-compare-btn a.wishlist-btn { margin-right: 0; } }

@media only screen and (max-width: 767px) { .wishlist-compare-btn a.wishlist-btn { margin-right: 0; margin-bottom: 15px; } }

.wishlist-compare-btn a.add-compare { border-radius: 5px; }

.wishlist-compare-btn a.wishlist-btn:before { content: '\f08a'; display: inline-block; font-family: FontAwesome; font-size: 16px; margin-right: 5px; vertical-align: top; }

.wishlist-compare-btn a:hover { background: #cea679; border-color: #cea679; color: #fff; }

.wishlist-compare-btn a:hover:before { -webkit-animation: crFlipX 2s ease-in-out infinite both; animation: crFlipX 2s ease-in-out infinite both; }

.product-meta { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; padding: 15px 0; width: 100%; }

.product-meta .posted-in { color: #333333; font-size: 14px; font-weight: 700; margin-right: 10px; text-transform: uppercase; }

.product-meta .posted-in > a { color: #333333; font-weight: 400; text-transform: none; }

.product-meta .posted-in > a:hover { color: #cea679; }

.single-product-sharing { margin-bottom: 0; padding: 15px 0; width: 100%; }

.single-product-sharing > h3 { color: #333333; display: inline-block; font-size: 14px; font-weight: 700; margin-right: 15px; text-transform: uppercase; }

.single-product-sharing ul { display: inline-block; margin-bottom: 10px; }

.single-product-sharing ul > li { display: inline-block; list-style: none; margin-bottom: 0; margin-right: 15px; position: relative; }

.single-product-sharing ul li a { color: #555555; display: block; font-size: 16px; text-align: center; text-transform: uppercase; }

.single-product-sharing ul li a:hover { color: #cea679; }

/*Single Product variable css*/
.product-variants { display: -webkit-box; display: -ms-flexbox; display: flex; }

.product-variants > .product-variants-item { margin: 20px 0; display: block; margin-top: 0; }

.product-variants > .product-variants-item:last-child { margin-left: 30px; }

.product-variants-item span.control-label { margin-bottom: 6px; margin-bottom: 5px; display: block; width: 100%; text-transform: capitalize; }

.product-variants .product-variants-item select { border: 1px solid #ebebeb; height: 40px; width: 60px; background: #fff; border: 1px solid #ebebeb; height: 40px; width: 60px; background: #fff; }

.procuct-color > li { display: inline-block; list-style: none; margin-left: 5px; }

.procuct-color > li:nth-child(2) > a > span.color { background: #00EEB3; }

.procuct-color > li > a > span.color { background: #ffa07a; height: 20px; width: 20px; display: inline-block; margin-right: 10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.procuct-color > li.active > a > span.color, .procuct-color > li:hover > a > span.color { outline: 1px solid #D6B98C; outline-offset: 1px; }

/*single product group css*/
@media only screen and (max-width: 575px) { .group-cart-table { margin-bottom: 20px; } }

.group-cart-table .table td { text-align: center; vertical-align: middle; }

@media only screen and (max-width: 575px) { .group-cart-table .table td { min-width: 180px; } }

.group-cart-table .quantity-field label { margin-right: 5px; }

.group-cart-table .quantity-field input { width: 50px; text-align: center; border: 1px solid #ddd; height: 45px; }

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 { padding: 40px 0px; }

.product-details-images-2 { float: right; width: calc(100% - 110px); padding-left: 10px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-images-2 { width: calc(100% - 80px); } }

@media only screen and (max-width: 767px) { .product-details-images-2 { width: calc(100% - 80px); } }

.product-details-thumbs-2 { float: left; width: 110px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-thumbs-2 { width: 80px; } }

@media only screen and (max-width: 767px) { .product-details-thumbs-2 { width: 80px; } }

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 { float: left; width: calc(100% - 110px); padding-right: 10px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-images-2.tabstyle-3 { width: calc(100% - 80px); } }

@media only screen and (max-width: 767px) { .product-details-images-2.tabstyle-3 { width: calc(100% - 80px); } }

.product-details-thumbs-2.tabstyle-3 { float: right; width: 110px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-thumbs-2.tabstyle-3 { width: 80px; } }

@media only screen and (max-width: 767px) { .product-details-thumbs-2.tabstyle-3 { width: 80px; } }

/*Single Product gallery Style CSS*/
.lg-image.col-50 { float: left; width: 50%; padding: 5px; }

.lg-image.col-50 a.popup-img { bottom: 5px; right: 5px; }

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky { margin-bottom: 20px; }

.lg-image.sidebar-sticky:last-child { margin-bottom: 0; }

/*Single Product slider box Style CSS*/
.slider-box { margin-bottom: 50px; }

@media only screen and (max-width: 767px) { .slider-box { margin-bottom: 0; } }

.slider-box .slick-list { margin: 0 -10px; }

.slider-box .slick-list .slick-slide { padding: 0 10px; }

.slider-box-content .product-description p { max-width: 80%; margin: auto; margin-bottom: 15px; }

.slider-box-content .product-quantity { float: none; display: inline-block; }

.slider-box-content .add-to-link { display: inline-block; }

/*-- Product Details Tab List --*/
.dec-and-review-menu > li { list-style: none; position: relative; z-index: 9; display: inline-block; margin-right: 8px; }

@media only screen and (max-width: 575px) { .dec-and-review-menu > li { margin-bottom: 10px; margin-right: 0; text-align: center; display: block; width: 100%; } }

.dec-and-review-menu > li:last-child { margin-right: 0; }

.dec-and-review-menu > li > a { height: auto; line-height: 50px; padding: 0 40px; border: 0; display: block; font-size: 16px; text-decoration: none; text-transform: uppercase; background: #f0f0f0; font-weight: 600; color: #333333; }

.dec-and-review-menu > li > a.active, .dec-and-review-menu > li > a:hover { background-color: #cea679; color: #ffffff; }

/*-- Product Details Tab Content --*/
.product-review-content-tab { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 48px 0 45px; float: left; font-size: 14px; line-height: 26px; margin-top: 25px; width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product-review-content-tab { padding: 25px 0 25px; margin-top: 20px; } }

@media only screen and (max-width: 767px) { .product-review-content-tab { padding: 20px 0 20px; margin-top: 15px; } }

.single-product-description p { line-height: 22px; color: #333333; }

.review-page-comment h2 { font-size: 16px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }

.review-page-comment > ul { margin: 0 0 25px; }

.review-page-comment > ul > li { margin: 0 0 20px; position: relative; list-style: none; }

.product-comment img { width: 60px; float: left; }

.product-comment-content { border: 1px solid #ededed; border-radius: 3px; /*margin-left: 80px;*/ position: relative; padding: 15px 15px 0; }

/*.product-comment-content:before { background: #fff; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; content: ''; display: block; height: 10px; left: -6px; position: absolute; top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }*/
.meta > strong { font-size: 17px; text-transform: uppercase; line-height: 31px; color: #777; }

.meta > span { font-size: 17px; color: #777; font-weight: 400; line-height: 31px; }

.description p { font-size: 16px; color: #333333; line-height: 28px; }

.comment-notes { margin: 0; }

.rating i.fa:not(:last-child) { color: #F9BA48; }

.comment-form-comment { margin-bottom: 10px; }

.comment-form-comment textarea { border: 1px solid #ededed; border-radius: 0; height: 125px; padding: 10px; width: 100%; background: #f5f5f5; }

.review-comment-form-author, .review-comment-form-email { margin-bottom: 10px; }

.review-comment-form-author input, .review-comment-form-email input { background: #f5f5f5; border: none; border-radius: 0; height: 38px; line-height: 38px; max-width: 100%; width: 300px; display: block; padding: 0 0 0 10px; vertical-align: middle; }

.review-comment-form-author input:focus, .review-comment-form-email input:focus, .comment-form-comment textarea:focus { outline: auto; outline-color: #cea679; }

.form-button { border: none !important; height: 42px !important; line-height: 40px !important; background: #cea679; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; height: 38px; letter-spacing: .1em; line-height: 38px; overflow: hidden; padding: 0 30px; text-shadow: none; text-transform: uppercase; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; border-radius: 5px; cursor: pointer; }

.form-button:hover { background: #222; color: #fff; }

/*----------------------------------------*/
/*  08. Cta CSS
/*----------------------------------------*/
.cta-content, .cta-content-area { text-align: center; }

.cta-content h3, .cta-content-area h3 { font-size: 34px; color: #ffffff; font-weight: 400; text-transform: uppercase; margin-bottom: 0; }

@media only screen and (max-width: 767px) { .cta-content h3, .cta-content-area h3 { font-size: 24px; } }

.cta-content h3 span, .cta-content-area h3 span { color: #cea679; font-weight: 700; }

.cta-content p, .cta-content-area p { padding: 22px 0 38px; color: #ffffff; line-height: 24px; margin-bottom: 0; }

@media only screen and (max-width: 767px) { .cta-content p, .cta-content-area p { padding: 20px 0 30px; } }

.cta-content p span, .cta-content-area p span { display: block; }

.cta-content-area { border: 20px solid #e5e5e5; padding: 90px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cta-content-area { padding: 70px 0; } }

@media only screen and (max-width: 767px) { .cta-content-area { padding: 50px 15px; border: 5px solid #e5e5e5; } }

.cta-content-area h3 { color: #333333; }

.cta-content-area p { color: #333333; }

.cta-content-area .cta-form input { border: 1px solid #525252; color: #333333; }

.cta-content-area .cta-form input::-webkit-input-placeholder { color: #333333; }

.cta-content-area .cta-form input:-ms-input-placeholder { color: #333333; }

.cta-content-area .cta-form input::-ms-input-placeholder { color: #333333; }

.cta-content-area .cta-form input::placeholder { color: #333333; }

@media only screen and (max-width: 767px) { .cta-content-area .cta-form input { height: 50px; } }

.cta-content-area .cta-form button { background-color: #333333; color: #ffffff; }

.cta-section-area { text-align: center; padding: 55px 0 0; border: 20px solid #e5e5e5; }

@media only screen and (max-width: 767px) { .cta-section-area { border: 5px solid #e5e5e5; } }

.cta-section-area h3 { font-size: 24px; color: #333333; font-weight: 900; text-transform: uppercase; }

.cta-section-area p { padding: 22px 0 38px; font-size: 14px; color: #333333; line-height: 24px; margin-bottom: 0; }

.cta-section-area p span { display: block; }

.cta-section-area .cta-form { width: 100%; padding: 0 50px; }

@media only screen and (max-width: 767px) { .cta-section-area .cta-form { padding: 0 15px; } }

.cta-section-area .cta-form form input { border: 1px solid #e5e5e5; padding: 0 10px; height: 50px; color: #333333; text-align: center; }

.cta-section-area .cta-form form button { position: static; background-color: #333333; color: #ffffff; line-height: 35px; margin: 35px 0 40px; }

@media only screen and (max-width: 767px) { .cta-section-area .cta-form form button { margin: 20px 0 40px; } }

/*--  Cta Form CSS --*/
.cta-form { width: 80%; display: inline-block; vertical-align: middle; position: relative; }

@media only screen and (max-width: 767px) { .cta-form { width: 100%; } }

.cta-form form { position: relative; }

.cta-form form input { background: transparent; color: #fefefe; display: block; padding: 0 330px 0 10px; font-size: 15px; line-height: 65px; border: 1px solid #ffffff; width: 100%; }

.cta-form form input::-webkit-input-placeholder { color: #fefefe; }

.cta-form form input:-ms-input-placeholder { color: #fefefe; }

.cta-form form input::-ms-input-placeholder { color: #fefefe; }

.cta-form form input::placeholder { color: #fefefe; }

@media only screen and (max-width: 767px) { .cta-form form input { padding: 0 10px; } }

.cta-form form button { position: absolute; top: 0; right: 0; background: #fff; color: #222222; font-weight: 900; font-size: 14px; padding: 7px 50px; margin: 12px 12px 12px 0; border: 0; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .cta-form form button { position: static; } }

/*----------------------------------------*/
/*  09. Categorie CSS
/*----------------------------------------*/
/* Categorie Product CSS */
.single-categorie { text-align: center; overflow: hidden; position: relative; }

.single-categorie .categorie-image { position: relative; overflow: hidden; }

.single-categorie .categorie-image::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; right: 0; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.single-categorie .categorie-image img { width: 100%; }

.single-categorie .categorie-content { position: absolute; top: 33%; left: 0; right: 0; opacity: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-categorie .categorie-content { top: 16%; } }

@media only screen and (max-width: 479px) { .single-categorie .categorie-content { top: 16%; } }

.single-categorie .categorie-content h3 { font-size: 16px; font-weight: bold; color: #ffffff; text-transform: uppercase; display: inline-block; width: 100%; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-categorie .categorie-content h3 { font-size: 14px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-categorie .categorie-content h3 { font-size: 13px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-categorie .categorie-content h3 { font-size: 13px; } }

@media only screen and (max-width: 479px) { .single-categorie .categorie-content h3 { font-size: 13px; } }

.single-categorie .categorie-content a { color: #ffffff; font-size: 12px; font-weight: bold; padding: 8px 10px; letter-spacing: 1px; min-width: 127px; border: 1px solid #ffffff; text-transform: uppercase; display: inline-block; margin: 24px 0 14px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-categorie .categorie-content a { margin: 10px 0 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-categorie .categorie-content a { margin: 8px 0 8px; padding: 3px 8px; min-width: 90px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-categorie .categorie-content a { margin: 8px 0 8px; padding: 3px 8px; min-width: 90px; } }

@media only screen and (max-width: 479px) { .single-categorie .categorie-content a { margin: 8px 0 8px; padding: 3px 8px; min-width: 90px; } }

.single-categorie .categorie-content a:hover { color: #cea679; border-color: #cea679; }

.single-categorie .categorie-content h1 { margin: 0; font-size: 60px; font-weight: 400; font-family: 'Yesteryear', cursive; color: #cea679; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-categorie .categorie-content h1 { font-size: 40px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-categorie .categorie-content h1 { font-size: 36px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .single-categorie .categorie-content h1 { font-size: 32px; } }

@media only screen and (max-width: 479px) { .single-categorie .categorie-content h1 { font-size: 32px; } }

.single-categorie:hover .categorie-image::after { background: rgba(0, 0, 0, 0.2); }

.single-categorie:hover .categorie-content { opacity: 1; }

.single-categorie:hover .categorie-content h3 { -webkit-animation: fadeInDown 1s ease-in-out; animation: fadeInDown 1s ease-in-out; }

.single-categorie:hover .categorie-content a { -webkit-animation: zoomIn 1s ease-in-out; animation: zoomIn 1s ease-in-out; }

.single-categorie:hover .categorie-content h1 { -webkit-animation: fadeInLeft 1s ease-in-out; animation: fadeInLeft 1s ease-in-out; }

/*---------------------------------------
    10. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table { border-bottom: 2px solid #333333; margin: 0; }

@media only screen and (max-width: 767px) { .cart-table .table { border-top: 2px solid #333333; } }

.cart-table .table thead { background-color: #333333; }

@media only screen and (max-width: 767px) { .cart-table .table thead { display: none; } }

.cart-table .table thead tr th { text-align: center; border: none; font-size: 16px; font-weight: 600; color: #ffffff; padding: 12px 20px; }

.cart-table .table tbody tr td { text-align: center; border: none; padding: 25px 20px; vertical-align: middle; border-bottom: 1px solid #dddddd; }

@media only screen and (max-width: 767px) { .cart-table .table tbody tr td { display: block; width: 100%; max-width: none; padding: 15px; text-align: left; } }

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail { max-width: 120px; min-width: 100px; width: 120px; }

@media only screen and (max-width: 767px) { .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a { width: 120px; } }

.cart-table th.pro-title, .cart-table td.pro-title { min-width: 200px; }

.cart-table td.pro-thumbnail a { display: block; border: 1px solid #eeeeee; }

.cart-table td.pro-thumbnail a img { width: 100%; background-color: #f6f7f8; }

.cart-table td.pro-title a { font-size: 16px; font-weight: 600; color: #333333; }

.cart-table td.pro-title a:hover { color: #cea679; }

.cart-table td.pro-price span { display: block; font-size: 15px; font-weight: 600; color: #333333; }

.cart-table td.pro-quantity .pro-qty { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; border: 1px solid #eeeeee; }

.cart-table td.pro-quantity .pro-qty .qtybtn { height: 42px; padding: 0 10px; border: none; background-color: transparent; }

.cart-table td.pro-quantity .pro-qty input { height: 42px; width: 50px; text-align: center; border-width: 0 1px; border-style: solid; border-color: #eeeeee; color: #333333; }

.cart-table td.pro-subtotal span { display: block; font-size: 15px; font-weight: 600; color: #333333; }

.cart-table td.pro-addtocart button { width: 140px; border-radius: 50px; height: 44px; border: 1px solid #cea679; line-height: 24px; padding: 5px 20px; font-weight: 700; text-transform: capitalize; color: #ffffff; background-color: #cea679; }

.cart-table td.pro-addtocart button:hover { background-color: #333333; border-color: #333333; color: #ffffff; }

.cart-table td.pro-stock span.in-stock { font-size: 14px; text-transform: capitalize; color: #30b878; }

.cart-table td.pro-stock span.out-stock { color: #EB3E32; }

.cart-table td.pro-remove a { display: block; font-weight: 600; color: #333333; }

.cart-table td.pro-remove a i { font-size: 15px; }

.cart-table td.pro-remove a:hover { color: #ff0000; }

@media only screen and (max-width: 767px) { .cart-table td.pro-remove a { width: 60px; text-align: center; } }

/*-- Calculate Shipping --*/
.calculate-shipping { margin-bottom: 23px; }

.calculate-shipping h4 { font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; }

.calculate-shipping form .nice-select { width: 100%; border-radius: 0; height: 55px; border: 1px solid #999999; line-height: 40px; padding: 9px 20px; color: #333333; background-color: transparent; }

.calculate-shipping form input { width: 100%; height: 55px; border: 1px solid #999999; line-height: 24px; padding: 9px 20px; color: #333333; color: #333333; background-color: transparent; }

.calculate-shipping form input[type="submit"] { font-weight: 700; color: #333333; background-color: #cea679; border-color: #cea679; width: 140px; }

.calculate-shipping form input[type="submit"]:hover { background-color: #333333; border-color: #333333; color: #cea679; }

/*-- Discount Coupon --*/
.discount-coupon h4 { font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; }

/*.discount-coupon form input { width: 100%; height: 55px; border: 1px solid #999999; line-height: 24px; padding: 9px 20px; color: #333333; background-color: transparent; } .discount-coupon form input[type="submit"] { font-weight: 700; color: #333333; background-color: #cea679; border-color: #cea679; width: 140px; } .discount-coupon form input[type="submit"]:hover { background-color: #333333; border-color: #333333; color: #cea679; }*/
/*-- Cart Summary --*/
.cart-summary { float: right; max-width: 410px; width: 100%; margin-left: auto; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cart-summary { margin-left: 0; max-width: 100%; } }

@media only screen and (max-width: 767px) { .cart-summary { margin-left: 0; max-width: 100%; } }

.cart-summary .cart-summary-wrap { background-color: #333333; padding: 45px 50px; margin-bottom: 20px; }

@media only screen and (max-width: 575px) { .cart-summary .cart-summary-wrap { padding: 25px 30px; } }

.cart-summary .cart-summary-wrap h4 { font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; color: #cea679; }

.cart-summary .cart-summary-wrap p { font-weight: 600; line-height: 23px; color: #ffffff; }

.cart-summary .cart-summary-wrap p span { float: right; }

.cart-summary .cart-summary-wrap h2 { border-top: 1px solid #ffffff; padding-top: 9px; font-size: 18px; line-height: 23px; font-weight: 700; color: #cea679; margin: 0; }

.cart-summary .cart-summary-wrap h2 span { float: right; }

.cart-summary .cart-summary-button { overflow: hidden; width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cart-summary .cart-summary-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media only screen and (max-width: 767px) { .cart-summary .cart-summary-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.cart-summary .cart-summary-button .btn { margin-top: 10px; width: 140px; border-radius: 0; height: 44px; border: 1px solid #999999; line-height: 24px; padding: 9px 20px; color: #333333; background-color: transparent; margin-left: 20px; font-weight: 700; float: right; }

.cart-summary .cart-summary-button .btn:last-child { margin-left: 0; }

.cart-summary .cart-summary-button .btn.checkout-btn { color: #333333; background-color: #cea679; border-color: #cea679; }

.cart-summary .cart-summary-button .btn:hover { background-color: #333333; border-color: #333333; color: #cea679; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .cart-summary .cart-summary-button .btn { margin-left: 0; margin-right: 20px; }
  .cart-summary .cart-summary-button .btn:last-child { margin-right: 0; } }

@media only screen and (max-width: 767px) { .cart-summary .cart-summary-button .btn { margin-left: 0; margin-right: 10px; }
  .cart-summary .cart-summary-button .btn:last-child { margin-right: 0; } }

@media only screen and (max-width: 575px) { .cart-summary .cart-summary-button .btn { width: 130px; } }

/*---------------------------------------
    11. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title { font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; }

/*-- Checkout Form --*/
.checkout-form label { display: block; font-size: 14px; margin-bottom: 12px; font-weight: 600; text-transform: capitalize; }

.checkout-form .nice-select { width: 100%; background-color: transparent; border: 1px solid #999999; border-radius: 0; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #333333; margin-bottom: 15px; }

.checkout-form input { width: 100%; background-color: transparent; border: 1px solid #999999; border-radius: 0; line-height: 23px; padding: 10px 20px; font-size: 14px; color: #333333; margin-bottom: 15px; }

.checkout-form input[type="checkbox"] { width: auto; }

.checkout-form .check-box { float: left; margin-right: 70px; }

.checkout-form .iti--separate-dial-code { margin-bottom: 15px; width: 100%; }

#input-mobile_no { padding-left: 95px !important; }

@media only screen and (max-width: 479px) { .checkout-form .check-box { margin-right: 0; margin-bottom: 10px; } }

.checkout-form .check-box:last-child { margin-right: 0; }

.checkout-form .check-box input[type="radio"] { display: none; }

.checkout-form .check-box input[type="radio"] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #333333; margin: 0; }

.checkout-form .check-box input[type="radio"] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.checkout-form .check-box input[type="radio"] + label::after { position: absolute; left: 0; top: 0; display: block; content: "\f00c"; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #333333; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.checkout-form .check-box input[type="radio"]:checked + label::before { border: 2px solid #333333; }

.checkout-form .check-box input[type="radio"]:checked + label::after { opacity: 1; }

/*-- Shipping Form --*/
#shipping-form { display: none; }

/*-- Checkout Cart Total --*/
.checkout-cart-total { background-color: #333333; padding: 45px; }

@media only screen and (max-width: 575px) { .checkout-cart-total { padding: 30px; } }

.checkout-cart-total h4 { -ms-flex-preferred-size: 18px; flex-basis: 18px; line-height: 23px; font-weight: 700; color: #cea679; }

.checkout-cart-total h4:first-child { margin-top: 0; margin-bottom: 25px; }

.checkout-cart-total h4:last-child { margin-top: 15px; margin-bottom: 0; }

.checkout-cart-total h4 span { float: right; display: block; }

.checkout-cart-total ul { border-bottom: 1px solid #ffffff; }

.checkout-cart-total ul li { color: #ffffff; font-size: 14px; line-height: 23px; font-weight: 600; display: block; margin-bottom: 16px; }

.checkout-cart-total ul li span { color: #ffffff; float: right; }

.checkout-cart-total p { line-height: 30px; font-weight: 600; color: #ffffff; padding: 10px 0; border-bottom: 1px solid #ffffff; margin: 0; }

.checkout-cart-total p span { float: right; }

/*-- Checkout Payment Method --*/
.checkout-payment-method { background-color: #333333; padding: 45px; }

@media only screen and (max-width: 575px) { .checkout-payment-method { padding: 30px; } }

/*-- Single Payment Method --*/
.single-method { margin-bottom: 20px; }

.single-method:last-child { margin-bottom: 0; }

.single-method input[type="radio"] { display: none; }

.single-method input[type="radio"] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #ffffff; margin: 0; }

.single-method input[type="radio"] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #ffffff; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-method input[type="radio"] + label::after { position: absolute; left: 5px; top: 5px; display: block; content: ""; opacity: 0; background-color: #cea679; width: 10px; text-align: center; height: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-method input[type="radio"]:checked + label::before { border: 2px solid #cea679; }

.single-method input[type="radio"]:checked + label::after { opacity: 1; }

.single-method input[type="checkbox"] { display: none; }

.single-method input[type="checkbox"] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #ffffff; margin: 0; }

.single-method input[type="checkbox"] + label::before { position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: block; border: 2px solid #ffffff; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-method input[type="checkbox"] + label::after { position: absolute; left: 4px; top: 4px; display: block; content: ""; opacity: 0; background-color: #cea679; width: 8px; text-align: center; height: 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-method input[type="checkbox"]:checked + label::before { border: 2px solid #cea679; }

.single-method input[type="checkbox"]:checked + label::after { opacity: 1; }

.single-method p { display: none; margin-top: 8px; color: #ffffff; line-height: 23px; }

/*-- Place Order --*/
.place-order { margin-top: 40px; float: left; }

/*---------------------------------------
    12. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
/* .compare-table .table { table-layout: fixed; } */
.compare-table .table tbody tr:first-child { border-top: 1px solid #eeeeee; }

.compare-table .table tbody tr td { text-align: center; border: none; padding: 25px 30px; vertical-align: middle; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }

.compare-table .table tbody tr td:last-child { border-right: 1px solid #eeeeee; }

.compare-table .table tbody tr td.first-column { /* min-width: 180px; */ width: 180px; font-size: 18px; font-weight: 600; color: #333333; margin: 0; line-height: 1; }

.compare-table .table tbody tr td.product-image-title { min-width: 310px; vertical-align: bottom; padding-top: 70px; }

.compare-table .table tbody tr td.product-image-title .image { clear: both; width: 100%; margin-bottom: 40px; display: block; }

.compare-table .table tbody tr td.product-image-title .image img { max-width: 100%; }

.compare-table .table tbody tr td.product-image-title .category { float: left; clear: both; font-size: 13px; line-height: 15px; color: #444444; text-transform: capitalize; letter-spacing: 0.5px; }

.compare-table .table tbody tr td.product-image-title .category:hover { color: #cea679; }

.compare-table .table tbody tr td.product-image-title .title { float: left; clear: both; font-size: 16px; font-weight: 600; color: #444444; line-height: 20px; margin-bottom: 10px; }

.compare-table .table tbody tr td.product-image-title .title:hover { color: #cea679; }

.compare-table .table tbody tr td.pro-desc p { text-align: left; margin: 0; }

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock { font-size: 16px; font-weight: 600; color: #444444; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart { position: relative; background-color: #cea679; color: #fff; border-radius: 50px; display: inline-block; width: 170px; padding: 10px 25px 10px 25px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover { background-color: #222; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span { font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 26px; overflow: hidden; display: block; text-align: center; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added { padding-left: 25px; padding-right: 56px; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i { left: calc(100% - 41px); }

.compare-table .table tbody tr td.pro-remove button { border: none; background-color: transparent; padding: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.compare-table .table tbody tr td.pro-remove button:hover { color: #cea679; }

.compare-table .table tbody tr td.pro-remove button i { font-size: 20px; }

.compare-table .table tbody tr td.pro-ratting i { color: #444444; font-size: 14px; }

.compare-table .table tbody tr td.pro-ratting i.color { color: #cea679; }

.compareProdDesc { position: relative; transition: height .5s ease-in; }

.compareProdDesc a { position: absolute; bottom: -2px; right: 0; color: #cea679; padding-left: 25px; background: white; display: none; }

/*----------------------------------------*/
/*  13. Faq CSS
/*----------------------------------------*/
.faq-desc { margin-bottom: 50px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .faq-desc { margin-bottom: 40px; } }

@media only screen and (max-width: 767px) { .faq-desc { margin-bottom: 30px; } }

.faq-desc h3 { color: #444; font-size: 18px; font-weight: 700; }

.faq-desc p { color: #333333; margin: 0; }

.faq-accordion .card { border-radius: 0; margin-bottom: 10px; }

.faq-accordion .card.actives { border: 1px solid #cea679; }

.faq-accordion .card-header { padding: 0; margin-bottom: 0; background-color: #f5f5f5; border: 0; }

.faq-accordion .card-header a { display: block; padding: 15px 10px 15px 25px; cursor: pointer; }

.faq-accordion .card-header a.collapsed:before { content: "\f067"; font-family: fontawesome; position: absolute; right: 15px; top: 15px; }

.faq-accordion .card-header a:after { content: "\f067"; font-family: fontawesome; position: absolute; right: 15px; top: 15px; content: "\f068 "; }

@media only screen and (max-width: 767px) { .faq-accordion .card-header a { font-size: 14px; padding-right: 30px; } }

.faq-accordion .card-header a:hover { color: #cea679 !important; }

/*---------------------------------------
    14. Blog CSS
-----------------------------------------*/
/*-- Blog Slider --*/
/*-- Blog --*/
.blog .blog-inner .media, .blog .blog-inner .tf-element-carousel { display: block; position: relative; overflow: hidden; }

.blog .blog-inner .media .image, .blog .blog-inner .tf-element-carousel .image { display: block; }

.blog .blog-inner .media .image img, .blog .blog-inner .tf-element-carousel .image img { width: 100% !important; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }

.blog .blog-inner .blog-audio iframe { width: 100%; height: 242px; border: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .blog .blog-inner .blog-audio iframe { height: 190px; } }

.blog .blog-inner .blog-video iframe { width: 100%; height: 242px; border: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .blog .blog-inner .blog-video iframe { height: 190px; } }

.blog .blog-inner .content { padding: 24px 18px; }

@media only screen and (max-width: 767px) { .blog .blog-inner .content { padding: 20px 0; } }

.blog .blog-inner .content .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8px; }

.blog .blog-inner .content .meta li { font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; }

.blog .blog-inner .content .meta li::after { content: "-"; margin: 0 10px; }

.blog .blog-inner .content .meta li:last-child::after { display: none; }

.blog .blog-inner .content .meta li .date-time { padding-right: 8px; }

.blog .blog-inner .content .meta li .date-time .date { padding: 0 8px; }

.blog .blog-inner .content .meta li .date-time .separator { padding-right: 8px; }

.blog .blog-inner .content .meta li .date-time .month { padding-right: 8px; }

.blog .blog-inner .content .title { font-size: 16px; font-weight: 600; color: #333333; line-height: 28px; text-transform: uppercase; margin-bottom: 0; }

.blog .blog-inner .content p { padding: 15px 0 18px; margin: 0; line-height: 23px; color: #333333; }

.blog .blog-inner .content .readmore { color: #cea679; line-height: inherit; display: block; padding: 0; font-weight: 900; font-size: 12px; line-height: 12px; text-transform: uppercase; }

.blog .blog-inner .content .readmore:hover { text-decoration: underline; }

.blog:hover .blog-inner .media .image img { -webkit-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); }

/*-- Blog Details CSS --*/
.blog_area article.blog_single { border-bottom: 1px solid #e1e1e1; margin-bottom: 50px; padding-bottom: 20px; text-align: center; }

.blog_single header.entry-header { margin-bottom: 30px; }

article.blog_single .post-category { color: #cea679; display: block; line-height: 25px; font-size: 11px; font-weight: 700; text-transform: uppercase; }

article.blog_single .post-category > a { color: #cea679; }

article.blog_single .post-category > a:hover { color: #333333; }

.blog_single header h2, .blog_single header h1 { margin-bottom: 14px; }

h2.entry-title, h1.entry-title { color: #444; font-size: 18px; line-height: 24px; font-weight: 700; }

h2.entry-title:before, h1.entry-title:before { content: '\f005'; display: inline-block; font-family: FontAwesome; font-size: 8px; margin-right: 5px; vertical-align: top; }

.post-author { color: #8c8c8c; display: inline-block; font-size: 12px; vertical-align: middle; }

.post-separator { color: #8c8c8c; display: inline-block; margin: 0 10px; vertical-align: middle; }

.post-date { color: #8c8c8c; display: inline-block; font-size: 12px; vertical-align: middle; }

.blog_single .post-thumbnail { margin-bottom: 26px; }

.blog_single .blog-audio, .blog_single .blog-video { margin-bottom: 26px; }

.blog_single .blog-audio iframe, .blog_single .blog-video iframe { width: 100%; height: 500px; border: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .blog_single .blog-audio iframe, .blog_single .blog-video iframe { height: 350px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_single .blog-audio iframe, .blog_single .blog-video iframe { height: 350px; } }

@media only screen and (max-width: 767px) { .blog_single .blog-audio iframe, .blog_single .blog-video iframe { height: 250px; } }

.blog_single .post-gallery { margin-bottom: 26px; }

.blog_single .post-gallery img { width: 100%; }

.blog_area article.blog_single { text-align: center; }

.post-info .entry-summary > p { margin-bottom: 27px; }

.blog_single .readmore.button { background: #434343 none repeat scroll 0 0; border-color: #434343; color: #fff; font-size: 14px; text-transform: capitalize; }

.social-sharing .widget-title { background: none; color: #333333; font-size: 12px; line-height: 26px; margin: 0 20px; text-transform: uppercase; margin-bottom: 12px; margin-top: 30px; font-weight: 700; }

.blog-social-icons { margin: 10px 0 20px; }

.blog-social-icons > li { list-style: none; display: inline-block; }

.blog-social-icons > li > a { background: #f7f7f7; border-radius: 100%; color: #353535; display: block; font-size: 12px; height: 26px; line-height: 26px; margin-right: 10px; text-align: center; width: 26px; }

.blog-social-icons > li > a:hover { background-color: #cea679; color: #fff; }

.blog_area .blog_single.blog-details { border-bottom: none; margin-bottom: 15px; }

.entry-summary.blog-post-description > p { margin-bottom: 15px; font-size: 15px; line-height: 25px; color: #333333; text-align: left; }

.entry-summary.blog-post-description blockquote { background: #f6f6f6; border: 1px solid #ededed; border-left: 5px solid #cea679; font-size: 14px; font-style: italic; line-height: 26px; margin: 40px 0 40px 40px; padding: 30px 45px; text-align: left; }

@media only screen and (max-width: 767px) { .entry-summary.blog-post-description blockquote { margin: 20px 0 20px 0px; padding: 20px 25px; } }

.single-post-tag { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 15px 0; margin: 30px 0; color: #333333; text-align: left; }

.single-post-tag > a { font-size: 13px; text-transform: uppercase; color: #333333; }

.single-post-tag > a:hover { color: #cea679; }

.relatedposts > h3 { display: inline-block; font-size: 20px; margin: 0 0 30px; font-weight: 700; padding: 0 0 20px; position: relative; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .relatedposts > h3 { margin: 0 0 15px; padding: 0 0 10px; } }

.relatedthumb > h4 { font-size: 14px; font-weight: 700; line-height: 18px; color: #444; text-transform: uppercase; margin: 0; }

.relatedthumb .image { margin-bottom: 25px; }

.relatedthumb .image a { display: block; }

.relatedthumb .image a img { width: 100%; }

.rl-post-date { color: #8c8c8c; display: inline-block; font-size: 12px; vertical-align: middle; font-style: italic; }

.comments-area > h3, .comment-box > h3 { font-size: 17px; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }

.comments-area ol { list-style: none; padding-left: 0; }

.comments-area > ol > li > ol { margin-left: 30px; }

.comments-area .commentlist li .single-comment { background: #fff; border: 1px solid #ededed; margin: 0 0 20px; padding: 30px; width: 100%; }

@media only screen and (max-width: 767px) { .comments-area .commentlist li .single-comment { padding: 15px; } }

.comments-area .commentlist li .comment-avatar { float: left; margin-right: 20px; }

.comments-area .commentlist li .comment-info { border: none; overflow: hidden; position: relative; }

.comments-area .commentlist .comment-info a { color: #333333; display: block; font-weight: 700; font-size: 14px; }

@media only screen and (max-width: 767px) { .comments-area .commentlist .comment-info a { margin-bottom: 10px; display: block; } }

.comments-area .commentlist li .comment-info .reply { display: inline-block; float: right; position: absolute; right: 0; top: 0; }

.comments-area .commentlist li .comment-info .reply a { background: none; border: 1px solid #cea679; -webkit-box-shadow: none; box-shadow: none; color: #cea679; display: inline-block; font-size: 11px; font-weight: 700; height: 28px; line-height: 26px; padding: 0 20px; text-shadow: none; text-transform: uppercase; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; white-space: nowrap; border-radius: 500px; }

.comments-area .commentlist li .comment-info .reply a:hover { background-color: #cea679; color: #fff; }

.comments-area .commentlist .comment-info span.date { display: block; font-size: 13px; font-style: italic; margin-bottom: 15px; color: #333333; line-height: 19px; }

.comment-info > p { margin-bottom: 0; color: #333333; }

.comment-note { font-size: 14px; color: #333333; line-height: 25px; margin-bottom: 10px; }

.single-input > label { color: #333333; font-size: 14px; line-height: 25px; }

.single-input > textarea { border: none; background: #f2f2f2; border-radius: 0; height: 135px; padding: 15px; width: 100%; }

.single-input > input { background: #f2f2f2; border: none; height: 46px; padding-left: 15px; width: 100%; }

.single-input > input:focus { outline: auto; outline-color: #cea679; }

.single-input > textarea:focus { outline: auto; outline-color: #cea679; }

/*---------------------------------------
    15. Login Register CSS
-----------------------------------------*/
.form-login-title > h2, .form-register-title > h2 { font-size: 30px; font-weight: 700; text-transform: capitalize; line-height: 26px; color: #444; }

.login-form, .register-form { padding: 20px; border: 1px solid #d3ced2; margin: 30px 0; text-align: left; border-radius: 5px; }

.form-fild, .login-submit, .lost-password, .register-submit { margin-bottom: 10px; }

.login-submit label { margin-left: 10px; }

@media only screen and (max-width: 767px) { .login-submit label { margin-left: 0; margin-bottom: 0; margin-top: 10px; } }

.form-fild p { margin: 0; }

.form-fild p span.required { color: #f23838; }

.form-fild input { width: 100%; padding: 0 15px; height: 45px; border: 1px solid #dddddd; color: #333333; border-radius: 5px; }

.lost-password > a { color: #a43d21; }

.lost-password > a:hover { color: #cea679; }

/*---------------------------------------
    16. My Account CSS
-----------------------------------------*/
.myaccount-tab-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; }

.myaccount-tab-menu a { border: 1px solid #eeeeee; border-bottom: none; color: #333333; font-weight: 500; font-size: 12px; display: block; padding: 15px 15px 13px; text-transform: uppercase; }

.myaccount-tab-menu a:last-child { border-bottom: 1px solid #eeeeee; }

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active { background-color: #cea679; color: #ffffff; }

.myaccount-tab-menu a i { font-size: 14px; text-align: center; width: 25px; }

/*-- My Account Content -*/
.myaccount-content { background-color: #ffffff; font-size: 14px; border: 1px solid #eeeeee; padding: 30px; }

@media only screen and (max-width: 575px) { .myaccount-content { padding: 20px 15px; } }

.myaccount-content h3 { border-bottom: 1px dashed #eeeeee; padding-bottom: 10px; margin-bottom: 25px; }

.myaccount-content .welcome a { color: #000000; }

.myaccount-content .welcome a:hover { color: #cea679; }

.myaccount-content .welcome strong { font-weight: 600; }

.myaccount-content a.edit-address-btn { background: none; border: none; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #ffffff; background-color: #333333; border-color: #333333; padding: 10px 20px; border-radius: 3px; }

.myaccount-content a.edit-address-btn i { padding-right: 5px; }

.myaccount-content a.edit-address-btn:hover { background-color: #cea679; }

.myaccount-content button.save-change-btn { background: none; border: none; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #333333; border-color: #333333; width: 140px; padding: 10px 0; border-radius: 3px; }

.myaccount-content button.save-change-btn:hover { background-color: #cea679; }

/*-- My Account Table -*/
.myaccount-table { white-space: nowrap; font-size: 15px; }

.myaccount-table table th, .myaccount-table .table th { padding: 10px; }

.myaccount-table table td, .myaccount-table .table td { padding: 20px 10px; vertical-align: middle; }

.myaccount-table table td a:hover, .myaccount-table .table td a:hover { color: #cea679; }

.saved-message { border-top: 3px solid #cea679; border-radius: 5px 5px 0 0; font-weight: 600; font-size: 13px; padding: 20px; }

/*-- My Account Details Form -*/
.account-details-form h4 { margin: 0; }

.account-details-form input { /*display: block; width: 100%;*/ border: 1px solid #ebebeb; border-radius: 0; line-height: 24px; padding: 11px 25px; color: #656565; }

/*---------------------------------------
    17. Newsletter CSS
-----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .newsletter-popup-area { display: none; } }

.newsletter-popup-area:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.8; z-index: 99; visibility: visible; }

.newsletter-popup-content { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ffffff; padding: 50px 20px; z-index: 999; width: 50%; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .newsletter-popup-content { width: 70%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .newsletter-popup-content { width: 80%; } }

.newsletter-popup-content .close-newsletter-popup { position: absolute; top: 0; right: 0; padding: 5px 15px; background-color: #333; color: #ffffff; }

.newsletter-popup-content .close-newsletter-popup:hover { background-color: #cea679; }

.newsletter-popup-content h2 { font-size: 24px; text-transform: uppercase; color: #333333; font-weight: 700; letter-spacing: 3px; margin: 0 0 15px; }

.newsletter-popup-content .subscription-form form input { background: #EBEBEB none repeat scroll 0% 0%; border: medium none; height: 40px; width: 65%; margin: 20px auto; padding: 0 15px; font-size: 15px; display: block; }

.newsletter-popup-content .subscription-form form button { border-radius: 5px; background-color: #f0f0f0; color: #333; margin-bottom: 20px; }

.newsletter-popup-content .subscription-form form button:hover { background-color: #cea679; color: #ffffff; }

/*---------------------------------------
    18. Modal CSS
-----------------------------------------*/
.quick-view-modal-container { display: block !important; visibility: hidden; opacity: 0; z-index: -1; }

.quick-view-modal-container.show { visibility: visible; opacity: 1; z-index: 99999; }

.quick-view-modal-container .modal-dialog { max-width: 80%; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .quick-view-modal-container .modal-dialog { max-width: 95%; } }

@media only screen and (max-width: 767px) { .quick-view-modal-container .modal-dialog { max-width: 100%; } }

@media only screen and (max-width: 575px) { .quick-view-modal-container .modal-dialog { max-width: 100%; } }

@media only screen and (max-width: 479px) { .quick-view-modal-container .modal-dialog { max-width: 100%; } }

.quick-view-modal-container .modal-header { border: none; padding-bottom: 0; }

.quick-view-modal-container .modal-header button { z-index: 999; }

.quick-view-modal-container .modal-body { padding: 30px 50px 70px 50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .quick-view-modal-container .modal-body { padding: 30px 30px 30px 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .quick-view-modal-container .modal-body { padding: 30px 30px 30px 30px; } }

@media only screen and (max-width: 767px) { .quick-view-modal-container .modal-body { padding: 15px 15px 15px 15px; } }

@media only screen and (max-width: 479px) { .quick-view-modal-container .modal-body { padding: 15px 15px 15px 15px; } }

.quick-view-modal-container .modal-content { border-radius: 0; max-height: 850px; overflow: auto; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .quick-view-modal-container .modal-content { max-height: 500px; overflow: auto; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .quick-view-modal-container .modal-content { max-height: 500px; overflow: auto; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .quick-view-modal-container .modal-content { max-height: 500px; overflow: auto; } }

@media only screen and (max-width: 767px) { .quick-view-modal-container .modal-content { max-height: 500px; overflow: auto; } }

/*---------------------------------------
    19. Sidebar CSS
-----------------------------------------*/
/*-- Sidebar --*/
.common-sidebar-widget { margin-bottom: 50px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .common-sidebar-widget { margin-bottom: 40px; } }

@media only screen and (max-width: 767px) { .common-sidebar-widget { margin-bottom: 30px; } }

.common-sidebar-widget.sidebar-two { padding: 0; background-color: transparent; }

.common-sidebar-widget:last-child { margin-bottom: 0; }

/*-- Sidebar Title --*/
.sidebar-title { margin: 0; padding: 0 0 15px; display: block; font-size: 16px; color: #333333; text-transform: uppercase; font-weight: 600; line-height: 1; border-bottom: 1px solid #ededed; }

/*-- Sidebar Search --*/
.sidebar-search form { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e5e6e7; }

.sidebar-search form input { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 40px); flex: 1 0 calc(100% - 40px); max-width: calc(100% - 40px); height: 40px; border: none; background-color: transparent; padding: 0 15px; color: #333333; }

.sidebar-search form button { max-width: 40px; -webkit-box-flex: 1; -ms-flex: 1 0 40px; flex: 1 0 40px; height: 40px; border: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }

.sidebar-search form button i { font-size: 20px; line-height: 40px; }

.sidebar-search form button:hover { color: #cea679; }

/*-- Sidebar List --*/
.sidebar-list li { line-height: 40px; overflow: hidden; margin: 0; border-bottom: 1px solid #ededed; }

.sidebar-list li a { font-size: 14px; font-weight: 400; color: #333333; display: block; }

.sidebar-list li a img { width: 25px; margin-right: 15px; }

.sidebar-list li a i { margin-right: 10px; font-size: 14px; }

.sidebar-list li a .count { float: right; }

.sidebar-list li a:hover { color: #cea679; }

/*-- Sidebar Blog --*/
.sidebar-blog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e6e7; }

.sidebar-blog:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.sidebar-blog .image { max-width: 80px; -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; }

.sidebar-blog .image img { width: 100%; }

.sidebar-blog .content { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 80px); flex: 1 0 calc(100% - 80px); padding-left: 15px; }

.sidebar-blog .content h5 { font-size: 16px; line-height: 1.5; }

.sidebar-blog .content span { font-size: 13px; display: block; line-height: 18px; }

/*-- Sidebar Tags --*/
.sidebar-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; }

.sidebar-tag li { padding: 5px; }

.sidebar-tag li a { display: block; border: 1px solid #e5e6e7; padding: 3px 15px; font-size: 14px; }

.sidebar-tag li a:hover { background-color: #333333; border-color: #333333; color: #cea679; }

/*-- Sidebar Product --*/
.sidebar-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e6e7; }

.sidebar-product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.sidebar-product .image { max-width: 80px; -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; }

.sidebar-product .image img { width: 100%; border: 1px solid #f1f2f3; }

.sidebar-product .content { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 80px); flex: 1 0 calc(100% - 80px); padding-left: 15px; }

.sidebar-product .content .title { font-size: 16px; line-height: 1.5; margin-bottom: 5px; }

.sidebar-product .content .price span.old { margin-left: 10px; color: #333333; text-decoration: line-through; }

.sidebar-product .content .ratting { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; }

.sidebar-product .content .ratting i { font-size: 12px; line-height: 18px; margin-right: 5px; color: #cea679; }

.sidebar-product .content .ratting i:last-child { margin-right: 0; }

/*----------------------------------------*/
/*  20. Brand CSS
/*----------------------------------------*/
/*-- Brand Slider --*/
.brand-slider .slick-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.brand-slider .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -15px; z-index: 9; border: none; background-color: #ffffff; color: #cea679; padding: 10px; width: 44px; height: 44px; border-radius: 50%; text-align: center; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); opacity: 0; }

.brand-slider .slick-arrow i { font-size: 24px; line-height: 24px; display: block; }

.brand-slider .slick-arrow.slick-prev { left: -7px; margin-left: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .brand-slider .slick-arrow.slick-prev { left: 8px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .brand-slider .slick-arrow.slick-prev { left: 8px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .brand-slider .slick-arrow.slick-prev { left: 8px; } }

@media only screen and (max-width: 767px) { .brand-slider .slick-arrow.slick-prev { left: 8px; } }

.brand-slider .slick-arrow.slick-next { right: -7px; margin-right: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) { .brand-slider .slick-arrow.slick-next { right: 8px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .brand-slider .slick-arrow.slick-next { right: 8px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .brand-slider .slick-arrow.slick-next { right: 8px; } }

@media only screen and (max-width: 767px) { .brand-slider .slick-arrow.slick-next { right: 8px; } }

.brand-slider .slick-arrow:hover { background-color: #cea679; color: #ffffff; }

.brand-slider:hover .slick-arrow { opacity: 1; }

.brand-slider:hover .slick-arrow.slick-prev { margin-left: 0; }

.brand-slider:hover .slick-arrow.slick-next { margin-right: 0; }

.brand-slider .slick-dots { width: 100%; padding: 0; margin: 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.brand-slider .slick-dots li { margin: 0 5px; }

.brand-slider .slick-dots li button { display: block; padding: 0; width: 12px; height: 12px; border: none; background-color: #d8d8d8; text-indent: -9999px; border-radius: 50px; }

.brand-slider .slick-dots li.slick-active button { background-color: #cea679; }

/*-- Brand --*/
.brand { text-align: center; }

.brand a { display: block; }

.brand a img { max-width: 100%; margin: auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.brand:hover a img { opacity: 0.6; }

/*---------------------------------------
    21. Contact CSS
-----------------------------------------*/
/*-- Map --*/
.contact-map { height: 400px; width: 100%; }

/*-- Contact Information --*/
.contact-information h3 { margin-bottom: 30px; }

.contact-information ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }

.contact-information ul li:last-child { margin-bottom: 0; }

.contact-information ul li .icon { width: 50px; }

.contact-information ul li .icon i { font-size: 30px; }

.contact-information ul li .text { max-width: calc(100% - 50px); }

.contact-information ul li .text span, .contact-information ul li .text a { display: block; line-height: 24px; max-width: 230px; }

/*-- Contact Form --*/
@media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-wrap.margin-0 { margin-top: 0px; } }

@media only screen and (max-width: 767px) { .contact-form-wrap.margin-0 { margin-top: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-wrap { margin-top: 50px; } }

@media only screen and (max-width: 767px) { .contact-form-wrap { margin-top: 40px; } }

.contact-form-wrap h3 { margin-bottom: 30px; }

.contact-form-wrap input { width: 100%; height: 50px; border: 1px solid #dddddd; padding: 5px 20px; color: #333333; border-radius: 5px; height: 45px; }

.contact-form-wrap input:focus { border-color: #777777; color: #111111; }

.contact-form-wrap textarea { width: 100%; height: 200px; border: 1px solid #dddddd; padding: 10px 20px; color: #333333; resize: none; border-radius: 5px; }

.contact-form-wrap textarea:focus { border-color: #777777; color: #111111; }

.contact-form-wrap button { margin-top: 20px; }

.form-messege.success { color: #1dbc51; font-weight: 700; }

.form-messege.error { color: #ff1313; }

/*---------------------------------------
    22. 404 CSS
-----------------------------------------*/
.error-text > h1 { font-size: 200px; color: #cea679; font-weight: 900; letter-spacing: 10px; line-height: 220px; margin-bottom: 30px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .error-text > h1 { font-size: 180px; line-height: 180px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .error-text > h1 { font-size: 160px; line-height: 160px; margin-bottom: 20px; } }

@media only screen and (max-width: 767px) { .error-text > h1 { font-size: 120px; line-height: 120px; margin-bottom: 20px; } }

@media only screen and (max-width: 575px) { .error-text > h1 { font-size: 120px; line-height: 120px; margin-bottom: 15px; } }

.error-text > h2 { font-size: 35px; line-height: 47px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; color: #333333; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .error-text > h2 { font-size: 28px; line-height: 28px; } }

@media only screen and (max-width: 767px) { .error-text > h2 { font-size: 28px; line-height: 28px; } }

@media only screen and (max-width: 575px) { .error-text > h2 { font-size: 20px; line-height: 24px; } }

.error-text > p { font-size: 22px; font-weight: 300; line-height: 25px; margin: 20px auto 30px; color: #333333; max-width: 700px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .error-text > p { font-size: 18px; line-height: 24px; max-width: 550px; } }

@media only screen and (max-width: 767px) { .error-text > p { font-size: 18px; line-height: 24px; max-width: 450px; } }

@media only screen and (max-width: 575px) { .error-text > p { font-size: 18px; line-height: 24px; max-width: 100%; } }

.search-error form { display: inline-block; position: relative; text-align: center; width: 500px; }

@media only screen and (max-width: 575px) { .search-error form { width: 100%; } }

.search-error input { background: none; border: 1px solid #e9e9e9; color: #333333; float: left; font-size: 14px; height: 50px; padding: 0 40px 0 15px; width: 100%; line-height: 50px; }

.search-error button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #4f4f4f; font-size: 18px; height: 50px; line-height: 50px; position: absolute; cursor: pointer; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 50px; }

.search-error button:hover { color: #cea679; }

.error-button a { background: #cea679 none repeat scroll 0 0; border-radius: 35px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: bold; line-height: 40px; margin-top: 30px; padding: 0 30px; text-transform: uppercase; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .error-button a { margin-bottom: 20px; } }

@media only screen and (max-width: 767px) { .error-button a { margin-bottom: 15px; } }

@media only screen and (max-width: 575px) { .error-button a { margin-bottom: 15px; } }

.error-button a:hover { background: #333; }

/*----------------------------------------*/
/*  23. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 600; color: #d8d8d8; white-space: nowrap; text-transform: uppercase; margin-bottom: 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .footer-widget .title { margin-bottom: 15px; } }

@media only screen and (max-width: 767px) { .footer-widget .title { margin-bottom: 15px; } }

.footer-widget .title .text { margin-right: 10px; }

.footer-widget .title .shape { height: 5px; display: block; background-color: rgba(255, 255, 255, 0.3); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.footer-widget p { margin-top: 13px; color: #d8d8d8; line-height: 24px; }

@media only screen and (max-width: 767px) { .footer-widget p { width: auto; } }

.footer-widget ul.address li { color: #d8d8d8; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 22px; margin-bottom: 12px; }

.footer-widget ul.address li:last-child { margin-bottom: 0; }

.footer-widget ul.address li i { margin-right: 15px; line-height: 28px; font-size: 18px; }

.footer-widget ul.address li span { overflow: hidden; }

.footer-widget ul.address li a { display: block; }

.footer-widget ul.address li a:hover { color: #cea679; }

.footer-widget > .ft-menu { display: inline-block; margin-left: 10px; }

.footer-widget > .ft-menu > li { line-height: 24px; }

.footer-widget > .ft-menu > li > a { list-style-type: square; text-transform: capitalize; text-decoration: none; color: #d8d8d8; display: inherit; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.footer-widget > .ft-menu > li > a:hover { padding-left: 15px; color: #ffffff; }

/*-- Footer Social --*/
.footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-social a { text-align: center; border-radius: 50px; color: #d8d8d8; margin: 10px 18px 0 0; display: block; }

.footer-social a:last-child { margin-right: 0; }

.footer-social a:hover { color: #cea679; }

.footer-social a i { display: block; font-size: 20px; line-height: 20px; }

/*-- Footer News Letter --*/
.footer-newsletter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-newsletter input { width: calc(100% - 40px); max-width: 250px; border: 1px solid rgba(255, 255, 255, 0.3); background-color: transparent; color: #ffffff; line-height: 24px; padding: 7px 15px; font-size: 13px; }

.footer-newsletter button { width: 40px; height: 40px; border: none; background-color: #cea679; color: #ffffff; }

/*-- Footer Bottom --*/
/*-- Copyright --*/
@media only screen and (max-width: 575px) { .copyright { text-align: center !important; } }

.copyright p { line-height: 30px; color: #d8d8d8; font-size: 14px; }

@media only screen and (max-width: 575px) { .copyright p { font-size: 12px; } }

.copyright p a:hover { color: #cea679; }

@media only screen and (max-width: 575px) { .footer-logo { text-align: center !important; } }

/*#billing-form .address_list.checkout li {
    float: left;
    width: 100%;
    border: none;
    padding: 10px;
}*/
@media only screen and (max-width: 640px) { #billing-form .address_list.checkout li { width: 100%; } }

.left { float: left; }

.col-lg-3.slick-slide { max-width: initial; }

.single-list-product .product-content h3 { white-space: initial; }

@media only screen and (max-width: 1024px) { .main-menu > ul { width: auto; display: block; } }

.compare-table .table tbody tr td.pro-ratting i.color { color: #cea679; }

.product-rating i.color { color: #cea679; }

.product-review i.color { color: #202020; }

/* product grouping */
.variantModal .modal-body, .variantModal .modal-content { padding: 0; }

.variant_leftCont { width: 41%; float: left; padding: 0 20px; box-sizing: border-box; }

.variant_rightCont { width: 59%; float: left; }

.variant_leftCont .variant_img { width: 100px; }

.variant_img { width: 100%; overflow: hidden; }

.variant_detaiLis { width: 100%; margin: 0; padding: 0; list-style-type: none; }

.variant_detaiLis li { width: 100%; border-top: 1px solid #eee; padding: 20px; box-sizing: border-box; display: inline-block; }

.variant_detaiLis li:first-child { border-top: none; }

/* .variant_detaiLis li .cart_button { float: left;  } */
.variant_label { width: 50%; float: left; font-weight: 700; display: block; text-align: left; }

.variant_desc { width: 50%; float: left; font-weight: 400; text-align: left; }

.modal-content .close { position: relative; z-index: 3; margin: 0; }

.variantModal .cart_button { background: none repeat scroll 0 0 transparent; border: 1px solid #002c4e; color: #002c4e; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; line-height: 16px; padding: 6px 8px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; margin-top: 0px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }

.variantModal .viewProdcut { margin-left: 10px; float: right; }

#categList .box-category li { position: relative; }

#categList .box-category li a { display: block; padding: 7px; font-size: 14px; }

#categList .box-category li .inner_list { padding-left: 10px; }

.shop-results .sort { float: left; }

/*#categList .box-category > li a:after {content: ""}
#categList .box-category > li a.collapsed:after{content: "";}*/
.varietion { /*margin-top:10px; */ margin-bottom: 20px; }

.varietion li { margin: 5px 0; display: inline-block; width: 100%; }

.varietion li .form-control { width: 250px; }

/*.varietion li label{font-size:14px; color:#000000;text-transform: uppercase; margin-bottom:3px;}*/
.varietion li label { font-weight: 700; color: #454545; font-size: 13px; text-transform: uppercase; }

.varietion li .help-block { font-size: 12px; color: #333333; font-style: normal; }

.varietion li .qty-cart-add { margin: 0; }

.product-hover > a:first-child { border: none; }

/* new variant popup start */
.variant-popup-cont .modal-content { padding: 23px 0 0 0; }

.varaintPopTop * { margin-bottom: 0; }

.varaintPopTop { width: 100%; display: flex; padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #e9ecef; }

.varaintPopTop .variant_leftCol { flex: 0 0 290px; max-width: 290px; }

.varaintPopTop .variant_rightCol { flex-grow: 1; flex-shrink: 1; text-align: left; }

.varaintPopTop .proName { font-size: 24px; font-weight: bold; color: #444444; margin-bottom: 15px; }

.varaintPopTop .labelDescRow { display: flex; width: 100%; margin-bottom: 18px; }

.varaintLabel { width: 111px; flex-shrink: 0; flex-grow: 0; flex: 0 0 111px; font-size: 14px; color: #999999; text-transform: uppercase; }

.varaintTxt { flex-grow: 1; flex-shrink: 1; color: #444444; font-size: 14px; font-weight: 600; margin-bottom: 0; }

.varImgList { width: calc(100%-140px); list-style-type: none; /*display: flex;*/ margin-top: 6px; }

.varImgList li { width: auto; height: auto; margin-left: 10px; }

.varImgList li:first-child { margin-left: 0; }

.varImgList li a { width: 40px; height: 40px; border: 1px solid #e9ecef; display: flex; align-items: center; justify-content: center; }

.otherVarList { width: 100%; list-style-type: none; display: flex; margin-top: 6px; }

.otherVarList li { font-size: 14px; border: 1px solid #e9ecef; margin-left: 10px; padding: 6px 15px 4px; }

.varImgList li a.active, .otherVarList li a.active { border: 2px solid #333333; }

.otherVarList li:first-child { margin-left: 0; }

.viewProductLink { font-size: 14px; color: #052d4d; /*text-decoration: none; */ margin-bottom: 20px; display: block; }

.addToCart { font-size: 13px; font-weight: bold; background-color: #052d4d; color: #ffffff; float: right; text-transform: uppercase; padding: 6px 15px 5px; margin: 20px 30px 20px 0; }

.addToCart:hover { color: #ffffff; }

.p-thumb { position: relative; }

.varaintPopBottom { width: 100%; }

.see_all_choices > li { /* display:flex;*/ align-items: center; /*margin:0 0 20px 0;*/ }

.see_all_choices li label { flex: 0 0 100px; width: 100px; float: left; margin-bottom: 0; }

.see_all_choices li .varImgList { margin: 0; }

.see_all_choices li .varImgList li { margin-top: 0; margin-bottom: 0; }

.see_all_choices li .p-d-buttons { width: 100%; }

.see_all_choices li .qty-cart-add > a { /*width:290px;*/ }

.see_all_choices li .product-price .prev-price { font-family: "Roboto",sans-serif; font-size: 15px; }

.product-category-20.left-col .col-sm-9.blog-details, .product-category-20 .col-sm-3.hidden-xs .box { margin-top: 30px; }

.footer-area { margin-top: 24px; }

.varImgList.nav li p { font-size: 14px; color: #444444; margin-bottom: 0; }

.varImgList li.prod_spec a { min-width: 52px; width: auto; height: 25px; padding: 0 10px; box-sizing: border-box; font-size: 13px; border-radius: 3px; }

.varImgList li.prod_spec .red { background: transparent; }

.varImgList li.prod_spec .disable { /* color: #cccccc; */ }

.varImgList li.imgSpec .disable { /* opacity: .3; filter: alpha(opacity=30); */ }

.list-unstyled li .varaintTxt .p-d-price { font-weight: 700; display: inline-block; margin-bottom: 10px; }

.varImgList li a:hover { /* border: 2px solid #bda87f; */ }

.tab-content .p-d-price { font-weight: 700; }

.msg-error, .productErr { float: left; padding: 2px; color: #333333; font-size: 12px; background: #fff9eb; border: 1px solid red; align-self: center; margin: 10px 0; padding: 5px 10px; }

.varietion li.productErr { width: auto !important; display: none; }

.variant_spec { /* display: none; */ }

.variant_spec .model-stock .stockQuan { margin-left: 0; font-weight: 700; margin-right: 10px; }

.model-stock > span span.skuNum { font-weight: 400; }

.varImgList.nav:empty { display: none; }

/* color  start */
.varImgList .list_colour a { border-radius: 50%; width: 20px; height: 20px; overflow: hidden; padding: 0px; }

.varImgList .list_colour a span { display: block; width: 100%; height: 100%; }

/* color  end */
.varImgList .imgSpec a span { background: url(../images/transImg.jpg); }

.varImgList span { background: url(../images/transImg.jpg); }

#content ul.see_all_choices li { padding: 0px; margin-bottom: 5px; }

#content ul.see_all_choices .productErr { padding: 5px 10px; }

#content ul.see_all_choices .nav { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; padding-left: 20px; }

.single-product-thumbnail { margin-top: 20px; width: 100%; }

.single-product-thumbnail { margin-top: 20px; width: 100%; }

.single-product-thumbnail .slick-list .p-thumb { border: 2px solid rgba(0, 0, 0, 0); cursor: pointer; padding: 0; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-product-thumbnail .slick-list .p-thumb img { cursor: pointer; width: 100%; }

.single-product-thumbnail .p-thumb:after { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)) repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }

.single-product-thumbnail .p-thumb.slick-current { border-color: #333333; }

.single-product-thumbnail .p-thumb.slick-current:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.single-product-image .slick-arrow { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #999999; cursor: pointer; font-size: 47px; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.single-product-image .slick-arrow.slick-prev { left: -50px; }

.single-product-image .slick-arrow.slick-next { right: -50px; }

.single-product-image .slick-arrow .fa { font-size: 47px; }

.single-product-image:hover .slick-arrow { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.single-product-image .slick-arrow:focus { box-shadow: none; }

.single-product-image:hover .slick-arrow.slick-prev { left: 0px; }

.single-product-image:hover .slick-arrow.slick-next { right: 0px; }

.single-product-image .p-image img { width: 100%; }

.p-d-wrapper h1 { font-family: Roboto,sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; margin-bottom: 21px; }

.filterbox .list-scroll { max-height: 280px; overflow: hidden; overflow-y: scroll; margin-bottom: 15px; }

.single-product-thumbnail .slick-list .p-thumb { height: auto; }

#leftImgCont.placeHolder_js { position: relative; width: 100%; height: 400px; overflow: hidden; }

#leftImgCont.placeHolder_js .loader { /*width: 20px; height: 20px;*/ position: absolute; top: 40%; left: 40%; transform: translate(-50%, -50%); /* background: url(../images/loader.gif);*/ }

.placeHolder_js .loaderPlaceHolder { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: #e3e3e3; }

.loader { color: #ffffff; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; /*  margin: 72px auto;*/ position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; }

@-webkit-keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@-webkit-keyframes round { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes round { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.productGallCont { display: none; }

.productGallCont.gallery_ind_0 { display: block; }

#leftImgCont.placeHolder_js { position: relative; width: 100%; height: 400px; overflow: hidden; }

#leftImgCont.placeHolder_js .loader { /*width: 20px; height: 20px;*/ position: absolute; top: 40%; left: 40%; transform: translate(-50%, -50%); /* background: url(../images/loader.gif);*/ }

.placeHolder_js .loaderPlaceHolder { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: #e3e3e3; }

.placeHolder_js .product-title { height: 40px; width: 200px; background: #e3e3e3; margin-bottom: 10px; padding: 0 0 16px; }

.placeHolder_js .single-product-reviews span { height: 19px; width: 50px; background: #e3e3e3; }

.placeHolder_js .single-product-reviews a { height: 19px; width: 50px; background: #e3e3e3; }

/*.placeHolder_js .variant_spec { width: 400px; height: 19px; height: 22px; background: #e3e3e3;  }
*/
.placeHolder_js .product-description { width: 200px; height: 19px; height: 22px; background: #e3e3e3; margin-bottom: 10px; }

.placeHolder_js .special-price { width: 140px; height: 19px; height: 22px; background: #e3e3e3; margin-bottom: 10px; }

.placeHolder_js .wishlist { width: 140px; height: 19px; height: 22px; background: #e3e3e3; margin-bottom: 10px; }

.placeHolder_js .compare { width: 140px; height: 19px; height: 22px; background: #e3e3e3; margin-bottom: 10px; }

.placeHolder_js .control-label { height: 21px; background: #e3e3e3; margin-right: 20px; }

.placeHolder_js.varImgList .imgSpec { width: 25px; height: 25px; background: #e3e3e3; border-radius: 50%; }

.placeHolder_js.prod_spec { width: 50px; height: 30px; background: #e3e3e3; }

.placeHolder_js .form-control { height: 35px; background: #e3e3e3; }

.placeHolder_js .varImgList li a { border: none; }

.placeHolder_js .single-product-quantity .prod_quantity_inp { width: 60px; height: 40px; background: #e3e3e3; }

.placeHolder_js .single-product-quantity .add-to-link .product-add-btn { height: 40px; background: #e3e3e3; }

.placeHolder_js .single-product-quantity .wishlist-compare-btn .wishlist-btn { height: 40px; background: #e3e3e3; }

.placeHolder_js .single-product-quantity .wishlist-compare-btn .add-compare { height: 40px; background: #e3e3e3; }

.placeHolder_js .see_all_choices .qty-cart-add { height: 40px; background: #e3e3e3; width: 172px; }

.placeHolder_js .p-d-buttons a { height: 40px; background: #e3e3e3; }

.review_placeholder { width: 50px; height: 19px; background: #e3e3e3; }

.placeHolder_js#leftImgCont { background: #e3e3e3; }

.product_image_placeholder { width: 270px; height: 270px; background: #e3e3e3; }

.product_carousel_placholder .product-text h4 a { width: 110px; height: 16px; background: #e3e3e3; }

.product_carousel_placholder .product-price span { width: 55px; height: 16px; background: #e3e3e3; }

.remove_wishlist { color: #bda87f; }

.single-product .product-img .wishListBtn, .product-content-shop-list .product-action .wishListBtn { display: none; }

.single-product .product-img .wishShow, .product-content-shop-list .product-action .wishShow { display: block; }

.review-form input[type="checkbox"] { display: none; }

.review-form input[type="checkbox"] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #333333; margin: 0; }

.review-form input[type="checkbox"] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.review-form input[type="checkbox"] + label::after { position: absolute; left: 0; top: 0; display: block; content: "\f00c"; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #333333; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.review-form input[type="checkbox"]:checked + label::before { border: 2px solid #333333; }

.review-form input[type="checkbox"]:checked + label::after { opacity: 1; }

/* modify address start */
.address_wp { margin-bottom: 20px; }

.address_wp .panel-body { margin-bottom: 20px; margin-top: 20px; border: none; padding: 0 10px; }

.address_list li { border-top: 1px solid #ccc; padding-bottom: 20px; padding-top: 20px; width: 50%; float: left; }

.address_list li:first-child { padding-top: 0; border: none; }

.address_list li:nth-child(2) { padding-top: 0; border: none; }

.address_list li .address_text { font-size: 16px; color: #7d7d7d; }

.link_wp .link { padding: 0 10px; font-size: 16px; color: #333333; border-left: 1px solid #333333; }

.link_wp .link:hover { color: #BDA87F; }

.link_wp .link:first-child { padding-left: 0; border-left: none; }

/* modify address End */
@media only screen and (max-width: 788px) { .discount-coupon { margin-top: 40px; } }

@media only screen and (max-width: 640px) { .address_list li { width: 100%; }
  .address_list li:nth-child(2) { padding-top: 20px; border-top: 1px solid #ccc; } }

.single-product .product-content .price .outofstock { text-decoration: none; }

.product-content-shop-list .price .outofstock { text-decoration: none; }

@media only screen and (max-width: 360px) { .see_all_choices li label { float: none; width: 100%; }
  #review-paging.page-pagination li { font-size: 14px; margin: 4px 4px; }
  #review-paging.page-pagination li span { width: 25px; height: 25px; }
  #review-paging.page-pagination li a { width: 17px; height: 17px; }
  .address_list .btn { min-width: 0px; } }

@media only screen and (max-width: 320px) { .single-product-price { font-size: 20px; } }

.main-menu { display: block; }

.mobile-menu { display: none; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close { display: none; float: right; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand { line-height: initial; display: flex; align-items: center; justify-content: center; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked { line-height: initial; display: flex; align-items: center; justify-content: center; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a { display: flex !important; }

/* nav  */
@media only screen and (max-width: 991px) { .main-menu { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu .meanmenu-reveal { display: block; }
  .mobile-menu .mean-nav { display: none; } }

/* add more */
.nav_main_js .main-menu > ul { display: inline-block; float: left; }

.nav_main_js .main-menu > ul > li { float: left; }

.more_nav { width: auto; display: inline-block; position: relative; opacity: 0; }

.more_nav > a { font-size: 15px; line-height: 14px; font-weight: 600; font-family: "Open Sans", sans-serif; text-transform: uppercase; display: block; padding: 15px 20px; position: relative; color: white; }

.more_nav a:hover { color: #cea679; }

.more_nav .more_ul { position: absolute; left: 0; top: 100%; margin-left: -20px; margin-top: 30px; padding: 20px 0; background-color: #ffffff; -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 210px; z-index: -99; opacity: 0; visibility: hidden; }

.more_nav .more_ul li a { font-family: "Open Sans", sans-serif; color: #333333; display: block; font-size: 13px; line-height: 35px; font-weight: 400; padding: 0 20px; }

.more_nav:hover .more_ul { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }

.more_nav:hover .sub-menu.more_ul { visibility: hidden; opacity: 0; }

/* index placeholder start */
#slideshow.placeHolder_cont { height: 32vw; overflow: hidden; }

.loaderPlaceHolder.type_01 { width: 100%; height: 100%; background: #1ABC9C; display: flex; justify-content: center; align-items: center; }

/* index placeholder end */
/* newsletter*/
#mc-form { position: relative; }

#mc-email { background: transparent; color: #fefefe; display: block; padding: 0 330px 0 10px; font-size: 15px; line-height: 65px; border: 1px solid #ffffff; width: 100%; }

#mc-submit { position: absolute; top: 0; right: 0; background: #fff; color: #222222; font-weight: 900; font-size: 14px; padding: 7px 50px; margin: 12px 12px 12px 0; border: 0; text-transform: uppercase; }

.news_message { margin: auto; width: 50%; padding: 10px; color: #000000; }

.news_message p { padding: .75rem 1.25rem; color: #000000; }

nav ul.mega-menu.four-column li:nth-child(5) { clear: both; }

/* .main-menu > ul > li:hover > .mega-menu li:nth-child(5){
  clear:both;
} */
.main-menu > ul > li.new_position { position: inherit; }

.cat-sub-menu { position: absolute; left: 0; top: 100%; margin-left: 223px; margin-top: -46px; padding: 20px 0; background-color: #ffffff; -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 210px; z-index: -99; opacity: 0; visibility: hidden; }

.sub-menu li:hover > .cat-sub-menu { /* margin-top: 0; */ opacity: 1; visibility: visible; z-index: 99; }

/* .sub-menu:hover{
  display: block;
} */
.mega-menu.four-column.col_width { width: 400px; }

.mega-menu > li.three_cat { width: 33.33333%; }

.mega-menu > li.two_cat { width: 50%; }

@media only screen and (max-width: 785px) { #mc-email { padding: 0 3px 0 10px; }
  #mc-submit { position: relative; } }

#slideshow .hero-item { height: auto; }

#slideshow .hero-item { height: auto; padding-bottom: 6%; background-size: cover; }

#slideshow .hero-content-2 h1 { font-size: 36px; margin-bottom: 10px; }

#slideshow .hero-content-2 h3, #slideshow .hero-content-2 a { font-size: 20px; margin-bottom: 10px; }

#slideshow .container { position: absolute; top: 50%; transform: translateY(-50%); }

@media only screen and (max-width: 767px) { #slideshow .hero-content-2 h1 { font-size: 20px; margin-bottom: 10px; }
  #slideshow .hero-content-2 h3, #slideshow .hero-content-2 a { font-size: 14px; margin-bottom: 10px; }
  .slider-nav .slick-dots li button { height: 4px; } }

@media only screen and (max-width: 360px) { #slideshow .hero-content-2 h1 { font-size: 16px; margin-bottom: 5px; }
  #slideshow .hero-content-2 h3, #slideshow .hero-content-2 a { font-size: 12px; margin-bottom: 5px; } }

.mega-menu > li { border-left: 0; }

.mega-menu, .mega-menu > li { border: 0; }

.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after, .bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after { background-color: transparent; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar { margin: 6px 0; }

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before { top: 0; }

.brandCarousel.slick-slider .slick-arrow.slick-prev { right: unset; }

.brandCarousel.slick-slider .slick-arrow { margin-top: 10px; }

.mobile-menu .mean-bar .meanmenu-reveal { position: absolute; top: -51px; }

.fa.fa-heart { color: red; }

@media only screen and (max-width: 786px) { .filter_bottom { margin-bottom: 20px; } }

.sidebar-mobile h3.collapsed::after { content: ""; }

.sidebar-mobile > h3::after { content: ""; }

/* .sidebar-mobile h3:after {
  font-family: FontAwesome;
  font-size: 8px;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
} */
.sidebar-mobile h3:after { font-family: FontAwesome; font-size: 8px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; top: 6px; float: right; }

.header-search .dotWrp, .header-cart .dotWrp { top: 17px; }

.review-form-wrapper .dotWrp { left: 20%; }

.cart-btn { background-color: transparent; }

.menu_bar a { right: 20px; left: auto; text-align: center; text-indent: 0px; font-size: 0px; position: absolute; top: -1px; }

.menu_bar .menu-bar { position: relative; height: 2px; width: 26px; /* background-color: rgb(255, 255, 255); */ display: block; margin: 8px 0px; }

.menu_bar .fa-close { font-size: 24px; margin-bottom: 9px; color: white; }

.menu_bar span { background-color: white; }

.menu_bar .menu-close { position: relative; width: 100%; height: 100%; display: block; height: 2px; width: 26px; background-color: transparent; display: block; margin: 8px 0; float: right; }

.menu_bar .menu-close { display: none; }

.menu_bar [data-heading] { position: relative; top: 3px; right: -28px !important; }

.meanmenu-reveal { display: none; }

.sub-menu.more_ul.has-scrollbar, .more_nav_height { overflow: hidden; overflow-y: scroll; max-height: 320px; /* overflow-x: visible; display: inline-block; */ }

.brandCarousel.slick-slider .slick-arrow.slick-next { right: 0px; }

.more_nav > ul > li > ul { display: none; }

/* .header-search-form {
  background: transparent;
} */
.header-search-form form input { background-color: #fff; }

.modal button.close { background: #444444 none repeat scroll 0 0; border: 1px solid #ffffff; color: #ffffff; font-size: 10px; font-weight: 600; height: 24px; letter-spacing: 0.4px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; padding: 5px; position: absolute; right: 0; text-shadow: none; text-transform: uppercase; top: -25px; width: 70px; cursor: pointer; }

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul { background-color: transparent; }

@media only screen and (max-width: 991px) { .nav_main_js .dotWrp { display: none; } }

.modal.iframe_popup { background-color: rgba(0, 0, 0, 0.82); }

#background-search-icon { background-color: transparent !important; }

.more_ul .mean-expand { border: 0; right: 0px; top: -5px; }

@media only screen and (max-width: 991px) { .single-product .product-img .product-action { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

@media only screen and (max-width: 767px) { .single-product-category .product-img .product-action ul { margin: 0 12px 0 15px; } }

.hide_button { display: none !important; }

@media only screen and (max-width: 479px) { .hide_button { display: block !important; }
  .show_button { display: none !important; }
  .single-product-category .product-img .product-action ul li a { line-height: 30px; font-size: 16px; }
  .single-product-category .product-img .product-action ul { margin: 0 auto; } }

@media only screen and (min-width: 480px) and (max-width: 575px) { .single-product-category .product-img .product-action ul { margin: 0; margin-right: 10px; } }

.single-product .product-content h3 { display: block; }

.single-product .product-content h3 a { display: initial; }

.compare-table .table tbody tr td { text-align: left; }

.deal_of_day .nav p { font-size: 20px; line-height: 1; display: block; text-transform: uppercase; font-weight: 400; color: #cea679; }

.page_edit .faq-desc table { margin: 0 auto; }

.modal_top { top: -17px; /* opacity: 1; */ }

.modal-title { font-size: 1.25rem; }

.badge-info { background-color: #333333 !important; }

.card_custom { /* min-width:550px; */ border-radius: 10px; }

.card_custom.border-info { /* float:right; */ background-color: #ddd; border: #ccc; }

.enquiry_class { margin: 0 auto; padding-top: 20px; }

#enquiry-paging li { margin: 0px 5px; }

/*new footer css starts*/
#mc_embed_signup_scroll > button { font-size: 13px !important; width: 90px !important; background: #252531 none repeat scroll 0 0; }

.footer-widget-list li, .footer-widget-list a, .single-footer-widget p { font-size: 14px !important; }

.mc-form .email { font-size: 13px !important; }

.newsletter-form .news_message { width: 100%; }

.news_message p, .single-footer-widget p, .news_message p.alert-success { position: inherit; width: auto; }

.single-footer-widget p { font-size: 12px; text-align: left; margin-bottom: 20px; }

.footer-widget-list li a:hover { color: #ddbb61; }

.powrdByWp .txt { padding: 0; }

/*new footer css ends*/
/*new checkout css starts*/
.checkout_sidebar.sidebar::after { position: relative; background: none; width: 0; height: 0; }

/* .checkout_sidebar.sidebar { background-color:#333333; } */
.visually-hidden-if-js { color: #cea679; font-size: 20px; font-weight: bold; }

#address .link_hover { color: #cea679; }

.address_list { margin-top: 30px; }

#checkout_page .step__footer .default-btn, #address_form_new .default-btn, #form-address-edit .default-btn { background: #333; border: none; color: #fff; font-size: 14px; font-weight: 700; border-radius: 0; cursor: pointer; height: 55px; letter-spacing: 0; line-height: 55px; margin: 0; padding: 0 40px; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-appearance: none; }

.ship-address label input { margin: 0 6px 0 0; }

.address_list li .address_text { font-size: 14px; margin-bottom: 0; line-height: initial; }

#address_form_new input, #form-address-edit input { width: 100%; padding: 0 10px; height: 35px; /*border-radius: 0px;*/ border: 1px solid #c1c1c1; }

#checkout_page select { width: 100%; padding-left: 10px; }

#checkout_page .address_text { margin-bottom: 10px; }

.checkout-cart-total { padding-left: 0; padding-right: 0; }

/* .checkout_sidebar.sidebar { padding-right:4%; } */
#payment-method-list .single-method input[type="radio"] + label { color: #333333; }

.single-method input[type="radio"] + label::before { border-color: #333333; }

.sidebar .order-summary__emphasis, .sidebar .order-summary__small-text, #checkout_page td:last-child, #checkout_page th:last-child, #checkout_page td:first-child, #checkout_page th:first-child { color: #ffffff; }

#input-coupon { border: none; height: 40px; width: 100%; border-radius: 0px; padding: 0 10px; }

.myClickableElement { background-color: #333; color: #ffffff; font-size: 16px; line-height: 12px; height: 45px; font-weight: 600; padding: 15px 30px; text-transform: uppercase; border-radius: 0px; position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: none; }

.myClickableElement:hover { background-color: #cea679; }

@media only screen and (max-width: 991px) { #checkout_page .container { max-width: 100%; padding: 0; }
  .checkout_sidebar.sidebar { padding: 20px 20px 0; }
  #checkout_page .tab-content { padding: 0 20px; } }

@media only screen and (max-width: 991px) { .step__footer { text-align: center; }
  .step__footer a:first-child { margin-bottom: 20px !important; }
  .step__footer .default-btn.theme_btn.pull-right { float: none; } }

.hide_new { display: none; }

#checkout_page .step__footer .default-btn:hover, #address_form_new .default-btn:hover, #form-address-edit .default-btn:hover { background-color: #cea679; }

#checkout_page .breadcrumb a { color: #7d7d7d; }

#checkout_page li.active a, .link_hover, .link_hover:hover, #checkout_page .breadcrumb a.active { color: #cea679; }

.checkout-link:hover { color: #cea679; }

.sidebar .order-summary__emphasis, .sidebar .order-summary__small-text, #checkout_page td:last-child, #checkout_page th:last-child, #checkout_page td:first-child, #checkout_page th:first-child { color: #000; }

@media (min-width: 1000px) { .checkout_sidebar.sidebar::after { background: #e8f3f6 !important; height: 100%; }
  /* .sidebar .order-summary__emphasis,.sidebar .payment-due-label__total, .sidebar .order-summary__small-text, #checkout_page td:last-child, #checkout_page th:last-child, #checkout_page td:first-child, #checkout_page th:first-child{ color:#ffffff !important; } */
  .checkout_sidebar.sidebar { bottom: 1px !important; } }

@media (min-width: 480px) and (max-width: 999px) { #checkout_page .step_return .default-btn:first-child { float: left; }
  #checkout_page .step_return .default-btn:last-child { float: right; }
  #checkout_page .step_return .default-btn { padding: 0 30px; } }

.modal button.close { top: -25px !important; }

#input-coupon { border: 1px solid #ced4da; }

/*new checkout css starts */
.footer-widget-list li, .footer-widget-list li a, .single-footer-widget p { font-size: 14px !important; }

.footer-widget-list li a:hover { padding-left: 15px; color: #ddbb61; }

#mc_embed_signup_scroll > button { font-size: 13px !important; width: 90px !important; }

.mc_embed_signup .mc-form .email { font-size: 13px !important; }

@media only screen and (min-width: 768px) { .footer-bottom .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .footer-bottom .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } }

@media only screen and (min-width: 480px) { .footer-bottom .imgWp { margin-top: 4px; } }

@media only screen and (max-width: 479px) { .footer-bottom .imgWp { margin-top: 3px !important; } }

@media only screen and (max-width: 767px) { .footer-area .footer-bottom .col-lg-6 { width: 50%; } }

@media only screen and (max-width: 575px) { .footer-bottom .container { max-width: 100%; } }

/* @media (min-width: 992px) {
  .header-sticky nav ul li:first-child a {
    padding-left: 20px !important;
}
.mega-menu.col_width  li:first-child a{
  padding-left: 0 !important;
}
} */
.more_nav ul { overflow: hidden; overflow-y: auto; max-height: 320px; }

.myClickableElement { display: inline-block; }

.offline_msg { margin-left: 20px; }

.distributor_modal .modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; outline: 0; }

.distributor_modal .col-12 { width: 100%; }

@media (max-width: 991px) and (min-width: 540px) { .distributor_modal .col-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } }

.distributor_modal .default-btn:hover { color: #fff; }

#resend_otp:hover { color: #cea679; }

.modal-dialog { bottom: 0; height: 390px; left: 0; margin: auto; max-width: 790px; position: absolute; right: 0; text-align: left; top: 0; }

@media (min-width: 992px) { .distributor_modal .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } }

@media only screen and (max-width: 1200px) { .distributor_modal.modal-dialog { margin: auto; max-width: 790px; height: 390px; } }

@media only screen and (max-width: 1199px) { .distributor_modal.modal-dialog { margin: auto; width: auto; } }

/* @media only screen and (max-width: 767px) and (min-width: 480px) {
  .modal-dialog.distributor_modal {
      height: 230px;
      width: 65%;
  }
} */
@media (max-width: 991px) and (min-width: 768px) { .modal-dialog { /* height: 366px; */ width: 90%; } }

@media (max-width: 767px) { .modal-dialog { width: 90%; } }

.mc_embed_signup .news_message { display: block; width: 100%; padding: 0; }

.mc_embed_signup .news_message .close { position: absolute; right: 10px; top: 14px; }

#AddressNewForm .section { float: none; }

#blog.page-pagination ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#blog.page-pagination li { margin: 5px 5px; }

.blog_listing .title, .relatedposts h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.blog_listing .title a, .relatedposts h4 a { display: inline; }

#address-edit .address_list { display: flex; flex-flow: row wrap; }

.promoCode.input-group { position: relative; display: table; border-collapse: separate; }

.promoCode .input-group-btn { position: relative; font-size: 0; white-space: nowrap; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; }

.myClickableElement { margin-top: 38px !important; }

.promo_code { margin-bottom: 10px; }

@media (max-width: 479px) { .guest_button { margin-bottom: 10px !important; } }

.header-top { padding: 0; }

@media only screen and (max-width: 991px) { .headerLeft, .myAccount { width: auto; }
  .headerLeft .header-top-links, .myAccount .myAccTxt { display: none; }
  .headerTopCont { justify-content: space-between; }
  .header-top-social { margin-top: 0; }
  .ht-right { padding: 0; } }

@media only screen and (max-width: 991px) { .ht-us-menu { margin-right: 0; }
  .ht-us-menu > li > a::after { display: none; }
  .ht-dropdown { left: auto; right: 0; } }

@media only screen and (max-width: 768px) { .ht-cr-menu { margin-left: 15px; } }

.footer-top { padding-bottom: 70px !important; }

.footer-top .store_description { padding-bottom: 35px !important; }

.footer-top .store_description h4 { padding-bottom: 0 !important; }

@media only screen and (max-width: 991px) { .footer-top { padding-bottom: 30px !important; } }

.cDisable { background: #e1e1e1 !important; }

.publisBtnCont a.btn.disabled { pointer-events: all; }

.cart-summary .cart-summary-button .btn { width: auto; }

@media only screen and (max-width: 767px) { .fixed_bottom_links { position: fixed; width: 100%; bottom: 0; left: 0; display: none; z-index: 1; }
  .fixed_bottom_links a { width: 50% !important; height: 50px; display: flex; align-items: center; justify-content: center; }
  /* .fixed_bottom_links .buy_now_btn { background: #cea679; color:#ffffff; } */
  .fixed_bottom_links .add_cart_btn, .fixed_bottom_links .buy_now_btn { border: solid 1px #000000; background-color: #ffffff !important; color: #000000; }
  .cart-summary .cart-summary-button .btn { margin-right: 0; }
  .fixed_bottom_links { display: flex; flex-flow: row; }
  .fixed_bottom_links .buy_now_btn { order: 2; } }

.custom_breadcrumb { padding-top: 20px; }

.custom_breadcrumb .page-breadcrumb { justify-content: end; }

.custom_breadcrumb .page-breadcrumb li { font-size: 14px; }

.custom_breadcrumb .page-breadcrumb li::after { font-weight: bolder; }

.cart-header { padding-bottom: 20px; font-weight: 600; }

.cart-section { padding-top: 40px !important; }

@media (min-width: 1000px) { .section--contact-information { padding-bottom: 20px !important; } }

.frmfield_email_address .focus_text { top: 2px !important; }

.frmfield_email_address.act_anim .focus_text { z-index: 1 !important; top: -19px !important; }

.already_hv_an_acount { margin-bottom: 2px; }

.checkout_essential .mobile_number_div { padding-bottom: 15px; }

.checkout_essential .address_list.checkout { padding-top: 10px; margin-top: 0; }

#checkout_page .btn_wrp button { min-width: auto; }

#checkout_page .step__footer .default-btn.disabled { cursor: no-drop !important; pointer-events: none; }

/* login page start */
/*----------------------------------------*/
.login_essential .panel-group { margin: 0; padding-bottom: 52px; }

.login_essential #accordion .panel-heading { padding: 0; }

.login_essential #accordion .panel-title a.collapsed { font-size: 15px; border-color: #eeeeee; margin-bottom: 27px; }

.login_essential .panel-title > a { background: #ffffff none repeat scroll 0 0; border-bottom: 3px solid #ffffff; color: #222222; display: block; font-family: "Roboto",sans-serif; font-size: 18px; letter-spacing: 0.2px; line-height: 16px; margin-bottom: 9px; padding: 0 0 12px; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; }

.login_essential #accordion .panel-title a span { color: #000000; padding-right: 8px; font-size: 18px; }

.login_essential #accordion .panel-title a.collapsed span { color: #222222; }

.login_essential .panel { border: 0; }

.login_essential .panel { box-shadow: none; }

.login_essential .single-checkout > h2 { font-size: 16px; font-weight: 500; margin-bottom: 13px; padding-top: 7px; }

.login_essential h3.login-title { color: #252531; font-family: "Roboto",sans-serif; font-size: 15px; letter-spacing: 0.3px; text-transform: uppercase; }

.login_essential .single-checkout p.heading-p { color: #222222; font-size: 14px; margin-bottom: 19px; }

.login_essential .single-checkout label { color: #7d7d7d; display: block; font-size: 14px; font-weight: 400; margin-bottom: 5px; overflow: hidden; }

.login_essential .single-panel { float: left; width: 50%; }

.login_essential .single-panel:first-child { padding-right: 41px; }

.login_essential .single-panel:last-child { padding-left: 41px; }

.login_essential .single-checkout input { float: left; height: 23px; width: auto; cursor: pointer; }

.login_essential .single-checkout:first-child { margin-bottom: 14px; }

.login_essential .single-checkout span { color: #7d7d7d; float: left; padding-left: 7px; }

.login_essential .single-checkout input[type="radio"] { margin-top: -2px; }

.login_essential .single-checkout h4 { color: #222222; font-size: 14px; font-weight: normal; margin: 0 0 31px; }

.login_essential .panel-body p.fast-check { color: #7d7d7d; line-height: 25px; margin-bottom: 1px; }

.login_essential .fast-check span { padding-right: 13px; padding-left: 0; }

.login_essential .single-checkout p { color: #7d7d7d; }

.login_essential .single-checkout:last-child .heading-p { margin-bottom: 15px; }

.login_essential .login-btn { margin-top: 29px; }

.login_essential .c-btn:hover, .login_essential .login-btn:hover, .login_essential .login-reister-area .c-btn:hover { background: #E03550 none repeat scroll 0 0; color: #ffffff; }

.login_essential .login-form input { border: 1px solid #e1e1e1; border-radius: 0; box-shadow: none; clear: both; cursor: auto; display: block; height: 32px; margin-bottom: 10px; overflow: hidden; padding: 0 10px; width: 100%; }

.login_essential .single-checkout .login-form p { color: #666666; font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 0; padding-bottom: 5px; }

.login_essential .login-form p span { color: #eb340a; padding-left: 2px; }

.login_essential .forgot-pass { border-bottom: 1px solid #222222; color: #222222; display: inline-block; line-height: 13px; margin-top: 5px; overflow: hidden; text-decoration: none; z-index: 9; }

.login_essential .login-reister-area .c-btn { display: block; float: left; margin-top: 20px; padding: 6px 25px !important; }

.login_essential .checkout-progress .section-title { margin-bottom: 0; margin-right: 0; }

.login_essential .checkout-progress ul.check li { border-bottom: 1px solid #ececec; display: block; padding: 13px 0 17px; }

.login_essential .checkout-progress ul.check li:last-child { border: 0; }

.login_essential .checkout-progress .check > li a { color: #7d7d7d; text-transform: uppercase; font-size: 13px; }

.login_essential .checkout-progress .check > li a:hover { color: #BDA87F; }

.login_essential .checkout-progress ul.check li a i { margin-right: 18px; font-size: 14px; }

.login_essential .customer-name div, .login_essential .customer-info div, .login_essential .customer-info div, .login_essential .city-country div { float: left; width: 50%; }

.login_essential .login-form p { color: #7d7d7d; padding-bottom: 0; }

.login_essential .city-country, .login_essential .customer-info, .login_essential .customer-name { overflow: hidden; }

.login_essential .city-country select { background: #ffffff none repeat scroll 0 0; border: 1px solid #e1e1e1; height: 32px; line-height: 32px; padding: 0 5px; width: 100%; cursor: pointer; }

.login_essential .ship-address > input { display: inline-block; height: auto; margin-right: 6px; padding: 0; position: relative; top: -3px; width: auto; }

.login_essential .login-form .buttons-set { padding-bottom: 0; padding-top: 10px; overflow: hidden; }

.login_essential .ship-address label { font-weight: normal; margin-bottom: 0; cursor: pointer; }

.login_essential .ship-address input[type="radio"] { display: inline-block; margin-right: 9px; margin-top: 0; width: auto; height: auto; }

.login_essential .ship-address input[type="radio"]:focus, .login_essential .billing-add input[type="checkbox"]:focus { outline: none; }

.login_essential .billing-add input[type="checkbox"] { display: inline-block; height: auto; margin-right: 6px; margin-top: -2px; width: auto; }

.login_essential .ship-new-address-info { display: none; }

.login_essential p.back-link { float: left; line-height: 14px; margin-top: 13px; padding-left: 0; }

.login_essential p.back-link a:hover { color: #BDA87F; }

.login_essential .ship-method .buttons-set { margin: 20px 0 0; padding-top: 15px; overflow: hidden; }

.login_essential .ship-wrap .ship-address input { margin-top: 0; top: 2px; position: relative; }

.login_essential .checkout-table { padding: 10px; }

.login_essential .checkout-table table { width: 100%; }

.login_essential .checkout-table thead th { color: #7d7d7d; font-size: 14px; font-weight: 400; padding: 10px; text-transform: uppercase; }

.login_essential .checkout-table table .p-amount { width: 80px; }

.login_essential .checkout-table table .p-quantity { text-align: center; width: 50px; }

.login_essential .checkout-table table .p-total { width: 90px; }

.login_essential .checkout-table tbody tr, .login_essential .checkout-table tfoot { border-top: 1px solid #f2f2f2; }

.login_essential .checkout-table tbody td.p-name { color: #232323; font-size: 16px; text-align: left; }

.login_essential .checkout-table tbody td { padding: 10px; text-align: right; color: #7d7d7d; }

.login_essential .checkout-table tfoot td { color: #7d7d7d; padding: 2px 10px; text-align: right; }

.login_essential .checkout-table tfoot tr:first-child, .login_essential .checkout-table tfoot tr:last-child { font-size: 16px; }

.login_essential .checkout-buttons { border: 1px solid #d9dde3; margin: 12px 2px; overflow: hidden; padding: 20px 30px; }

.login_essential .checkout-table .login-btn { margin-top: 0; }

.login_essential .panel-body p.fast-check:nth-of-type(3) { margin-bottom: 40px; }

.login_essential .panel-body { border: 1px solid #dcdcdc; margin-bottom: 59px; padding: 32px 49px 31px 36px; overflow: hidden; }

.login_essential .single-panel:nth-child(2) .single-checkout > h4 { margin-bottom: 20px; }

.login_essential .login-form > form { padding-top: 5px; }

.login_essential .forgot-pss { display: inline-block; }

.login_essential .forgot-pass:hover { color: #BDA87F; border-color: #BDA87F; }

.login_essential .single-checkout .default-btn { font-size: 13px; padding: 0 30px; }

.login_essential .single-checkout .default-btn:hover, .login_essential .single-checkout .default-btn:active, .login_essential .single-checkout .default-btn:focus { color: #fff; }

.login_essential .pass-wrap { margin-bottom: 27px; }

.login_essential .customer-name > div:nth-child(1), .login_essential .customer-info > div:nth-child(1), .login_essential .city-country > div:first-child { padding-right: 15px; }

.login_essential .customer-name > div:nth-child(2), .login_essential .customer-info > div:nth-child(2), .login_essential .city-country > div:nth-child(2) { padding-left: 15px; }

.login_essential .buttons-set .button { float: right; }

.login_essential .ship-method > p { color: #7d7d7d; }

.login_essential .buttons-set .button { float: right; }

.login_essential .ship-method > p { color: #7d7d7d; }

.login_essential .ship-method.payment { text-align: left; }

.login_essential .ship-address { margin-bottom: 10px; }

.login_essential .checkout-buttons > p { color: #7d7d7d; float: left; }

.login_essential .checkout-buttons .button { float: right; }

.login_essential .checkout-buttons .default-button { float: right; }

.login_essential .checkout-buttons .default-btn { float: right; font-size: 13px; }

.login_essential .checkout-buttons a:hover { color: #BDA87F; }

.login_essential .checkout-progress .section-title > h4 { border-bottom: 2px solid #ececec; color: #222222; font-family: "Roboto",sans-serif; font-size: 18px; letter-spacing: 0.2px; line-height: 14px; margin-bottom: 5px; padding-bottom: 25px; text-transform: uppercase; }

.login_essential .checkout-progress .section-title { margin-bottom: 0; margin-right: 0; }

@media only screen and (max-width: 767px) { .login_essential .panel-body { padding: 0; }
  .login_essential .nav-tabs { margin-bottom: 10px; }
  .login_essential .tab-content { padding: 10px; }
  .login_essential .single-panel { width: 100%; }
  .login_essential .single-panel:first-child { padding: 0 !important; }
  .login_essential #checkout .tab_1 .login-form { padding-top: 0; } }

/*----------------------------------------*/
#nav-tabContent .tab_2.tab-pane { padding-top: 0; margin-top: -20px; }

/* login page End */
@media only screen and (max-width: 991px) { .checkout_essential .checkout_sidebar .orderSum i { left: 135px !important; } }

#order-list .link { color: #007bff; }

#order-list .link:hover { text-decoration: underline; }

.login_essential .default-btn { border-radius: 0; height: 44px; border: 0; line-height: 24px; padding: 9px 20px; color: #ffffff; background-color: #333333; font-weight: 700; }

.login_essential .default-btn:hover { background-color: #cea679; }

@media only screen and (max-width: 767px) { .login_essential .login-form, .login_essential .register-form, .login_essential .tab-content { padding: 0; } }

/* return cancel start */
a.button { background: #252531 none repeat scroll 0 0; border: 0 none; color: #ffffff; cursor: pointer; display: inline-block; font-size: 13.3px; font-weight: 600; letter-spacing: 0.2px; line-height: 39px; padding: 0 27px; text-transform: uppercase; }

.td_chckbox input { height: 35px; }

#return_order select { width: 100%; background: #eceff8; border: 2px solid #eceff8; height: 45px; padding-left: 10px; box-shadow: none; font-size: 14px; color: #626262; }

#return_order .response_select { margin-left: 55px; width: 250px; background: transparent; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; float: left; }

#order-list .modified::after { top: -5px !important; }

/* return cancel End */
.delivery_txt { font-size: 12px; }

.get_direction { font-size: 11px !important; padding-left: 18px !important; }

.get_direction:before { top: 6px !important; }

#modal-verify-agent-feature .modal-title { margin-bottom: 0; }

/* left block start */
.left_block { display: inline-block; width: 100%; position: relative; }

.left_block .header_block { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #ececec; padding-bottom: 5px; }

.left_block .header_block .header_wrp .heading_1 { font-size: 18px; color: #222222; letter-spacing: 0.2px; text-transform: uppercase; font-weight: 700; margin: 0; }

.left_block .header_block .logo_wrp { display: flex; align-items: center; justify-content: space-between; padding-right: 10px; }

.left_block .header_block .logo_wrp .logocnt { /*width: 35px; height: 35px;*/ line-height: 35px; text-align: center; /*overflow: hidden;*/ float: left; }

.left_block .header_block .logo_wrp .logotxt { font-size: 18px; color: #8c8c8c; letter-spacing: 0.2px; text-transform: uppercase; font-weight: 700; margin: 0; float: left; padding-left: 5px; }

.left_block .heading_2 { font-size: 16px; color: #222222; letter-spacing: 0.2px; text-transform: uppercase; margin: 0; }

.left_block .heading_2.v2 { font-weight: 700; margin-top: 20px; }

.left_block .body_content_wrp { display: inline-block; width: 100%; padding: 5px 10px 10px 0; }

.left_block .body_para { font-size: 16px; color: #222222; letter-spacing: 0.2px; margin: 5px 0 0 0; }

.left_block .body_list { list-style: none; display: inline-block; width: 100%; padding-top: 10px; }

.left_block .body_list li { display: inline-block; width: 100%; font-size: 16px; color: #222222; letter-spacing: 0.2px; padding-top: 5px; padding-bottom: 10px; }

.left_block .body_list li .bold_text { font-weight: 700; }

.left_block .galery_wrp { display: inline-block; width: 100%; }

.left_block .galery_wrp .galery_list { display: inline-block; width: 100%; margin-left: -8px; }

.left_block .galery_wrp .galery_list li { float: left; width: 160px; height: 90px; line-height: 90px; background: #8c8c8c; text-align: center; margin: 8px; overflow: hidden; }

.left_block .galery_wrp .galery_list li img { max-width: 100%; }

.left_block strong { font-weight: 700; }

@media only screen and (max-width: 767px) { .left_block .header_block { flex-direction: column-reverse; }
  .left_block .header_block .header_wrp { margin-top: 10px; }
  .left_block .body_content_wrp { padding-right: 0; }
  .left_block .galery_wrp .galery_list li { width: 100%; } }

/* left block End */
.header-cart.hovered .header-cart-dropdown { opacity: 1; visibility: visible; top: 100%; display: block; }

.success_msg, .error_msg { position: fixed; top: 0; z-index: 999; width: 100%; padding: 13px; font-size: 14px; margin-bottom: 0; visibility: hidden; opacity: 0; transform: translateY(-30%); transition: all .3s ease 0s; display: flex; justify-content: center; align-items: center; min-height: 60px; }

.success_msg { background-color: #d4edda  !important; color: #155724; }

.error_msg { background-color: #f8d7da  !important; color: #721c24; }

.success_msg.animate, .error_msg.animate { visibility: visible; opacity: 1; transform: translateY(0); }

header.header.is-sticky .header-theme { display: none; }

.header-cart-dropdown .cart-items { max-height: 285px; overflow-y: auto; }

.header-cart-dropdown .cart-btn { padding-top: 5px; }

.header-cart-dropdown .product-name { white-space: normal; max-height: 35px; }

.header-cart-dropdown ul.cart-items li { margin-right: 10px; }

.shiping_txt { font-size: 13px; margin-bottom: 0; text-align: right; }

@media only screen and (max-width: 479px) { .shiping_txt { font-size: 11px; } }

.cart_breadcrumb { border-bottom: 1px solid rgba(112, 112, 112, 0.5); padding-bottom: 15px; padding-top: 10px; }

.cart-total { border-bottom: 0; }

@media only screen and (max-width: 991px) { .fb .footer-bottom { padding-bottom: 180px; } }

.suggested-prod-btn { bottom: 180px !important; }

.header-cart .header-cart-dropdown { top: 100%; }

.cart_dd_row { width: 100%; display: flex; align-items: center; }

.cart_dd_row.left_right { justify-content: space-between; padding-right: 20px; }

.cart_dd_wrp { width: 100%; }

.cart_dd_ul { width: calc(100% - 40px); margin: 0 auto; }

.cart_dd_ul li.cart_dd_li { width: 100%; display: flex; flex-flow: column; padding: 20px 20px; border-top: 1px solid #b4b4b4; position: relative; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_left_cont, .cart_dd_ul li.cart_dd_li.slided .cart_dd_sp, .cart_dd_ul li.cart_dd_li.slided .cart_dd_sub_total_label, .cart_dd_ul li.cart_dd_li.slided .cart_variants, .cart_dd_ul li.cart_dd_li.slided p { display: none; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_right_cont { position: relative; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_right_cont .cart_dd_prod_name { position: static; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_right_cont .cart_dd_prod_name .cls_btn { top: -7px; }

.cart_dd_ul li.cart_dd_li.slided p.cart_dd_mrp, .cart_dd_ul li.cart_dd_li.slided p.cart_dd_category_name, .cart_dd_ul li.cart_dd_li.slided p.cart_dd_sub_total_amount, .cart_dd_ul li.cart_dd_li.slided p.cart_dd_prod_name { display: block; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_right_cont { display: block; margin-left: 0; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_prod_name { width: 60%; float: left; padding-right: 10px; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_right_cont .cart_dd_row { width: 35%; float: left; padding: 0; justify-content: flex-end; margin-top: -10px; line-height: 30px; }

.cart_dd_ul li.cart_dd_li.slided .cart_dd_sub_total_amount { margin-left: 0; }

.cart_dd_ul li.cart_dd_li:first-child { border-top: none; }

.cart_dd_ul li.cart_dd_li .fa { color: #494848; font-size: 20px; }

.cart_dd_ul li.cart_dd_li .cart_dd_category_name { width: 100%; padding-right: 10px; margin-top: 16px; margin-bottom: 0; cursor: pointer; }

.cart_dd_ul .quantity-update-box { display: block; width: 100%; height: 24px; margin: 20px 0 0 0; overflow: hidden; padding: 0; position: relative; border-radius: 5px; border: 1px solid #9f9f9f; background-color: #ffffff; }

.cart_dd_ul .quantity-update-box .qtyUpdateBtn { z-index: 3; color: #9f9f9f; cursor: pointer; float: inherit; font-size: 14px; font-weight: 500; line-height: 21px; margin: 0; position: absolute; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 20px; height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; top: 0; }

.cart_dd_ul .quantity-update-box .decr { left: 0; border-right: solid 1px #cccccc; }

.cart_dd_ul .quantity-update-box .incr { right: 0; border-left: solid 1px #cccccc; }

.cart_dd_ul .quantity-update-box .quantity-input-box { border-radius: 0; background: transparent none repeat scroll 0 0; border: medium none; color: #1a1a1a; float: left; font-size: 12px; margin: 0; padding: 0; text-align: center; height: 100%; width: 100%; padding: 0 22px; }

.cart_dd_left_cont { width: 86px; }

.cart_dd_right_cont { display: flex; flex-grow: 1; margin-left: 20px; flex-flow: column; width: calc(100% - 86px); }

.cart_dd_category_name { font-size: 13px; color: #909090; text-transform: capitalize; }

.cart_dd_img_cont { width: 100%; height: 87px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: solid 1px #b9b8b8; background-color: #ffffff; overflow: hidden; }

.cart_dd_img_cont img { width: 100%; }

.cart_dd_prod_name { font-size: 18px; font-size: 16px; color: #292929; margin-bottom: 10px; line-height: normal; margin-top: -2px; position: relative; padding-right: 25px; }

.cart_dd_prod_name .cls_btn { position: absolute; top: -5px; right: 0; cursor: pointer; font-style: inherit; color: #999999; }

.cart_dd_mrp { font-size: 16px; color: #b4b4b4; text-decoration: line-through; margin-bottom: 2px; }

.cart_dd_sp { font-size: 16px; color: #b4b4b4; margin: 0 0 2px 20px; }

.cart_dd_sub_total_label { font-size: 12px; color: #000000; margin: 0 0 2px 0; }

.cart_dd_sub_total_amount { font-size: 16px; color: #000000; margin: 0 0 2px 10px; }

.cart_dd_left_cont .cart-plus-minus { display: block; height: 26px; margin: 20px 0 0 0; overflow: hidden; padding: 0; position: relative; border-radius: 5px; border: solid 1px #cccccc; background-color: #ffffff; }

.cart_dd_left_cont .cart-plus-minus .qtybtn { color: #343538; cursor: pointer; float: inherit; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0; position: absolute; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 20px; height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; top: 0; }

.cart_dd_left_cont .cart-plus-minus .dec { left: 0; border-right: solid 1px #cccccc; }

.cart_dd_left_cont .cart-plus-minus .inc { right: 0; border-left: solid 1px #cccccc; }

.cart_dd_left_cont .cart-plus-minus input.cart-plus-minus-box { border-radius: 0; background: transparent none repeat scroll 0 0; border: medium none; color: #343538; float: left; font-size: 14px; margin: 0; padding: 0; text-align: center; height: 100%; padding: 0 30px; }

.cart_dd_left_cont .cart-plus-minus, .cart_dd_left_cont .cart-plus-minus input.cart-plus-minus-box { width: 100%; }

.delete_fav_cont { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 0 0; padding: 0 10px; }

.cart_dd_down_arr { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #909090; position: absolute; right: 20px; top: 20px; cursor: pointer; }

.cart_dd_bottom { width: 100%; box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12); padding: 5px 15px 15px; }

.cart_dd_bottom p { margin-bottom: 0; }

.cart_dd_info { font-size: 12px; color: #909090; margin-top: 8px; }

.cart_dd_total_cont { width: 100%; border-radius: 4px; /* border: solid 1px #b4b4b4; */ margin: 2px 0 0 0; /*padding:9px 15px 7px;*/ padding: 4px ​0 7px; background-color: #ffffff; display: flex; align-items: center; justify-content: space-between; }

.cart_dd_total_count { font-size: 16px; font-weight: normal; color: #1a1a1a; }

.cart_dd_total_label { font-size: 16px; font-weight: normal; color: #1a1a1a; margin-bottom: 0; }

.cart_dd_total_amount { font-size: 18px; font-weight: 500; color: #1a1a1a; }

.cart_dd_total_btn_cont { display: flex; width: 100%; margin-top: 8px; }

.cart_dd_total_btn_cont a { font-size: 16px; font-weight: 500; border-radius: 4px; padding: 0 10px; flex-grow: 1; display: flex; height: 40px; align-items: center; justify-content: center; padding-top: 2px; }

.cart_dd_total_btn_cont a:first-child { /* margin-right:10px; */ }

.cart_dd_edit_btn { background: #ffffff; color: #000000; border: 1px solid #000000; box-sizing: border-box; }

.cart_dd_checkout_btn { color: #ffffff; background-color: #000000; color: #ffffff; }

.cart_dd_checkout_btn:hover { color: #ffffff; }

.cart_dd_ul.os-host { /*width: calc(100% - 20px); margin-left: 15px;*/ width: 100%; padding: 10px 0; }

.cart_dd_ul.os-host .cart_dd_li { border: none; /*&:after { content:''; width: calc(100% - 20px); height: 1px; background:#b4b4b4; position: absolute; bottom: 0;   }         */ }

.cart_dd_ul.os-host .os-content .cart_dd_li:last-child:after { height: 0; }

.cart_dd_li.collapsed .cart_dd_category_name { margin-bottom: 0; }

.right_fix_block, .cart_mobile, #cart-dropdown { /*.cart_dd_ul{max-height: 450px;}*/ }

.right_fix_block .cart_dd_row.align-normal, .cart_mobile .cart_dd_row.align-normal, #cart-dropdown .cart_dd_row.align-normal { align-items: normal; border-top: 1px solid #b4b4b4; padding: 15px 0 25px; }

.right_fix_block .cart_dd_row.align-normal + .cart_dd_row.align-normal, .cart_mobile .cart_dd_row.align-normal + .cart_dd_row.align-normal, #cart-dropdown .cart_dd_row.align-normal + .cart_dd_row.align-normal { padding-top: 30px; }

.right_fix_block .cart_dd_row.align-normal:first-child, .cart_mobile .cart_dd_row.align-normal:first-child, #cart-dropdown .cart_dd_row.align-normal:first-child { border: none; }

.right_fix_block .cart_dd_sp, .cart_mobile .cart_dd_sp, #cart-dropdown .cart_dd_sp { margin-left: 0; }

.right_fix_block .cart_dd_mrp, .right_fix_block .cart_dd_sub_total_amount, .cart_mobile .cart_dd_mrp, .cart_mobile .cart_dd_sub_total_amount, #cart-dropdown .cart_dd_mrp, #cart-dropdown .cart_dd_sub_total_amount { margin-right: 10px; }

.right_fix_block .cart_dd_down_arr, .cart_mobile .cart_dd_down_arr, #cart-dropdown .cart_dd_down_arr { top: 30px; }

.right_fix_block .cart_dd_ul .cart_dd_li, .cart_mobile .cart_dd_ul .cart_dd_li, #cart-dropdown .cart_dd_ul .cart_dd_li { padding: 10px 15px 0; border-top: 1px solid #b4b4b4; }

.right_fix_block .cart_dd_ul .cart_dd_li:first-child, .cart_mobile .cart_dd_ul .cart_dd_li:first-child, #cart-dropdown .cart_dd_ul .cart_dd_li:first-child { border: none; padding-top: 0; }

.right_fix_block .cart_dd_ul .cart_dd_li:first-child .cart_dd_down_arr, .cart_mobile .cart_dd_ul .cart_dd_li:first-child .cart_dd_down_arr, #cart-dropdown .cart_dd_ul .cart_dd_li:first-child .cart_dd_down_arr { top: 20px; }

.right_fix_block .cart_dd_li .cart_dd_category_name, .cart_mobile .cart_dd_li .cart_dd_category_name, #cart-dropdown .cart_dd_li .cart_dd_category_name { margin-top: 16px; margin-bottom: 0; }

#cart-dropdown .cart_dd_ul { max-height: calc(100vh - 360px); }

.sticky #cart-dropdown .cart_dd_ul { max-height: calc(100vh - 208px); }

#cart-dropdown .cart_dd_down_arr { right: 17px; }

@media only screen and (max-width: 767px) { #order-summary .cart_dd_ul { width: calc(100% - 20px); }
  #order-summary .cart_dd_ul li.cart_dd_li { padding: 0; }
  #order-summary .cart_dd_ul li.cart_dd_li .cart_dd_down_arr { right: 0; top: 25px; }
  #order-summary .cart_dd_ul li.cart_dd_li .cart_dd_right_cont { margin-left: 10px; width: calc(100% - 70px); }
  .sticky #cart-dropdown { right: -68px; }
  .cart_body .cart_mobile .cart_dd_down_arr { right: 15px; } }

/* artfurniture theme overwrite */
.cart-dropdown { width: 333px; border-radius: 5px; }

#cart-dropdown .cart-box-wrapper { width: 100%; float: none; margin: 0; }

.cart-box-wrapper .cart-dropdown { padding: 0; }

.cart_dd_ul { /*max-height:335px;*/ max-height: 440px; overflow: hidden; }

.cart_dd_ul .varImgList { width: 100%; display: flex; list-style-type: none; margin: 9px 0 0 -10px; }

.cart_dd_ul .varImgList li { width: auto; height: auto; margin: 0 0 9px 10px; }

.cart_dd_ul .varImgList li a { width: 40px; height: 40px; border: 2px solid #e9ecef; display: flex; align-items: center; justify-content: center; }

.cart_dd_ul .varImgList li a.active { border: 2px solid #bda87f; }

.cart_dd_ul .varImgList li.clr_round a { border-radius: 50%; width: 28px; height: 28px; overflow: hidden; border: none; }

.cart_dd_ul .varImgList li.prod_spec a { font-size: 12px; /*min-width: 60px;*/ min-width: 34px; height: 34px; padding: 2px 10px; box-sizing: border-box; border-radius: 9px; border: solid 1px #bcbcbc; }

.cart_dd_ul .varImgList li p { font-size: 14px; color: #444; margin-bottom: 0; }

.cart_dd_ul .varImgList li.clr_round a span { display: block; width: 100%; height: 100%; }

@media only screen and (min-width: 1024px) and (max-width: 1199px) { .cart_dd_ul { height: 340px; } }

#cart-total { padding: 0; }

.cart_dd_info { font-size: 11px !important; }

.cart_dd_total_label { margin-bottom: 0; }

#cart-dropdown .close i { display: none; }

.varietion { /*margin-top:10px; */ margin-bottom: 20px; }

.varietion li { margin: 5px 0; display: inline-block; width: 100%; }

.varietion li .form-control { width: 250px; }

/*.varietion li label{font-size:14px; color:#000000;text-transform: uppercase; margin-bottom:3px;}*/
.varietion li label { font-weight: 700; color: #454545; font-size: 13px; text-transform: uppercase; }

.varImgList { width: calc(100%-140px); list-style-type: none; /*display: flex;*/ margin-top: 6px; }

.varImgList li { width: auto; height: auto; margin-left: 10px; }

.varImgList li:first-child { margin-left: 0; }

.varImgList li a { width: 40px; height: 40px; border: 1px solid #e9ecef; display: flex; align-items: center; justify-content: center; }

.varImgList li a.active, .otherVarList li a.active { border: 2px solid #333333; }

.p-thumb { position: relative; }

.see_all_choices > li { /* display:flex;*/ align-items: center; /*margin:0 0 20px 0;*/ }

.see_all_choices li label { flex: 0 0 100px; width: 100px; float: left; margin-bottom: 0; }

.see_all_choices li .varImgList { margin: 0; }

.see_all_choices li .varImgList li { margin-top: 0; margin-bottom: 0; }

.see_all_choices li .p-d-buttons { width: 100%; }

.see_all_choices li .qty-cart-add > a { /*width:290px;*/ }

.see_all_choices li .product-price .prev-price { font-family: "Roboto",sans-serif; font-size: 15px; }

.product-category-20.left-col .col-sm-9.blog-details, .product-category-20 .col-sm-3.hidden-xs .box { margin-top: 30px; }

.footer-area { margin-top: 24px; }

.varImgList.nav li p { font-size: 14px; color: #444444; margin-bottom: 0; }

.varImgList li.prod_spec a { min-width: 52px; width: auto; height: 25px; padding: 0 10px; box-sizing: border-box; font-size: 13px; border-radius: 3px; }

.varImgList li.prod_spec .red { background: transparent; }

.msg-error, .productErr { float: left; padding: 2px; color: #333333; font-size: 12px; background: #fff9eb; border: 1px solid red; align-self: center; margin: 10px 0; padding: 5px 10px; }

.varietion li.productErr { width: auto !important; display: none; }

.single-product-thumbnail { margin-top: 20px; width: 100%; }

.single-product-thumbnail { margin-top: 20px; width: 100%; }

.single-product-thumbnail .slick-list .p-thumb { border: 2px solid rgba(0, 0, 0, 0); cursor: pointer; padding: 0; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.single-product-thumbnail .slick-list .p-thumb img { cursor: pointer; width: 100%; }

.single-product-thumbnail .p-thumb:after { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)) repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }

.single-product-thumbnail .p-thumb.slick-current { border-color: #333333; }

.single-product-thumbnail .p-thumb.slick-current:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.single-product-image .p-image img { width: 100%; }

.single-product-thumbnail .slick-list .p-thumb { height: auto; }

.see_all_choices > li { display: flex; /* align-items: center; margin:0 0 20px 0;*/ }

.see_all_choices li label { flex: 0 0 100px; width: 100px; float: left; margin-bottom: 0; }

.see_all_choices li .varImgList { margin: 0; }

.see_all_choices li .varImgList li { margin-top: 0; margin-bottom: 0; }

.see_all_choices li .p-d-buttons { width: 100%; }

.see_all_choices li .qty-cart-add > a { /*width:290px;*/ }

.see_all_choices li .product-price .prev-price { font-family: "Roboto",sans-serif; font-size: 15px; }

.product-category-20.left-col .col-sm-9.blog-details, .product-category-20 .col-sm-3.hidden-xs .box { margin-top: 30px; }

.footer-area { margin-top: 24px; }

.prodDetail_optCont { margin-left: 10px; }

.varImgList.nav li p { font-size: 14px; color: #444444; margin-bottom: 0; }

.varImgList li.prod_spec a { min-width: 52px; width: auto; height: 25px; padding: 0 10px; box-sizing: border-box; font-size: 13px; border-radius: 3px; }

.varImgList li.prod_spec .red { background: transparent; }

.varImgList li.prod_spec .disable { /* color: #cccccc; */ }

.varImgList li.imgSpec .disable { /* opacity: .3; filter: alpha(opacity=30); */ }

.list-unstyled li .varaintTxt .p-d-price { font-weight: 700; display: inline-block; margin-bottom: 10px; }

.varImgList li a:hover { /* border: 2px solid #bda87f; */ }

.tab-content .p-d-price { font-weight: 700; }

.msg-error, .productErr { float: left; padding: 2px; color: #333333; font-size: 12px; background: #fff9eb; border: 1px solid red; align-self: center; margin: 10px 0; padding: 5px 10px; }

.varietion li.productErr { width: auto !important; display: none; }

.variant_spec { /* display: none; */ }

.variant_spec .model-stock .stockQuan { margin-left: 0; font-weight: 700; margin-right: 10px; }

.model-stock > span span.skuNum { font-weight: 400; }

.varImgList.nav:empty { display: none; }

/* color  start */
.varImgList .list_colour a { border-radius: 50%; width: 20px; height: 20px; overflow: hidden; padding: 0px; }

.varImgList .list_colour a span { display: block; width: 100%; height: 100%; }

/* color  end */
.varImgList .imgSpec a span { background: url(../images/transImg.jpg); }

.varImgList span { background: url(../images/transImg.jpg); }

#content ul.see_all_choices li { padding: 0px; margin-bottom: 5px; }

#content ul.see_all_choices .productErr { padding: 5px 10px; }

.see_all_choices li .varImgList li { margin-bottom: 10px; }

.varImgList li:first-child { margin-left: 10px; }

.varImgList .clr_round a { border-radius: 50%; width: 20px; height: 20px; overflow: hidden; }

.varImgList .clr_round a span { display: block; width: 100%; height: 100%; }

.varImgList.nav .disable.disabled_attr { border-color: #e9ecef !important; }

.single-product-quantity { display: flex; margin-bottom: 35px; }

.single-product-quantity .product-quantity { background: #fff; border: 1px solid #ededed; float: left; margin-right: 15px; padding: 0 10px; border-radius: 0; }

.single-product-quantity .product-quantity input { background: none; border: none; color: #333333; font-size: 20px; font-weight: 400; height: 55px; line-height: 53px; padding: 0; width: 85px; text-align: center; }

.product-add-btn { background: #333333; border: none; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; cursor: pointer; height: 55px; letter-spacing: 0; line-height: 55px; margin: 0; padding: 0 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-add-btn-v1 { background: #ffffff; border: 1px solid #000000; color: #000000; font-size: 14px; font-weight: bold; border-radius: 5px; cursor: pointer; height: 55px; letter-spacing: 0; line-height: 55px; margin: 0 15px 0 0; padding: 0 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-add-btn:focus { color: #fff; }

@media only screen and (max-width: 767px) { .product-add-btn { padding: 0 25px; } }

.product-add-btn:hover { background: #cea679; color: #fff; }

.product-quantity-cont { display: flex; }

.qty_label { width: 100px; font-weight: 700; color: #454545; font-size: 13px; text-transform: uppercase; }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .product-add-btn, .product-add-btn-v1 { padding: 0 20px; } }

@media only screen and (min-width: 768px) { .qty_label { display: none; } }

#myModal p, #myModal a, #myModal h1, #myModal h2, #myModal h3, #myModal h4, #myModal h5, #myModal h6 { font-family: "Open Sans", sans-serif; }

#myModal button.close { top: 0 !important; background: transparent; color: #333; font-size: 1.5rem; width: auto; padding: 10px; height: auto; }

.options_li { display: block !important; }

.options_li label { width: 100% !important; flex: 100% !important; float: none !important; margin-bottom: 8px !important; }

.options_li .prodDetail_optCont { margin-left: 0 !important; }

.prod_share_cont { width: 100%; }

.prod_share_cont a { margin: 0 10px; }

.prod_share_cont a i { padding-right: 10px; }

@media only screen and (max-width: 1199px) { .qty_label { display: block; }
  .single-product-quantity { display: block; }
  .single-product-quantity .product-quantity-cont { margin-bottom: 15px; } }

.selling-price { font-weight: bold; }

.discount-txt { font-size: 13px !important; font-family: Montserrat,sans-serif; color: #2db843 !important; }

.discount-txt span { font-size: 14px !important; font-weight: 600; }

#list .discount-txt { font-size: 18px; margin-top: 0 !important; }

#list .discount-txt span { font-size: 18px !important; }

.hide { display: none; }

/* comon checkout start */
#checkout_body #address_form_new .form-check.v2 .form-check-input { position: relative; margin: 0; width: 22px; height: 22px; border-radius: 5px; border: 1px solid #707070; float: left; }

#checkout_body .already_login .lgn_link { margin-left: 5px; }

.header-cart-dropdown#cart-dropdown { padding: 0; }

.comon_checkout #input-coupon { border-radius: 4px; }

#add-address-register-otp .otp_input_ele { border: none; }

#address_form_new #add-address-register-otp .code_inp_list li input { border: none; border-bottom: 1px solid #cccccc; }

@media only screen and (max-width: 1919px) { #add-address-register-otp .otp_input_ele { height: 25px; } }

/* comon checkout start */
/*gi badge start*/
.gi_badge { width: auto; border-radius: 12px; border: solid 1px #ebebeb; display: inline-flex; line-height: initial; align-items: center; padding: 3px 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.gi_badge .gi_logo_sm { width: 11px; height: 16px; background-image: url(../images/gi-logo.svg); display: block; background-size: cover; margin-right: 5px; }

.gi_badge p { font-size: 12px; font-weight: 600; color: #4c4c4c; margin: 0; }

.flex-wrapper { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; margin-bottom: 5px; }

.flex-wrapper .gi_badge { margin-right: 15px; }

/*gi badge end*/
/* search box - sonali */
.ddlist { padding: 15px 5px; width: calc(100% - 165px); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); display: none; background: #ffffff; top: 40px; right: 30px; position: absolute; z-index: 12; border-radius: 5px; }

.product_wrp { /*  display: inline-block; */ display: flex; width: 100%; position: relative; line-height: normal; padding: 10px 10px 43px 0; z-index: 2; }

.product_wrp .prod_image { float: left; display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; border: 1px solid #c4c4c4; box-sizing: border-box; overflow: hidden; }

.product_wrp .prod_image img { max-width: 100%; }

.product_wrp .prod_name_wrp { display: inline-block; width: calc(100% - 96px); padding: 0 60px 0 15px; text-align: left; }

.product_wrp .prod_name_wrp .prod_name { font-size: 14px; color: #000000; margin: 0; }

.product_wrp .price_wrp { position: absolute; top: 10px; right: 10px; text-align: right; }

.product_wrp .price_wrp .offer_price { font-size: 12px; color: #e33e1d; margin: 0; }

.product_wrp .price_wrp .price_txt { font-size: 14px; color: #e33e1d; margin: 0; }

.product_wrp .price_wrp .mrp_txt { font-size: 12px; color: #8c8c8c; text-decoration: line-through; margin: 0; }

.product_wrp .border_btn_2 { position: absolute; bottom: 10px; right: 0; }

.product_wrp:hover .border_btn_2 { background-color: #e33e1d; color: #ffffff; }

.searchDdList { max-height: 505px; /*min-height: 200px;*/ min-height: auto; overflow-x: hidden; overflow-y: auto; }

.searchDdList li { padding: 0 10px; }

/* search box - sonali end*/
.header-search #searchDDWrp.ddlist { width: calc(100% + 60px); left: auto; top: 52px; }

.header-search .os-content { color: #4c4c4c; }

@media only screen and (max-width: 767px) { .header-search .product_wrp .prod_name_wrp { padding-right: 0; width: calc(100% - 60px); }
  .header-search #searchDDWrp.ddlist { width: 100%; left: 0; padding-left: 0; padding-right: 0; }
  .header-search .product_wrp .price_wrp { position: relative; text-align: left; right: 0; }
  .header-search .product_wrp .price_wrp .price_txt, .header-search .product_wrp .price_wrp .mrp_txt { display: inline-block; }
  .header-search .product_wrp .price_wrp .mrp_txt { margin-left: 5px; }
  .header-search .product_wrp .price_wrp .search_btn { display: block; padding-top: 5px; } }

.header-search .product_wrp:last-child { padding-bottom: 10px; }

.header-search .form_loader { top: 15px; right: 50px; }

.header-search #searchDDWrp.ddlist.no-results { width: 100%; }

.priceLabel { font-size: 13px; font-weight: 700; flex: 0 0 100px; width: 100px; float: left; margin-bottom: 0; text-transform: uppercase; }

.single-product-price .price.new-price { font-size: 18px; }

.inclusiveTax { font-size: 12px; color: #6a6a6a; margin-bottom: 0; margin-left: 112px; }

.mrp-sp-wrp { display: flex; }

.price-unit-wrp { display: inline-flex; align-items: center; line-height: initial; }

.per-unit { font-size: 13px !important; font-weight: normal !important; }

.lessSellingPrice .sp-row { display: block; }

.lessSellingPrice .discount-txt { display: block; }

.lessSellingPrice .variantMrp { text-decoration: line-through; font-weight: normal; }

.lessSellingPrice .per-unit.mrp { text-decoration: line-through; }

.greaterSellingPrice .sp-row { display: none; }

.greaterSellingPrice .discount-txt { display: none; }

.mean-nav { position: relative; z-index: 4; }

.tag_label { background: #cccccc; font-size: 11px; font-family: Helvetica, Sans-Serif; padding: 10px; font-weight: 700; color: #ffffff; margin: 0; text-align: center; position: absolute; display: flex; align-items: center; justify-content: center; left: 10px; top: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); line-height: 13px; z-index: 2; }

.rounded_label { border-radius: 17px; }

.corner_label_wrp { display: inline-block; width: 200px; height: 140px; position: absolute; left: -4px; top: 0; overflow: hidden; z-index: 2; }

.corner_label_wrp .corner_label { padding: 10px; width: 100%; transform: rotate(-45deg); left: -40px; top: 40px; }

.circle_label { width: 80px; height: 80px; border-radius: 100%; }

.simple_label { width: 100%; top: 0; left: 0; }

.poly_txt { font-size: 11px; font-family: Helvetica, Sans-Serif; font-weight: 700; text-transform: uppercase; color: #ffffff; position: absolute; width: 100%; height: calc(100% - 26px); top: 0; left: 0; display: flex; justify-content: center; margin: 0; line-height: 13px; padding-top: 10px; text-align: center; }

.poly_label_1 { position: absolute; top: 0; left: 0; width: 80px; z-index: 2; }

.poly_txt.v2 { height: calc(100% - 10px); }

.poly_label_2 { position: absolute; top: 0; left: 0; width: 80px; z-index: 2; }

.label_img { position: absolute; top: 10px; left: 10px; }

#grid .poly_mobile { display: none; }

@media only screen and (max-width: 479px) { #grid .poly_label_1, #grid .poly_label_2 { width: 70px; }
  #grid .tag_label, #grid .label_img, #grid .poly_txt { left: 0; top: 0; font-size: 9px; line-height: 12px; }
  #grid .corner_label_wrp { width: 165px; }
  #grid .corner_label_wrp .corner_label { top: 25px; left: -40px; }
  #grid .label_img, #grid .circle_label { width: 60px; height: 60px; }
  #grid .poly_desk { display: none; }
  #grid .poly_mobile { display: block; } }

#leftImgCont .tag_label, #leftImgCont .poly_label_1, #leftImgCont .poly_label_2, #leftImgCont .label_img { left: 25px; top: 10px; }

#leftImgCont .simple_label { left: 15px; width: calc(100% - 30px); top: 0; }

#leftImgCont .corner_label_wrp { left: 16px; }

#leftImgCont .corner_label_wrp .corner_label { left: -42px; top: 40px; }

/* floating label strat */
.is-floating-label { position: relative; }

.form-control-placeholder { position: absolute; top: 11px; transition: all 200ms; font-size: 14px; color: #555555; background: #ffffff; padding: 0 5px; border-radius: 5px; left: 12px; z-index: 1; line-height: normal; margin: 0; }

.is-focused .form-control-placeholder { top: -10px; font-size: 14px; z-index: 3; }

.act_anim .form-control-placeholder { top: -10px; font-size: 14px; z-index: 3; background: #ffffff; color: #363636 !important; }

/* floating label End */
.modal.v2 { padding: 0 !important; }

.modal.v2 .modal-dialog { width: 100%; max-width: 470px; border-radius: 10px; margin-top: 40px; }

.modal.v2 .modal-dialog .modal-content { border-radius: 10px; padding: 0; }

.modal.v2 .modal-dialog .modal-header { padding: 15px 15px 0 15px; border: none; }

.modal.v2 .modal-dialog .modal-header .close { font-size: 50px; font-weight: normal; padding: 0 13px 0 0; position: static; margin: -15px -15px -15px auto; background: transparent; color: #363636; border: none; width: auto; height: inherit; }

.modal.v2 .modal-dialog .modal-body { padding-top: 8px; padding-bottom: 65px; padding: 8px 15px 65px; }

.modal.v2 .form-control { background: transparent; }

@media only screen and (max-width: 767px) { .modal.v2 .modal-dialog { width: calc(100% - 30px); margin: 20px auto; }
  .modal.v2 .modal-dialog .modal-header .close { font-size: 40px; }
  /*.address_form{ .form-control-placeholder{top: 18px;} .act_anim .form-control-placeholder{top: -7px;} }*/ }

/* sign in start */
.login_block { padding: 0 40px; }

.login_heading { font-size: 18px; color: #363636; text-align: center; /* border-bottom:1px solid #d4d4d4;  padding-bottom: 18px;*/ margin-bottom: 0; padding-top: 9px; }

.login_heading.sub_head { font-size: 16px; margin-top: 20px; }

.login_heading a { font-weight: 700; text-transform: uppercase; color: #000000; }

.tab_list { list-style: none; display: flex; justify-content: center; align-items: center; /*margin-top: 21px; */ }

.tab_list li { display: flex; }

.tab_list li a { font-size: 16px; color: #494848; padding: 15px 35px 8px 35px; border-bottom: 2px solid #909090; }

.tab_list li.act a { border-color: #292929; color: #333333; font-weight: 500; border-color: #292929; }

.gen_otp { font-size: 13px; color: #005dff; font-weight: 500; position: absolute; top: 50%; right: 10px; transform: translatey(-50%); z-index: 3; }

.gen_otp:hover { color: #005dff; }

.tab { margin-top: 18px; display: none; }

.tab .form-control { z-index: 2; position: relative; background: transparent; height: 40px; font-size: 14px; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c7c7c7; color: #363636; }

.tab .form-control-placeholder { font-size: 14px; color: #999999; }

.tab .btn.v2 { margin: 26px auto 0; display: flex; justify-content: center; font-size: 18px; text-transform: capitalize; align-items: center; border-radius: 4px; border: none; box-shadow: none; min-width: 200px; background: #000000; color: #ffffff; }

.tab.act { display: block; }

@media only screen and (max-width: 767px) { .login_block { padding: 0 10px; }
  .login_heading { font-size: 14px; text-align: left; }
  .tab_list li { width: 50%; }
  .tab_list li a { font-size: 14px; padding-left: 0; padding-right: 0; width: 100%; } }

#mobile_no { padding-left: 80px !important; }

#ls-signin-overlay .tab .form-group { position: relative; }

#ls-signin-overlay .tab .form-group #generate_otp { position: absolute; top: 20px; right: 10px; }

#ls-signin-overlay .tab .form-group.otp_block > .form-control { width: 100%; }

#ls-signin-overlay .iti__country-list { z-index: 3; }

/* sign in End */
/* sign up start */
.signup_heading { font-size: 18px; color: #494848; font-weight: 600; text-align: center; margin-top: 3px; }

.login_block.v2 { padding: 0 25px; }

.signup_wrp.tab { display: block; }

.signup_wrp.tab .btn.v2 { margin-top: 0; display: flex; }

.mbl_wrp { display: flex; justify-content: space-between; flex-wrap: wrap; }

.mbl_wrp .form-group { /*width: calc(100% - 110px);*/ margin-bottom: 5px; }

.mbl_wrp .btn.v2 { width: 97px; margin: 0; height: 40px; padding: 0 5px; border: solid 1px #8f8f8f; color: #363636; background-color: #ececec; }

.code_txt { font-size: 12px; color: #363636; line-height: normal; margin: 0; }

.otp_block { display: flex; align-items: center; }

.otp_block .form-control { justify-content: center; display: flex; }

.otp_block .pincode-input-container input { border: none; border-bottom: 1px solid #c7c7c7; box-shadow: none; border-radius: 0 !important; margin: 5px 5px 0; padding: 0; text-align: center; height: 20px; }

.timer { font-size: 14px; color: #717171; margin-left: 10px; }

#ls-signup-overlay .tab .form-group.otp_block > .form-control { width: 100%; }

#ls-signup-overlay .tab .mbl_wrp .form-group { width: calc(100% - 120px); }

#ls-signup-overlay .tab .mbl_wrp .form-group .iti { width: 100%; }

#ls-signup-overlay .tab .mbl_wrp .form-group .iti .iti__flag-container { z-index: 3; }

#ls-signup-overlay .iti__country-list { z-index: 3; }

#ls-signup-overlay .login_block.v2 .signup_wrp.tab .mbl_wrp.form-group .iti .form-control { padding-left: 80px !important; z-index: 2; }

@media only screen and (max-width: 767px) { .login_block.v2 { padding: 0 10px; }
  .otp_block .pincode-input-container input { width: 26px; }
  .signup_heading { font-size: 16px; text-align: left; }
  .btn.v2 { font-size: 14px; } }

@media only screen and (max-width: 464px) { .otp_block .pincode-input-container input { width: 17px; }
  #ls-signup-overlay .tab .mbl_wrp .form-group { width: 100%; margin-bottom: 10px; }
  #ls-signup-overlay .mbl_wrp { display: block; }
  #ls-signup-overlay .mbl_wrp .code_txt { margin-top: 10px; } }

/* sign up End */
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background: #000000; box-shadow: none; }

/*sigIn signUp overlay start*/
#ls-signin-overlay .ml-66, #ls-signin-overlay .iti + label.form-control-placeholder, #ls-signup-overlay .ml-66, #ls-signup-overlay .iti + label.form-control-placeholder { margin-left: 66px; }

#ls-signin-overlay .mbl_wrp .btn.v2, #ls-signup-overlay .mbl_wrp .btn.v2 { width: 110px; min-width: inherit; font-size: 18px; }

#ls-signin-overlay .pincode-input-text, #ls-signin-overlay .form-control.pincode-input-text, #ls-signup-overlay .pincode-input-text, #ls-signup-overlay .form-control.pincode-input-text { font-family: inherit; }

#ls-signin-overlay .tab .iti { width: 100%; }

#ls-signin-overlay .has-error .gen_otp { top: 34%; }

/*sigIn signUp overlay end*/
/* sign in sign up start */
@media only screen and (min-width: 1920px) { .modal.v2 .login_heading { font-size: 20px; }
  .modal.v2 .tab_list li a { font-size: 20px; }
  .modal.v2 .tab .form-control { height: 52px; }
  .modal.v2 .tab .form-control-placeholder { top: 15px; }
  .modal.v2 .tab .act_anim .form-control-placeholder { top: -10px; }
  .modal.v2 .tab .form-control-placeholder, .modal.v2 .tab .form-control, .modal.v2 .tab .gen_otp { font-size: 17px; }
  .modal.v2 .code_txt { font-size: 14px; }
  .modal.v2 .signup_heading { font-size: 24px; }
  .modal.v2 .btn.v2 { font-size: 24px; height: 60px; }
  .modal.v2#ls-signin-overlay .tab .form-group #generate_otp { top: 25px; }
  #ls-signin-overlay .mbl_wrp .btn.v2, #ls-signup-overlay .mbl_wrp .btn.v2 { height: 52px; }
  .signup_wrp.tab .btn.v2.verifySignIn, #add-address-register-otp .btn.v2 { width: 330px; }
  #ls-signup-overlay .pincode-input-container .form-control, #ls-signin-overlay .pincode-input-container .form-control { top: 10px; height: auto; margin-top: 0; }
  #ls-signin-overlay .tab .btn.v2 { width: 270px; } }

/* sign in sign up End */
.iti-mobile .iti--container { z-index: 1000000; }

.otp_inp_outer_wrp { width: 286px; overflow: hidden; positino: absolute; }

.otp_input_inn_wrp { left: 0; position: sticky; }

.otp_input_ele { height: 23px; padding-left: 15px; letter-spacing: 43px; border: 0; width: 336px; min-width: 336px; transition: none; background-image: linear-gradient(to left, #d0d0d0 70%, rgba(208, 208, 208, 0) 0%) !important; background-position: bottom; background-size: 50px 1px; background-repeat: repeat-x; background-position-x: 35px; }

.otp_input_ele:focus { box-shadow: none; background-image: linear-gradient(to left, #d0d0d0 70%, rgba(208, 208, 208, 0) 0%) !important; background-position: bottom; background-size: 50px 1px; background-repeat: repeat-x; background-position-x: 35px; }

@media only screen and (min-width: 321px) and (max-width: 479px) { .otp_inp_outer_wrp { width: 238px; }
  .otp_input_ele { width: 319px; max-width: 319px; background-size: 40px 1px; letter-spacing: 9.48vw; }
  .otp_input_ele:focus { box-shadow: none; background-size: 40px 1px; letter-spacing: 9.48vw; } }

@media only screen and (max-width: 320px) { #add-address-register-otp .otp_inp_outer_wrp { width: 238px; }
  .otp_input_ele { width: 256; max-width: 256px; background-size: 34px 1px; letter-spacing: 27px; padding-left: 20px; }
  .otp_input_ele:focus { box-shadow: none; background-size: 34px 1px; letter-spacing: 27px; }
  #add-address-register-otp .otp_input_ele { background-size: 23px 1px; letter-spacing: 16px; padding-left: 2px; } }

#add-address-register-otp .otp_block.v3 { flex-flow: column; }

#add-address-register-otp .code_txt_2 { width: 100%; margin-bottom: 5px; }

#add-address-register-otp .timer.cod_timer { padding-left: 10px; margin: 0; font-size: 12px; line-height: normal; border-left: 1px solid #9f9f9f; padding-left: 10px; margin: 0; font-size: 12px; line-height: normal; }

#add-address-register-otp .resendcode_link.act { color: blue; cursor: pointer; }

#add-address-register-otp .otp_inp_outer_wrp { width: 453px; }

#add-address-register-otp .otp_input_ele { width: 276px; max-width: 276px; background-size: 46px 1px; letter-spacing: 39px; padding-left: 16px; }

#add-address-register-otp .otp_input_ele:focus { box-shadow: none; background-size: 46px 1px; letter-spacing: 39px; }

@media only screen and (min-width: 360px) and (max-width: 479px) { #add-address-register-otp .otp_inp_outer_wrp { width: 240px; }
  #add-address-register-otp .otp_input_ele { width: 276px; max-width: 276px; background-size: 29px 1px; letter-spacing: 22px; padding-left: 6px; background-position-x: 19px; }
  #add-address-register-otp .otp_input_ele:focus { box-shadow: none; background-size: 29px 1px; letter-spacing: 22px; } }

@media only screen and (max-width: 359) { #add-address-register-otp .otp_inp_outer_wrp { width: 260px; }
  #add-address-register-otp .otp_input_ele { width: 276px; max-width: 276px; background-size: 23px 1px; letter-spacing: 16px; padding-left: 6px; background-position-x: 19px; }
  #add-address-register-otp .otp_input_ele:focus { box-shadow: none; background-size: 23px 1px; letter-spacing: 16px; } }

@media only screen and (max-width: 320px) { #add-address-register-otp .otp_input_ele { background-size: 23px 1px; letter-spacing: 16px; padding-left: 2px; }
  #add-address-register-otp .otp_inp_outer_wrp { width: 238px; } }

.code_inp_list { list-style: none; display: flex; justify-content: center; }

.code_inp_list li { width: 11.5%; margin-left: 10px; border-bottom: 1px solid #c7c7c7; height: 23px; }

.code_inp_list li:first-child { margin-left: 0; }

.code_inp_list li .code_inp { width: 100%; font-size: 16px; color: #000000; text-align: center; border: none !important; height: auto !important; padding: 0; text-align: center; background: none; }

.code_inp_list li .code_inp:focus { outline: none; box-shadow: none; }

#add-address-register-otp .code_inp_list_wrp { display: flex; flex-flow: row; }

#add-address-register-otp .code_inp_list_wrp .timer.cod_timer { width: 81px; max-width: initial; display: block; flex-grow: 1; flex-shrink: 0; }

.terms_privacy { font-size: 14px; color: #292929; display: flex; }

.terms_privacy .terms_checkbox { width: 17px; height: 17px; border-radius: 3px; margin-right: 8px; cursor: pointer; }

.terms_privacy label { cursor: pointer; }

/* gl-6034 starts*/
#ls-signup-overlay .divider_line, #ls-signin-overlay .divider_line { display: flex; width: 100%; position: relative; height: 1px; background-color: #dedede; margin-top: 30px; margin-bottom: 30px; align-items: center; }

#ls-signup-overlay .divider_line .divider_text, #ls-signin-overlay .divider_line .divider_text { width: auto; position: absolute; left: 50%; transform: translateX(-50%); background: #ffffff; padding: 5px; box-sizing: border-box; font-size: 14px; color: #cdcdcd; margin-bottom: 0; }

#ls-signup-overlay .social_login_btn_wrp, #ls-signin-overlay .social_login_btn_wrp { display: flex; justify-content: space-between; }

#ls-signup-overlay .social_login_btn_wrp .social_login_btn, #ls-signin-overlay .social_login_btn_wrp .social_login_btn { border: 1px solid #ccc; background: transparent; padding: 7px; border-radius: 50px; font-size: 14px; width: calc(50% - 10px); display: flex; align-items: center; justify-content: center; cursor: pointer; }

#ls-signup-overlay .social_login_btn_wrp .google_logo, #ls-signin-overlay .social_login_btn_wrp .google_logo { margin-right: 10px; }

#ls-signup-overlay .social_login_btn_wrp .facebook_logo, #ls-signin-overlay .social_login_btn_wrp .facebook_logo { color: #1e398f; font-size: 20px; margin-right: 10px; }

#ls-verifymobile-overlay .mbl_wrp { padding-bottom: 10px; }

#ls-verifymobile-overlay .mbl_wrp .form-group { width: calc(100% - 120px); }

#ls-verifymobile-overlay .mbl_wrp .iti { display: block; }

#ls-verifymobile-overlay .mbl_wrp .form-control-placeholder { margin-left: 66px; }

#ls-verifymobile-overlay .mbl_wrp .btn.v2 { width: 110px; min-width: inherit; font-size: 18px; }

#ls-verifymobile-overlay .mbl_wrp .otp_block_cont { padding-top: 10px; }

#ls-verifymobile-overlay .modal-body { padding-bottom: 0; }

#ls-verifymobile-overlay .modal-body .login_block.v2 { padding-bottom: 35px; }

#ls-verifymobile-overlay .bottom_text { font-size: 18px; color: #363636; text-align: center; margin-bottom: 0; }

#ls-verifymobile-overlay .bottom_text a { color: #000000; font-weight: 700; text-transform: uppercase; }

#ls-verifymobile-overlay .code_inp_list { width: calc(100% - 22px); }

#ls-verifymobile-overlay .verify_mobile_timer { width: 106px; padding-top: 0; border-left: 1px solid #9f9f9f; padding-left: 10px; margin: 0; font-size: 12px; line-height: normal; display: none; }

#ls-verifymobile-overlay .verify_mobile_timer a { pointer-events: none; }

#ls-verifymobile-overlay .verify_mobile_timer a.act { pointer-events: all; cursor: pointer; }

#ls-verifymobile-overlay .optButton { min-width: 120px; background-color: #ececec; border: solid 1px #8f8f8f; color: #363636; }

@media only screen and (max-width: 420px) { #ls-verifymobile-overlay .mbl_wrp .btn.v2.mt-0 { width: 80px; font-size: 14px; }
  #ls-verifymobile-overlay .mbl_wrp .form-group { width: calc(100% - 85px); }
  #ls-verifymobile-overlay .verify_mobile_timer { font-size: 11px; }
  #ls-verifymobile-overlay .code_inp_list li .code_inp { font-size: 14px; }
  #ls-verifymobile-overlay .act_anim .form-control-placeholder { top: -9px; font-size: 12px; }
  #ls-verifymobile-overlay .bottom_text { font-size: 16px; } }

/* gl-6034 ends*/
#ls-signin-overlay .tab .btn.v2, #ls-signup-overlay .verifySignIn { line-height: 45px; color: #fff; }

#ls-signup-overlay .login_heading a { padding-left: 5px; }

.form-group.has-error .form-control { border-color: red; }

.form-group.has-error { color: red; }

.fa-spinner:before { content: "\f110"; }

.fa-fw { width: 1.28571429em; text-align: center; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.signup_wrp.tab .btn.v2 { font-weight: normal; }

.sign-in-up .already_member_txt a { margin-right: 5px; }

form[name="form-register"] .already_member_txt a { margin-left: 5px; }

.just_for_you_block_wrap.slick-slider .slick-arrow { background: transparent; top: 45%; }

.cart-plus-minus { display: block; height: 35px; overflow: hidden; padding: 0; position: relative; width: 130px; border-radius: 5px; border: solid 1px #cccccc; background-color: #ffffff; }

.qtybutton { color: #343538; cursor: pointer; float: inherit; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0; position: absolute; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 35px; height: 35px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; top: 0; }

.cart-plus-minus .qtybutton.dec { left: 0; border-right: solid 1px #cccccc; }

.cart-plus-minus .qtybutton.inc { right: 0; border-left: solid 1px #cccccc; }

.cart-plus-minus input.cart-plus-minus-box { border-radius: 0; background: transparent none repeat scroll 0 0; border: medium none; color: #343538; float: left; font-size: 14px; margin: 0; padding: 0; text-align: center; width: 130px; height: 35px; padding: 0 40px; }

.qty-cart-add { display: flex; flex-flow: row wrap; }

.just_for_you_block_wrap .btm_btn { padding-bottom: 15px; }

.just_for_you_block_wrap .btm_btn a { padding: 0 25px !important; height: 55px; line-height: 55px; background: #fff !important; color: #000 !important; border: 1px solid #000; }

.just_for_you_block_wrap .btm_btn a.buy_now_btn { background-color: #000 !important; color: #fff !important; }

.success_msg, .error_msg { position: fixed; top: 0; z-index: 9999999999; width: 100%; padding: 13px; font-size: 14px; margin-bottom: 0; visibility: hidden; opacity: 0; transform: translateY(-30%); transition: all .3s ease 0s; display: flex; justify-content: center; align-items: center; min-height: 60px; }

.success_msg { background-color: #d4edda  !important; color: #155724; }

.error_msg { background-color: #f8d7da  !important; color: #721c24; }

.success_msg.animate, .error_msg.animate { visibility: visible; opacity: 1; transform: translateY(0); }

.cart_mobile .cart-box-wrapper .cart_dd_bottom { padding: 10px 25px 20px !important; }

/* comon checkout start */
#address_form_new .form-check.v2 .form-check-input { position: relative; margin: 0; width: 22px; height: 22px; border-radius: 5px; border: 1px solid #707070; float: left; }

.already_login .lgn_link { margin-left: 5px; }

/* comon checkout end */
/*order info start*/
#rating-success-overlay .btn { line-height: inherit; font-weight: normal; height: auto; }

/*order info end*/
.cart_empty_div { height: 150px !important; }

.cart_empty_div h6 { font-size: 24px; font-weight: 500; }

.cart_empty_div .btn { border: 0; }

.cart_content .no-gutters > [class*="col-"] { margin-top: 50px !important; }

#address_form_new .form-group.has-error .form-control { border-color: red; }

.cart_content .cart_sidebar .prod-details .prod-title, .cart_content .cart_sidebar .prod-details span { line-height: 1.53846; }

.modal-open .tooltip { z-index: 100000; }

/*gi badge start*/
.gi_badge { width: auto; border-radius: 12px; border: solid 1px #ebebeb; display: inline-flex; line-height: initial; align-items: center; padding: 3px 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.gi_badge .gi_logo_sm { width: 11px; height: 16px; background-image: url(../images/gi-logo.svg); display: block; background-size: cover; margin-right: 5px; }

.gi_badge p { font-size: 12px; font-weight: 600; color: #4c4c4c; margin: 0; }

.flex-wrapper { display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }

.flex-wrapper .gi_badge, .flex-wrapper .single-product-reviews { margin-bottom: 0px; }

.flex-wrapper .single-product-reviews { border: 0; }

/*gi badge end*/
/* gl-5592*/
.mobile-menu .mean-bar .mean-nav > ul { border-top: 0; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand, .mobile-menu .mean-bar .mean-expand, .mobile-menu .mean-bar .mean-nav > ul { border-color: #d5d5d5; }

.mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul, .mobile-menu .mean-bar .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul { background-color: #f4f4f4 !important; }

.mobile-menu .mean-bar .mean-nav > ul li { border-top: 1px solid #d5d5d5; }

.mobile-menu .mean-bar .mean-nav > ul li a, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li ul li a, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li ul li ul li a, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-bar .mean-nav > ul li ul li a { border: 0; display: inline-block !important; }

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked, .mobile-menu .mean-bar .mean-nav > ul li a.mean-expand { line-height: 44px; }

/* gl-5592*/
/* account edit page for mboile start */
.account_edit_page input, .account_edit_page .iti { width: 100%; }

.account_edit_page .btn-common:disabled { opacity: 0.5 !important; pointer-events: none; }

.account_edit_page .form-group.has-error input { border-color: red; }

.account_edit_page .form-group.has-error #new_generate_otp { top: 30%; }

.account_edit_page .otp_block { width: 100%; margin-top: 15px; }

.account_edit_page .otp_block .form-control { height: 45px; }

.account_edit_page #new_generate_otp, .account_edit_page .otp_block { display: none; }

@media only screen and (max-width: 479px) { .account_edit_page .panel-body { padding-left: 15px; padding-right: 15px; }
  .account_edit_page .pd-0 { padding: 0; } }

.account_edit_page .ship_wrap label { margin-right: 10px; }

.account_edit_page .ship_wrap label.control-label { margin-right: 0; }

.account_edit_page .ship_wrap label input { width: auto; }

/* account edit page for mboile  end*/
.checkbox_wrp.v2 .know_more_link { left: 67px !important; }

#address_form_new .checkbox_wrp.v2 .gift_checkbox .form-check-input { width: 20px; height: 20px; }

/* account edit page for mboile  end*/
@media only screen and (max-width: 390px) { #prod_cont_popup { padding-left: 0; padding-right: 0; }
  #prod_cont_popup .add-to-link .product-add-btn-v1 { padding: 0 15px; } }

.del_code { margin-top: 30px; }

.del_code .del_label { margin-top: 10px; float: left; margin-right: 35px; }

.delivery_pincode_wrp { width: 280px; display: inline-block; position: relative; }

.delivery_pincode_wrp .inp_wrp { width: 100%; height: 36px; border-radius: 5px; border: 1px solid #d3d3d3; background: #ffffff; position: relative; }

.delivery_pincode_wrp .inp_wrp .enter_pincode { border: none; font-size: 13px; color: #333333; height: 100%; background: transparent; padding-left: 10px; width: 100%; }

.delivery_pincode_wrp .inp_wrp .check_lnk { position: absolute; top: 3px; right: 10px; font-size: 13px; color: #000000; text-decoration: underline; }

.delivery_pincode_wrp .pdd_wrp { width: 100%; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px #d3d3d3; background-color: #ffffff; box-sizing: border-box; z-index: 2; position: absolute; width: 100%; top: 36px; left: 0; display: none; }

.delivery_pincode_wrp .bmt_txt { font-size: 12px; color: #8c8c8c; margin: 5px 0 0 3px; line-height: normal; }

.delivery_pincode_wrp .bmt_txt_2 { font-size: 12px; color: #2db843; margin: 5px 0 0 3px; line-height: normal; }

.delivery_pincode_wrp .bmt_txt_2 span { color: #2db843; line-height: normal; }

.delivery_pincode_wrp .bmt_txt_3 { font-size: 12px; color: #b82d2d; margin: 5px 0 0 3px; line-height: normal; }

.delivery_pincode_wrp .ttxt_1 { font-size: 13px; color: #8c8c8c; margin: 0; }

.delivery_pincode_wrp .ttxt_1 .ttxt_1_link { color: #000000; }

.rep_block { /*border-top: 1px solid #d3d3d3; width: calc(100% + 20px); margin-left: -10px; padding: 5px 0 5px 10px;*/ }

.rep_block .rep_list { max-height: 150px; }

.rep_block .rep_list li { font-size: 12px; color: #000000; margin: 3px 0; font-weight: 500; display: flex; align-items: center; cursor: pointer; /*justify-content: space-between;*/ line-height: normal; }

.rep_block .rep_list li .ttxt_2 { font-size: 13px; color: #8c8c8c; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; }

.rep_block + .rep_block { /*border-top: 1px solid #d3d3d3; width: calc(100% + 20px); margin-left: -10px; padding: 5px 0 5px 10px;*/ }

.missing_picode { display: none; }

.sign_txt { width: 100%; padding: 5px 0 5px 10px; }

#recent_history { padding: 5px 10px 0; width: 100%; }

#recent_history .rep_list { border-bottom: 1px solid #d3d3d3; width: calc(100% + 20px); margin-left: -10px; padding: 0 10px 5px; margin-top: 5px; }

#recent_history + .sign_txt { padding: 5px 10px; width: 100%; }

#saved_address { padding: 5px 0 5px 10px; width: 100%; }

@media only screen and (max-width: 991px) { .see_all_choices > li.del_code { margin-top: 0; } }

#saved_address:empty { padding: 0; }

.get_quote_btn { font-size: 12px; color: #000000 !important; border-radius: 4px; border: solid 1px #000000 !important; background-color: #ffc107; margin-right: 20px; padding: 4px 10px !important; height: auto; line-height: initial; width: auto; }

.account-wishlist { align-items: center; }

#get_quote_step .modal-content { padding: 30px; }

#get_quote_step .modal-dialog { max-width: 500px; width: 80%; margin-left: auto; margin-right: auto; }

#get_quote_step .modal-header { border-bottom: 0; flex-flow: column; justify-content: center; align-items: center; padding: 0; }

#get_quote_step p { font-size: 16px; color: #4a4a4a; margin-bottom: 0; }

.get_quote_step_hd { color: #000000; font-size: 24px; font-weight: 500; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }

.get_quote_step_hd .get_quote_invoice_ic { margin-right: 15px; }

.get_quote_invoice_ic { display: block; width: 32px; height: 36px; background-image: url(../images/get-quote-steps/approve-invoice.svg); }

.get_quote_invoice_ic.sm { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; }

.get_quote_cart_ic { display: block; width: 24px; height: 22px; background-image: url(../images/get-quote-steps/shopping-cart.svg); }

.get_quote_cart_ic_1 { display: block; width: 24px; height: 24px; background-image: url(../images/get-quote-steps/shopping-cart-1.svg); }

.get_quote_steps_li { width: 100%; list-style-type: none; display: flex; flex-flow: column; align-items: center; }

.get_quote_steps_li li { width: 196px; display: flex; flex-flow: row; margin-top: 30px; }

.get_quote_steps_li li:first-child { margin-top: 0; }

.get_quote_steps_li .ic_cont { width: 24px; margin-right: 14px; }

#get_quote_step p.step_label { font-weight: 500; color: #000000; font-size: 16px; }

.continue_shopping_btn { display: flex; align-items: center; justify-content: center; margin: 30px auto 0 auto; max-width: 238px; height: 40px; border-radius: 4px; font-size: 16px; font-weight: 500; color: #ffffff; background: #333333; }

.continue_shopping_btn:hover { color: #ffffff; }

@media (max-width: 767px) { .get_quote_btn { display: block !important; margin-right: 9px; }
  .header_top_mobile .get_quote_btn { margin-right: 15px !important; } }

/* theme related */
#get_quote_step .close { background: none; top: 4px !important; border: none; font-size: 28px; color: #000000; width: 50px; }

#prod_cont_popup .fixed_bottom_links { display: none; }

#prod_cont_popup .product-quantity { border: 0; padding: 0; }

#prod_cont_popup .product-quantity .cart-plus-minus { display: flex; align-items: center; background: #fff; border: 1px solid #ededed; border-radius: 0; }

#prod_cont_popup .product-quantity .cart-plus-minus .qtybutton { font-size: 20px; cursor: pointer; border: 0; }

#prod_cont_popup .product-quantity .cart-plus-minus .cart-plus-minus-box { padding: 10px; }

#prod_cont_popup .product-quantity .cart-plus-minus, #prod_cont_popup .product-quantity .qtybutton, #prod_cont_popup .product-quantity .cart-plus-minus-box { height: 100%; }

.display-none { display: none; }

/**new checkout changes start*/
#address_form_new .add_remove_gift { width: 16px; height: 16px; }

.gift_checkbox.add_gift_wrp .form-check-label { margin-left: 0 !important; padding-left: 5px; }

.gift_checkbox.add_gift_wrp .form-check-input { margin-top: 3px; }

.slider_list .slick-slider .slick-arrow { margin-top: 0; }

.header-bottom { padding: 20px 0 20px; }

@media only screen and (max-width: 991px) { .header-bottom { padding: 0; height: 108px; } }

@media only screen and (min-width: 480px) and (max-width: 991px) { .header-bottom { padding-top: 31px; } }

@media only screen and (max-width: 479px) { .header-bottom { padding-top: 36px; } }

@media only screen and (min-width: 480px) { #address_form_new .delivery_area.has-error .powered_by_google { top: 37% !important; } }

.checkout-form .form-control-placeholder { top: 9px; }

@media only screen and (min-width: 768px) { .myaccount-content .address_list li { padding-right: 10px; } }

/* new checkout changes end*/
.send_enquiry_btn { background: #333; border: none; color: #fff; font-size: 14px; font-weight: 700; border-radius: 5px; cursor: pointer; height: 55px; letter-spacing: 0; line-height: 55px; margin: 0; padding: 0 40px; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-right: 20px; }

.send_enquiry_btn:hover { background: #cea679; color: #fff; }

@media only screen and (min-width: 1265px) and (max-width: 1347px) { .add-to-link a { padding: 0 30px; } }

@media only screen and (min-width: 842px) and (max-width: 1264px) { .add-to-link a { padding: 0 20px; } }

@media only screen and (max-width: 842px) { .single-product-quantity.qty_wrapper .add-to-link { display: flex; flex-flow: column-reverse; width: 100%; }
  .single-product-quantity.qty_wrapper .add-to-link a { width: 100%; text-align: center; }
  .single-product-quantity.qty_wrapper .add-to-link .send_enquiry_btn { margin-top: 20px; }
  .single-product-quantity.qty_wrapper .add-to-link .product-add-btn { margin-bottom: 20px; } }

#sendEnquiryModal .modal_top { display: flex; align-items: center; justify-content: center; background: #444444 none repeat scroll 0 0; border: 1px solid #ffffff; color: #ffffff; font-size: 10px; font-weight: 600; height: 24px; letter-spacing: 0.4px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; padding: 5px; position: absolute; right: 0; text-shadow: none; text-transform: uppercase; top: -25px; width: 70px; cursor: pointer; }

@media only screen and (min-width: 1920px) { #ls-signin-overlay .grecaptcha-badge { bottom: -102px !important; }
  #ls-signup-overlay .grecaptcha-badge { bottom: -52px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1919px) { #ls-signin-overlay .grecaptcha-badge { bottom: -60px !important; }
  #ls-signup-overlay .grecaptcha-badge { bottom: -8px !important; } }

@media only screen and (max-width: 767px) { #ls-signin-overlay .grecaptcha-badge { bottom: -51px !important; } }

@media only screen and (min-width: 465px) and (max-width: 767px) { #ls-signup-overlay .grecaptcha-badge { bottom: 3px !important; } }