/* Css Document */

@font-face {
    font-family: neue haas grotesk display;
    font-display: auto;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/NHaasGroteskDSPro-75Bd.woff2) format("woff2");
}

@font-face {
    font-family: neue haas grotesk text;
    font-display: auto;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/NHaasGroteskTXPro-75Bd.woff2) format("woff2");
}

@font-face {
    font-family: neue haas grotesk text;
    font-display: auto;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/NHaasGroteskTXPro-55Rg.woff2) format("woff2");
}


    
.message_front {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.message_front strong {
    font-size: 12px;
    color: #169a16;
    padding: 10px 30px;
    border-radius: 2px;
}    
.logo img {
    max-width: 100%;
    width: 220px;
}
.sign_in_btn,
.create_an_account {
    text-decoration: none;
}
div#create_an_account  .input_group,
div#sign_in .input_group {
    margin-bottom: 30px;
}
.line {
    height: 50%;
    width: 2px;
    background-color: #c1c1c1;
    text-align: center;
    margin: 0 auto;
}
 .create_an_account,
.sign_in_btn {
    background-color: #000;
    color: #fff;
    padding: 10px 18px;
    border-color: #000;
}

div#sign_in .create_an_account {
    border: none;
    background-color: transparent;
    padding: 0;
}
div#create_an_account .sign_in_button span,
div#sign_in .sign_in_button span {
    margin: 0 12px;
}
div#create_an_account .modal-header,
div#sign_in .modal-header {
    border-bottom: none;
    padding: 30px 30px 0;
    position: absolute;
    right: 0;
}
div#create_an_account  .modal-body,
div#sign_in .modal-body {
    padding: 20px 28px 40px 10px;
    top: 3.4375rem;
    padding-top: calc((var(--headerH, 108px)) + -1.5625rem);
}
input#sign_up_for_newsletter {
    border: 1px solid;
}
.req {
    color: red !important;
    font-size: 15px;
}
.input_group h5 {
    font-size: 16px;
    font-weight: normal !important;
    margin-bottom: 0 !important;
}
a:hover {
    font-weight: 700 !important;
}

body {
	padding: 0 27px;
    font-family: neue haas grotesk text,sans-serif;
    color: #000;
    font-feature-settings: "kern";
    font-kerning: normal;
    line-height: .8125rem;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: common-ligatures;
    -webkit-text-size-adjust: 100%;
    text-transform: uppercase;
    overflow-y: overlay !important;
}

h1,h2,h3,h4,h5,h6 {
      font-family: neue haas grotesk text,sans-serif;
    font-weight: 700 !important;
}
::placeholder {
    font-size: .625rem;
    text-transform: uppercase;
}
p,a,ul li, span,div,label,select,input {
	font-size: .625rem;
    line-height: .8125rem;
	color: #000 !important;
    text-transform: uppercase;
}
.accordion-header button {
    font-size:.625rem;
}
.col_md_3 {
    width: 25%;
}

.collection_name {
    display: flex;
    justify-content: space-between;
}

.view-filter {
    display: flex;
    align-items: center;
}

.filter-sort {
    padding-right: 20px;
    font-weight: bold;
}

.modes span {
    padding-right: 4px;
}

.modes {
    display: flex;
    align-items: center;
}
    input[type='range'] {
      overflow: visible;
      width: 80px;
      -webkit-appearance: none;
      background-color: #343434;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 1px;
      -webkit-appearance: none;
      color: #343434; 
    -webkit-transition: .2s;
    transition: opacity .2s;
    cursor: pointer;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 9px;
      -webkit-appearance: none;
      height: 9px;
      cursor: ew-resize;
      background: black; 
      margin-top:-4px;
        border-radius:100%;
    }

    input#seekslider {
      overflow: visible;
      -webkit-appearance: none;
     background-color: #171717; 
    }
    
    input#seekslider::-webkit-slider-runnable-track {
      height: 2px;
      -webkit-appearance: none;
     color: #000000;
      margin-top: -1px;
    }
    
    input#seekslider::-webkit-slider-thumb {
      width: 1px;
      -webkit-appearance: none;
      height: 12px;
      cursor: ew-resize;
      background: black;
      margin-top:-4px;
    }
    
    
h6 {
    font-size: 11px;
    font-weight: bold;
}
.custom_navbar li.nav-item .nav-link {
    padding: 0 !important;
        cursor: pointer;
}
.custom_navbar {
	flex-direction: column !important;
}
.breadcrumb_fixed_top {
    padding-top: 0.5rem !important;
}
.main_secion {
    display: flex;
    position: relative;
}
.thumbnail_img .list-group-item.list-group-item-action {
    padding: 0;
    border:none;
     opacity: 0.6;
}
.thumbnail_img .list-group-item.list-group-item-action.active {
    border: 1px solid #000;
    opacity: 1;
}
header {
    width: 17%;
    position: fixed;
    height: 100vh;
    overflow: scroll;
    padding-right: 20px;
    left: 0;
    
}
.products_images_equal {
    position: relative;
    padding-top: 100%;
}

.products_images_equal img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

main {width: calc(100% - 17%);
    position: absolute;
    right: 0;
}

.video_section {
   /* padding-top: 90px; */
   padding-top: 1.875rem;
    margin-top: var(--headerH,108px);
}
.navigation {
    padding-left:1.6875rem;
   padding-top: 1.875rem;
    margin-top: var(--headerH,108px);
}

#home_video {
	width: 100%;
	height: 100%;
}
.logo {
    padding: 0 1.6875rem;
    margin-top: 1.375rem;
    /* padding: 22px 0 40px 0; */
    top: 0;
    left: 0;
    position:absolute;
}
nav.navbar.navbar-expand-custom {
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
	list-style: none !important;
}
.nav-item-space {
	margin-top: 0.8125rem;
}
ul li a {
	text-decoration: none;
}
.video_text {
    padding: 20px 0 0px 0;
}

p {
	margin-bottom: 15px;
}


input {
	 box-shadow: none !important;
	 outline: none !important;
}

footer.footer_section {
    /* padding: 70px 0; */
    padding:140px 0 40px 0;
}
.modal-backdrop {
  background-color:transparent;
}
.custom_modal {
    /*display:none;*/
}

.custom_modal_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom_modal_inner p {
    margin: 0;
}

button.cookies_settings {
    background-color: transparent;
    border: none;
}

button.accept_all_cookies {
    padding: 8px 12px;
    background-color: #000;
    margin-left: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.custom_modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 40px;
    background-color: #fff;
    display:none;
}
.custom_modal.Show_modal {
    display:block;
    z-index:99999;
}
body.Show_modal:before {
    content: "";
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden !important;
    z-index: 9999;
    opacity: 0.6;
    bottom: 0;
    right: 0;
    display: inline-block;
}

.faq_page .nav-item button {
    font-size: 0.625rem;
    font-weight: 700;
    padding: 0;
    border: none;
}

.faq_page ul#myTab {display: inline-block;border: none;}


body.modal-open {
    overflow: hidden !important;
}
.modal-body ul li:first-child {
    margin-bottom: 22px;
}
.modal-body ul li {
    margin-bottom: 8px;
}

.modal-header {
    border: none;
    justify-content: flex-end;
    position: absolute;
    right: 0;
}
.btn_close {
    border: none;
    background-color: transparent;
    padding: 0;
    text-transform: uppercase;
    /*font-size: 12px;*/
    font-size: .625rem;
}
.btn_close:hover {
    font-weight:700;
}
.gift_product_sec .col:nth-child(9),
.gift_product_sec .col:nth-child(24), 
.gift_product_sec .col:nth-child(36),
.gift_product_sec .col:nth-child(45),
.gift_product_sec .col:nth-child(55),
.gift_product_sec .col:nth-child(70),
.gift_product_sec .col:nth-child(85),
.gift_product_sec .col:nth-child(98),
.gift_product_sec .col:nth-child(108),
.gift_product_sec .col:nth-child(120){
    width: 100%;
}
.gift_product_sec .col:nth-child(98) .gift_products ,
.gift_product_sec .col:nth-child(108) .gift_products ,
.gift_product_sec .col:nth-child(55) .gift_products ,
.gift_product_sec .col:nth-child(70) .gift_products ,
.gift_product_sec .col:nth-child(85) .gift_products ,
.gift_product_sec .col:nth-child(36) .gift_products ,
.gift_product_sec .col:nth-child(9) .gift_products {
    width: 30%;
}

.gift_product_sec .col:nth-child(18) {
    width: 100%;
}
.gift_product_sec .col:nth-child(120) .gift_products,
.gift_product_sec .col:nth-child(24) .gift_products ,
.gift_product_sec .col:nth-child(45) .gift_products ,
.gift_product_sec .col:nth-child(18) .gift_products {
    width:40%;
}


.modal.right {
    right: -100%;
}
.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 400px;
		height: 100%;
		border: none;
		right:0;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
		border:none;
		border-radius: 0;
}
.modal.show .modal-dialog {
		right: -400px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-in-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-in-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-in-out;
		        transition: opacity 0.3s linear, right 0.3s ease-in-out;
}
.modal.show .modal-dialog {
		/*right: 0;*/
	right: 0 !important;
    transition: 0.5s ease-in-out;
}

element.style {
    display: block;
}
.modal-dialog {
   right: -100% !important;
}
div#international_popup .modal-body {
    margin-bottom: 3.4375rem;
}


.modal-body {
    top: 3.4375rem;
    padding-top: calc((var(--headerH, 108px)) + -1.5625rem);
        max-height: 85vh;
}



.select-dropdown {
    width: 50% !important;
        position: relative;
}

.select-dropdown button.color_dropdown {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: transparent;
    border-bottom: 1px solid #000 !important;
    padding: 6px 2px;
    border: none;
    justify-content: space-between;
}
ul.color_dropdown_item_list {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
}
ul.color_dropdown_item_list.show {
    display: block;
    
}
li.color_dropdown_item a {
    display: block;
    padding: 0.725rem 0.725rem;
    background-color: #fafafa;
}
img.color_img_pt {
    width: 20px;
    height: 10px;
    object-fit: cover;
    margin-right: 5px;
}
















.input_group input {
    /* border: 1px solid #000 !important; */
    border-radius: 0;
    padding: 5px 0;
    font-size: 12px;
}
.newsletter_part .input_group input {
    border: none;
    border-bottom: 1px solid #000 !important;
}
.input_group {
    padding-bottom: 20px;
}
.input_group .form-check-input {
    padding: 0;
}
.input_group select {
    border: 1px solid #000 !important;
    outline: none;
    box-shadow: none;
    width: 100%;
    padding: 10px;
}
form.footer_form > div {
    padding-bottom: 16px;
}

ul li a:hover {
    font-weight: 700;
}

.submit_btn {
	padding: 10px 0;
	background-color: #000 !important;
	color: #fff;
	font-size: 10px;
	width: 100%;
    border: unset !important;
}
.search_form_part input {
    width: 100%;
    border: none;
    border-bottom: 1px solid;
}
.breadcrumbs ul li {
    margin: 0 12px;
}

.breadcrumbs ul li, .breadcrumbs ul li a {
    white-space: nowrap;
}

form.search_form {
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
}

.search_form_part {
    width: 95%;
}

button.close {
    width: 60px;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    background-color: transparent;
    border: none;
}

button.clear {
    border: none;
    padding: 0;
    background-color: transparent;
    position: absolute;
    right: 0;
}

.search_form_part {
    position: relative;
}

.search_section {
    position: absolute;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
    z-index: 999;
}
.suggestions_link li {
    margin-top: 12px;
}
.studio_sec img {
    max-width:100%;
    width:100%;
}

select#newsletterCountry::-webkit-scrollbar,
header::-webkit-scrollbar {
    display: none !important;
}

.search_section {
    display: none;
}

body.Search_open .search_section {
	display: block;
}
body.Search_open {
    overflow: hidden !important;
}

body.Search_open footer.footer_section, 
body.Search_open .collection_section,
body.Search_open .video_section {
    opacity: 0.2;
}
/* .after_fill {
	display: none;
} */

.after_fill {
    opacity:0.4;
}

.footer_part ul li {
    margin-bottom: 0.125rem;
}


html {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

html.s-scrolling {
    scrollbar-color: #000 transparent
}
.newsletter_part {
    width: 80%;
}
body,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area,
.g-footer-aside__layer-wrapper,
.m-modal__content,
.o-fullscreen-img__scroll-area,
.scrollbars {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    overscroll-behavior: contain
}


@supports(overflow-y:overlay) {

    body,
    body: not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area, .g-footer-aside__layer-wrapper, .m-modal__content, .o-fullscreen-img__scroll-area, .scrollbars {
        overflow-y: overlay
    }
}

body.s-scrolling,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area.s-scrolling,
.g-footer-aside__layer-wrapper.s-scrolling,
.m-modal__content.s-scrolling,
.o-fullscreen-img__scroll-area.s-scrolling,
.scrollbars.s-scrolling {
    scrollbar-color: #000 transparent
}

body::-webkit-scrollbar,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area::-webkit-scrollbar,
.g-footer-aside__layer-wrapper::-webkit-scrollbar,
.m-modal__content::-webkit-scrollbar,
.o-fullscreen-img__scroll-area::-webkit-scrollbar,
.scrollbars::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    opacity: 0
}

body::-webkit-scrollbar-track,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area::-webkit-scrollbar-track,
.g-footer-aside__layer-wrapper::-webkit-scrollbar-track,
.m-modal__content::-webkit-scrollbar-track,
.o-fullscreen-img__scroll-area::-webkit-scrollbar-track,
.scrollbars::-webkit-scrollbar-track {
    background: 0 0
}

body::-webkit-scrollbar-thumb,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area::-webkit-scrollbar-thumb,
.g-footer-aside__layer-wrapper::-webkit-scrollbar-thumb,
.m-modal__content::-webkit-scrollbar-thumb,
.o-fullscreen-img__scroll-area::-webkit-scrollbar-thumb,
.scrollbars::-webkit-scrollbar-thumb {
    background: 0 0;
    border: 4px solid transparent;
    background-clip: content-box;
    border-radius: 8px;
    transition: all .25s linear
}
body.s-scrolling::-webkit-scrollbar,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area.s-scrolling::-webkit-scrollbar,
.g-footer-aside__layer-wrapper.s-scrolling::-webkit-scrollbar,
.m-modal__content.s-scrolling::-webkit-scrollbar,
.o-fullscreen-img__scroll-area.s-scrolling::-webkit-scrollbar,
.scrollbars.s-scrolling::-webkit-scrollbar {
    opacity: 1
}
.login_signup .input_group input {
    padding: 5px;
}

body.s-scrolling::-webkit-scrollbar-thumb,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area.s-scrolling::-webkit-scrollbar-thumb,
.g-footer-aside__layer-wrapper.s-scrolling::-webkit-scrollbar-thumb,
.m-modal__content.s-scrolling::-webkit-scrollbar-thumb,
.o-fullscreen-img__scroll-area.s-scrolling::-webkit-scrollbar-thumb,
.scrollbars.s-scrolling::-webkit-scrollbar-thumb {
    background: #000;
    border: 4px solid transparent;
    background-clip: content-box;
    border-radius: 8px
}




.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  opacity: 1;
  width: 15px;
    height: 15px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background: #000;
    border: 4px solid transparent;
    background-clip: content-box;
    border-radius: 8px;
}



body *,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area *,
.g-footer-aside__layer-wrapper *,
.m-modal__content *,
.o-fullscreen-img__scroll-area *,
.scrollbars * {
   scrollbar-width: none
}

/*body *:not(body)::-webkit-scrollbar,*/
/*body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area *:not(body)::-webkit-scrollbar,*/
/*.g-footer-aside__layer-wrapper *:not(body)::-webkit-scrollbar,*/
/*.m-modal__content *:not(body)::-webkit-scrollbar,*/
/*.o-fullscreen-img__scroll-area *:not(body)::-webkit-scrollbar,*/
/*.scrollbars *:not(body)::-webkit-scrollbar {*/
/*    width: 0px;*/
/*    height: 0;*/
/*}*/



body *:not(body)::-webkit-scrollbar-thumb,
body:not([style*="overflow: hidden;"][style*="padding-right:"]) .o-side-panel__scrolling-area *:not(body)::-webkit-scrollbar-thumb,
.g-footer-aside__layer-wrapper *:not(body)::-webkit-scrollbar-thumb,
.m-modal__content *:not(body)::-webkit-scrollbar-thumb,
.o-fullscreen-img__scroll-area *:not(body)::-webkit-scrollbar-thumb,
.scrollbars *:not(body)::-webkit-scrollbar-thumb {
    background: #000;
    border: 4px solid transparent;
    background-clip: content-box;
    border-radius: 8px
}



header {
    z-index: 99;
}
.navbar-toggler span{
    height: auto;
    width: auto;
    font-size: 30px;
}
button.navbar-toggler {
    padding: 0;
    outline: none;
    border: none;
    box-shadow: none !important;
}



ul.sub_item {
    margin-top: 0.8125rem;
    display: none;
}
ul.sub_item li {
    margin-top: 0.8125rem;
}

ul.sub_item li ul li {
    margin-top: 0;
}
.product_image:first-child {
    margin-top: 0;
}

.product_image {
    margin-top: 14px;
}
.collection_name {
    margin-bottom:40px;
}
.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs ul {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.breadcrumbs ul li:first-child {
    margin-left: 0;
}

.breadcrumbs ul li {
    margin: 0 12px;
}
.single_product_section {
    display: flex;
    justify-content: space-between;
}
.single_product_images {
    width: 60%;
        position: relative;
}
.single_product_image {
   /* height: 100vh; */
    /*overflow: scroll; */
}

.single_product_detail {
    position: sticky;
    top: 48px;
}


.single_product_details {
    width: 40%;
    padding-left:15px;
}
.single_product_images img {
    width: 100%;
    max-width: 100%;
}
.product_name {
    font-size: 11px;
    /*margin-bottom: 14px;*/
    
}
.color_dropdown select {
    border: none;
    border-radius: 0;
    padding: 0 1.25rem 0.3125rem 0 !important;
    border-bottom: 1px solid #000;
    width: 50%;
    outline: none;
    background-color: transparent !important;
}


.product_dec_part {
    margin-top: 1.375rem;
}

.product_dec_part p {
    margin: 0;
}

.single_product_detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80vh;
}

.single_product_detail div {
    width: 100%;
}

.collapse.navbar-collapse {
    flex-direction: column;
    align-items: flex-start;
}

.product_prize {
    font-size: 16px;
    margin-bottom: 0;
}
.add_to_cart_form {
    margin-top: 0px;
}
.width_60 {
    width: 64%;
}
.recommndations_product {
    margin-top: 4.25rem;
}
.recommndations_product ul li {
    margin-top: 10px;
    margin-right: 10px;
}

.recommndations_product ul {
    display: flex;
        flex-wrap: wrap;
}

.recommndations_product ul li a img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}




button.add_to_cart_btn {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    padding: 10px;
    width: 70%;
    border: 1px solid #000;
}
.product_dec_part a {
    text-decoration: none;
}
a {
    cursor: pointer;
}

.single_product_details .modal-dialog.modal-dialog-scrollable {
    width: 460px;
}
.single_product_details .modal-body {
    padding-right: 80px;
}
.single_product_footer_details_sec {
    max-width: 60%;
    margin-top: 120px;
    margin-bottom: -6rem;
}

.product_info_links ul {
    padding-top: 20px;
}

.social_icons {
    padding-top: 20px;
}

.social_icons a +a {
    margin-left: 8px;
}

.social_icons a {
    font-size: 12px;
}


/* collection Page css */

.collection_section {
    /* padding-top: 90px;*/
    padding-top: 1.875rem;
    margin-top: var(--headerH,108px);
}
.accordion-item button {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none !important;
}

.accordion-item button p {
    margin: 0;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #000;
}

button:focus{
    outline: 0;
    box-shadow: none;
}


/*.collection_section > div {
    width: 50%;
    height: 100vh;
    overflow: scroll;
}*/

.collection_text ul li a {
    font-weight: bold;
    margin-bottom: 14px !important;
    display: inline-block;
}

ul.sub_collection li a {
    font-weight: normal;
}

.collection_text ul li {
    margin-bottom: 20px;
}

ul.sub_collection li a {
    margin-bottom: 0 !important;
}


ul.sub_collection li {
    margin-bottom: 0;
}
.collection_image .colection_name {
    font-size: 40px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    text-decoration: none;
    left: 50%;
    text-align: center;
    font-weight: bold;
    width: 80%;
    z-index:2;
    transform: translate(-50%,-50%);
}
.collection_image:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    background-color: #000;
    z-index: 1;
    opacity: 0.1;
}
.collection_image {
    position: relative;
    margin-bottom: 15px;
    padding-top:100%;
    display: inline-block;
    width: 100%;
}

.collection_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collection_part {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
}

.contact_image img {
    max-width: 100%;
    width: 100%;
}

.contact_details h6 {
    margin-bottom: 0;
    font-size: 10px;
}

.contact_details p {
    margin-bottom: 2px;
}

.contact_details {
    margin-bottom: 20px;
}
.contact_details a {
    text-decoration: none;
}


nav.nav_breadcrum_sec ol li a {
    text-decoration: none;
    color: #000 !important;
}

nav.nav_breadcrum_sec ol li {
    color: #000 !important;
}

.sing_up_form_part {
    display: none;
}








.products_images_sec {
    /* display: flex; */
    align-items: flex-end;
    justify-content: space-between;
}
/*.thumbnail_img {
     width: 5%;
    float: left;
    position: fixed;
    bottom: 0;
    min-width: 40px !important;
    max-width: 40px;
}

 .thumbnail_img ul {
    width: 10%;
} */

.thumbnail_img {
    float: left;
    position: sticky;
    top: 0;
    min-width: 60px !important;
    height: 100vh;
    max-width: 60px;
    display: flex;
    justify-content: flex-end;
}

.single_product_image {
    width: calc(100% - 75px);
    float: right;
    scroll-behavior: smooth;
}
.full_width_products {
    display:none;
}
body {
  position: relative;
}
.thumbnail_img ul li a img {
    max-width: 100%;
}

.thumbnail_img ul li {
    margin: 5px 0px;
}
.single_product_images.zoom {
    display:none;
}
.single_product_images.zoom.zoomin {
    width: 100%;
    z-index: 999;
    display:block;
}
.single_product_images.zoom.zoomin .thumbnail_img {
    position: fixed;
    bottom: 15px;
    left: 15px;
    height: auto;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}
.single_product_images.zoom.zoomin .single_product_image {
    width: 100%;
}
.single_product_images.zoom.zoomin.single_product_images img:hover {
    cursor: zoom-out;
}

.single_product_images.zoom.zoomin .single_product_image {
    height: 100vh;
}
.single_product_images.zoom.zoomin .thumbnail_img .list-group-item.list-group-item-action {
    padding: 0;
    border: none;
    opacity: 0.4;
}
.single_product_images.zoom.zoomin .thumbnail_img .list-group-item.list-group-item-action.active {
    opacity: 1;
    border:1px solid #000;
}
.thumbnail_img ul li a img:hover {
    cursor: pointer !important;
}

body.zoomproduct {
    padding:0;
}
/*body.zoomproduct .main_secion {*/
/*    display: none;*/
/*}*/



body.zoomproduct header {
    display: none;
}
body.zoomproduct main {
    display: none;
}
body.zoomproduct .full_width_products {
    display: block;
}
body.zoomproduct .single_product_images,
body.zoomproduct .single_product_image {
    width: 100% !important;
}

body.zoomproduct .product_image:hover {
    cursor: zoom-out;
}



body.zoomproduct .thumbnail_img .list-group-item.list-group-item-action {
    opacity:1;
}
body.zoomproduct .thumbnail_img {
    position: fixed;
}




.product_image:hover {
    cursor: crosshair;
}
.heart svg {
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:999;
}
a.collection_part:hover .heart {
    display: block;
}
a.collection_part .heart {
    display: none;
    border: none;
    padding: 0;
    outline: none;
}

.font_size{
    font-size: 16px;
}

.color_checkbox {
    width: 50px;
    background-color: #4A4E61;
}

.color_checkbox_2{
    width: 50px;
    background-color: #698244;
}

.color_checkbox_2 input,
.color_checkbox input {
    opacity: 0;
}

.footer_inner_sec {
    display: flex;
    justify-content: space-between;
}
.footer_left ul li {
    display: inline-block;
}
.footer_right ul li {
    display: inline-block;
}
.footer_right ul li {
    padding-right: 24px;
        padding-top: 10px;
}
.footer_right ul li:last-child {
    padding-right:0px;
}
.footer_left ul li button {
    padding:0;
}
.footer_right button {
    text-align: left;
}
.footer_left ul li {
    padding-right: 24px;
        padding-top: 10px;
}

.footer_left {
    width: 70%;
}

.footer_right {
    width: 30%;
    text-align: right;
}


.footer_inner_sec button {
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}
div#video_controls_bar {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    left: 0;
    align-items: center;
}

.video_part {
    position: relative;
}

div#video_controls_bar button {
    border: none;
    background-color: transparent;
}
input#seekslider {
   width: calc(100% - 245px);
}
button#playpausebtn {
    width: 40px;
    text-align: left;
}
.timerfunction {
    width: 75px;
    text-align: center;
}
button#mutebtn {
    width: 50px;
}
button#fullscreenbtn {
    width: 80px;
}
div#video_controls_bar {
    background-color: #fff;
    padding: 20px 0;
    display: none;
}
.video_part:hover div#video_controls_bar {
    display: flex;
}
div#video_controls_bar button {
    text-transform: uppercase;
}

.video_part.Play #home_video {
    cursor: url(../images/play-en.png), auto;
}

.video_part.pause #home_video {
    cursor: url(../images/pause.png), auto;
}

.video_part #home_video {
    cursor: url(../images/pause.png), auto;
}

button.accordion-button {
    padding: 12px 0;
}
.accordion-button::after {
    background-image: url(../images/plus.png) !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.png) !important;
    width: 14px !important ;
}
.accordion-body ul li {
    margin-bottom: 10px !important;
}
.accordion-body {
    padding: 14px 0;
}
button.accordion-button {
    font-weight:bold;
}
button.accordion-button.collapsed p {
    font-weight: normal;
}
.modal-footer {
    border: none;
}
.faq_page button.accordion-button {
    border: 0 !important;
    text-transform: uppercase;
}
.faq_page button.accordion-button:after {
    display: none;
}
.faq_page .accordion-item {
    border: none;
}
.faq_page .accordion-body {
    padding: 0 0;
    font-weight: 400;
}
.faq_page {
    display: flex;
}

.faq_page .tab-content {
    width: 40%;
}
.faq_page ul#myTab {
    width: 20%;
}
.faq_page  .accordion-item:first-child .accordion-header button {
    padding-top: 0;
}
.faq_page .right_contact {
    width: 40%;
    text-align: right;
}
.faq_page ul li button p {
    color: #8b8b8b !important;
    text-align: left;
}

.faq_page ul li button.active p {
    color: #000 !important;
}

.faq_page button.accordion-button.collapsed {
    color: #8b8b8b !important;
}

.faq_page button.accordion-button {
    color: #999 !important;
}
.faq_page h2,
.faq_page h1 {
    font-size: 0.700rem;
}
.top_bar {
    padding-top: 24px;
}


/* Gift Products CSS Start Here */

 .gift_product_sec .col{
        width: 20%;
            flex: unset;
    }
    
    .gift_products .first_image{
        max-width: 100%;
    }
    .gift_products .hover_img {
    max-width: 100%;
    display: none;
    }
    
    .gift_products a {
        text-decoration: none;
    }
    
    
    
    .gift_products a > div {
        margin-top: 10px;
    }
    
    .gift_products a > div p {
        margin-bottom: 10px;
    }
    
    .gift_products a:hover .first_image {
        display: none;
    }
    
    .gift_products a:hover .hover_img {
        display: block;
    }
.custom_modal_left {
    width: 60%;
}

.custom_modal_right {
    width: 40%;
    text-align: right;
}



/* new_css_add */


.custom_navbar li.nav-item .nav-link svg {
    margin-left: 5px;
}

.right_contact_inner p {
    margin-bottom: 4px;
}

.sign_in_and_up_btn button {
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 11px;
}

.sign_in_and_up_btn {
    padding-bottom: 40px;
}

button#sign_up {
    margin-left: 30px;
}

.sign_in_and_up_btn p {
    margin-top: 15px;
    margin-bottom: 0;
}


.space_set {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.login_section a#password-reset {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
    text-decoration: none;
    color: #999 !important;
    padding-bottom: 20px;
}

.login_section a#password-reset:hover {
    color: #000 !important;
}

.login_section .sign_in_button {
    margin-top: 20px;
}

.signup_section button.sign_in_btn,
.login_section .sign_in_button button.sign_in_btn {
    width: 100%;
}

.check_box_content {
    display: flex;
}

.check_box_content .input_group {
    margin-right: 40px;
}

.check_box_content .input_group .form-check {display: flex;align-items: center;}

.check_box_content .input_group .form-check label {
    padding-left: 10px;
    margin-top: 3px;
}

.login_section .input_group {
    padding-bottom: 0 !important;
}


.sign_in_sec.footer_popup .modal-dialog {
   max-width: 100%;
    width: 34%;
    min-width: 450px;
}

/*.sign_in_sec.footer_popup .modal-dialog {*/
/*    width: 530px;*/
/*}*/

p.sign_up_txt {
    margin-bottom: 4px;
    color: #999 !important;
    letter-spacing: .03em;
}

.sing_up_form_part 
 .input_group input {
    border-bottom: solid 1px #000 !important;
    letter-spacing: .03em;
}
input#checkbox1,
input#checkbox2,
input#checkbox3,
input#checkbox7,
input#checkbox6 {
    border: 1px solid #000 !important;
    border-radius: 0;
}
nav.nav_breadcrum_sec.accessories_nav .breadcrumbs {
    margin-bottom: 0;
}
.sing_up_form_part .input_group input {
    border-bottom: solid 1px #000 !important;
    border: none;
    outline: none !important;
}

.sign_in_form_part input {
    border-radius: 0 !important;
    border-bottom: solid 1px #000 !important;
    outline: none !important;
    border: none;
}

input#subscribe_to_receive {
    border: solid 1px #000;
}

.active {
    font-weight: 700 !important;
}

.margi_set {
    margin-bottom: 25px !important;
}
.check_box_content .input_group {
    margin-bottom: 20px !important;
}

  #sliderWrapper {
                    left: 40px;
                    width: calc(100% - 80px);
                    white-space: nowrap !important;
                    height: 100%;
                    position: relative;
                    background: #999;
                    overflow-x: hidden;
                }
                
                #prev img,
                #next img {
                    opacity:0;
                }
                #next {
                    height: 100%;
                    position: absolute;
                    right: 0;
                   background: transparent;
                    z-index: 1;
                    width: 50px;
                }
                #prev {
                    height: 100%;
                    position: absolute;
                    left: 0;
                    background: transparent;
                    z-index: 1;
                    width: 50px;
                }
                #imageSlider {
                    width: 100%;
                    position: relative;
                    overflow: hidden;
                }
                #imageSlider img {
                    width:100%;
                }
                
                #imageSlider  ::-webkit-scrollbar {
                    display: none;
                } 
                .accessories_ull,
                .accessories_ul {
                    left: 0;
                    width: 100%;
                    white-space: nowrap !important;
                    position: relative;
                	display:flex;
                	overflow: auto;
                   /* overflow-x: hidden; */
                }
                .accessories_section.part_one {
                    margin-top: 3.5625rem;
                }
                
                .accessories_section.part_2 {
                    margin-top: 5.25rem;
                }
                
                li.image_bottom_txt {
                        margin: 0px 10px;
                        margin-left: 0;
                        min-width: 28%;
                }
                
                .accessories_txt h2 {
                    font-size: .625rem;
                    letter-spacing: .03em;
                    text-transform: uppercase;
                    font-style: normal;
                    font-weight: 700;
                }
                
                .view_all_txt {
                    display: flex;
                    justify-content: flex-end;
                }
                
                .view_all_txt a {
                    text-decoration: none;
                }
                
                li.image_bottom_txt a > div {
                    margin-top: 10px;
                }
                
                li.image_bottom_txt a:hover {
                    font-weight: 400 !important;
                }
                
                li.image_bottom_txt a > div:hover {
                    font-weight: 400;
                }
                
                .accessories_nav {
                    padding-top: 1.375rem;
                    padding-bottom: 0.9375rem;
                    position: sticky;
                    top: 0;
                    z-index: 9;
                    background-color: #fff;
                }

                .accessories_nav ol.breadcrumb {
                    margin-bottom: 0;
                }
                
                .accessories_image {
                    max-width: 100%;
                }
                

           

#single_product_video{
    width: 100%;
}


.space_set_top {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.hight_set {
    height: auto;
    min-height: 700px;
    object-fit: cover;
}


.min_height_set{
    min-height: 80px;
    height: auto;
    object-fit: cover;
}
.line_height_set {
    line-height: 0;
    position: relative;
}

img.play_btn_img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    transform: translate(-50%, -50%);
}

div#single_product_details .modal-dialog.single_prduct_popup {
    width: 34% !important;
    max-width: 100%;
}

div#single_product_details .modal-dialog.single_prduct_popup button.btn_close {
    font-size: .625rem;
    color: #000;
    font-family: neue haas grotesk text,sans-serif;
    font-weight: 400;
}

.image_height_set img{
    height: 650px;
    min-width: 100%;
}

.font_weigt {
    font-weight: 400 !important;
    width: 75% !important;
}

.btn_reigster{
    
    min-height: 2.5rem;
    padding: 0.75rem 0.625rem 0.8125rem;
}

.padding_bottom_0 {
    padding-bottom: 5px !important;
}

div#international_popup .modal-dialog.modal-dialog-scrollable {
    max-width: 100%;
    width: 34%;
    min-width: 450px;
}
div#international_popup .modal-footer {
    justify-content: flex-start;
}

.first_p{
    padding-bottom: 15px;
}

.btn_top_p{
    color:#999 !important;
}

.space_set {
    margin-bottom: 1.25rem !important;
}

.animate-grid-item {
    height: auto !important;
}






:root {
    --headerH: 47px;
}
@media (min-width:1821px) {
    :root {
       --headerH: 108px;
    }
}

@media (min-width:1707px) {
    :root {
       --headerH: 88px;
    }
}

@media only screen and (max-width: 1279px) {
    .cust-width {
    width: 100% !important;
}
}

@media (min-width: 1280px) {
    footer.footer_section .row > div {
        width: calc((((100% - 90px)/10) * 2) + 10px) !important;
    }
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom > .container {
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
    
}

@media (min-width: 991px) {
    .single_product_details {
        padding-right: 50px;
    }
}

@media (max-width: 1279.9px) {
    .accessories_nav {
        top: 60px;
    }
    .navbar-collapse.collapse.show {
        display: flex;
        justify-content: space-between;
    }
    .accessories_nav {
        margin-top: 50px;
    }
    button.navbar-toggler span.navbar-toggler-icon.close {
        display: none;
    }
    button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon {
        display: none;
    }
    button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon.close {
        display: block;
    }
    div#navbarSupportedContent {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        height: 94vh;
        padding: 27px;
        transition: 0.5s ease-in-out;
    }
    nav.navbar.navbar-expand-custom {
        padding: 0;
    }
    .logo {
        padding: 22px 0 22px 0;
        position: unset;
        margin: 0;
    }
    .navigation {
        padding: 0;
        margin: 0;
    }
    header {
        width: 100%;
        background-color: #fff;
        height: auto;
        align-items: center;
        display: flex;
        justify-content: space-between;
        top: 0;
        right: 0;
        padding: 0 27px;
        left: 0;
    }
    main {
        width: 100%;
        margin-top:15px;
    }
    .main_secion {
        flex-wrap: wrap;
    }
    .video_section,
    .navigation,
    .collection_section {
      /* margin-top:0;  */
      margin-top:10px;
    }
    
    div#single_product_details .modal-dialog.single_prduct_popup {
        width: 40% !important;
        max-width: 100%;
    }
    
    .collection_section {
     
      margin-top:40px;
    }

}

@media (max-width: 1200px) {
    footer.footer_section {
        padding: 40px 0;
    }
    footer.footer_section .row > div {
        margin-top: 30px;
    }
    
    footer.footer_section{
        padding-top: 80px !important;
    }
}


    
    
@media (max-width:991px) {

  .thumbnail_img {
        display: none !important;
    }
    .single_product_image {
        width: 100%;
    }
    .faq_page {
        flex-wrap: wrap;
    }
    
    .faq_page .right_contact {
        width: 100%;
        text-align: left;
    }
    
    .faq_page ul#myTab {
        width: 25%;
    }
    
    .faq_page .tab-content {
        width: 75%;
    }
    
    .custom_modal_left {
        width: 100%;
    }
    
    .custom_modal_right {
        text-align: left;
        margin-top: 20px;
        width:100%;
    }
    
    .custom_modal_inner {
        flex-wrap: wrap;
    }
    p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}

}

@media (max-width:767px) {
    .product_image:first-child {
        margin-left: 0;
    }
    
    .product_image {
        margin-left: 14px;
    }
    .gift_products {
        margin-top: 30px;
    }
    .single_product_detail {
        height:auto;
    }
    .add_to_cart_form {
        margin-top: 25px;
    }
    .width_60 {
        width: 100%;
    }
    .gift_product_sec .col {
        width: 33% !important;
        flex: auto;
        max-width: 33%;
    }

    .single_product_section {
        flex-wrap: wrap;
    }
    .line {
        height: 2px;
        width: 100%;
        margin: 40px auto;
    }
    footer.footer_section {
        padding-top: 0;
    }
    .footer_inner_sec {
        flex-wrap: wrap;
    }
    
    .footer_left ul li {
        display: block;
    }
    .footer_left,
    .footer_right {
        width: 100%;
        text-align: left;
    }
    
    .footer_right ul li {
        display: block;
    }
  
    .single_product_images {
        width: 100%;
    }
    
    .single_product_details {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .single_product_image {
        display: flex;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product_image {min-width: 100%;}
    
    .logo img {
        min-width: 220px;
        width: 220px;
    }
    .single_product_images img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    nav.nav_breadcrum_sec {
    margin-top: 15px;
    }

    .hight_set {
    min-height: 100%;
   
    }
    
    div#single_product_details .modal-dialog.single_prduct_popup {
    width: 100% !important;
    max-width: 100% !important;
    }
    
    .font_weigt{
        width: 100% !important;
    }
     p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}

}

@media (max-width:575px) {
   .view-filter {
       display:none;
   }
   .col_md_3 {
       width:100%;
   }
   .faq_page ul#myTab {
        width: 30%;
    }
   .faq_page .tab-content {
        width: 70%;
        padding-left: 20px;
    }
    .gift_product_sec .col {
        width: 50% !important;
        flex: auto;
        max-width: 50%;
    }
    
    .sign_in_sec.footer_popup .modal-dialog {
    width: 300px;
    min-width: 100%;
    }
    
    #social_media .modal-dialog {
    width: 300px;
    min-width: 100%;
    }
    #international_popup .modal-dialog {
    width: 300px !important;
    min-width: 100% !important;
    }
    
    div#sitemape .modal-dialog.modal-dialog-scrollable,
    .social_sec.footer_popup .modal-dialog.modal-dialog-scrollable {
        width: 300px !important;
    }
     p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}
    
}


@media (max-width:480px) {
    .logo img {
        min-width: 200px;
        width: 200px;
    }
    
    div#sitemape .modal-dialog.modal-dialog-scrollable,
    div#international_popup .modal-dialog.modal-dialog-scrollable {
        min-width: 100% !important;
    }
     p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}
    
    
}

 @media only screen and (max-width:1280px) and (min-width: 767px){
                  li.image_bottom_txt {
                        min-width: 40%;
                    }
                     p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}
              }
              
              @media only screen and (max-width:767px) and (min-width: 320px){
                  li.image_bottom_txt {
                        min-width: 67%;
                    }
                    
                    .accessories_image {
                        width: 100%;
                    }
                     p,a,ul li, span,div,label,select,input
    {
        font-size:0.75rem !important;
    }
    .in-stock-filter{
        display:inline-block !important;
    }
    .open-filter-modal {
        display:inline-block !important;
        float:right !important;
}
                    
                    
              }