/*
Theme Name:    dirty_meez
Theme URI:     https://www.koderspedia.com/
Author:         KP
Author URI:    https://www.koderspedia.com/
Description:   WooCommerce Theme
Version:       1.0.0
*/
/*@import url("../fonts/fonts.css");*/


@font-face {
  font-family: gothic_regular;
  src: url(../../../wp-content/themes/dirty_meez/fonts/gothic_regular.TTF);
}
@font-face {
  font-family: gothic_bold;
  src: url(../../../wp-content/themes/dirty_meez/fonts/gothic_bold.TTF);
}

*{ margin: 0; padding: 0; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; }
ol, ul, li{ list-style: none; display:inline; }
caption, th{ text-align: left; }
q:before, q:after{ content: ""; }
abbr, acronym{ border: 0; }
article, aside, figure, footer, header, nav, section{ display:block; }
a:hover, a:active, a:focus{ color:#aeaeae; text-decoration:none; }
img, a{ margin:0; padding:0; outline:none !important; max-width: 100%; height: auto; }
img:hover{ /*opacity: 0.7;*/ }
.img_holder{ height:auto; width:100%; border-radius: 0; overflow: hidden; }
.no_pad{ padding-left: 0; padding-right: 0; }
*:focus{ outline: none; }
.page_wrap{	width:90%; margin:0 auto; }
.sec{ width:100%; padding:70px 0; }
.owl-carousel{ direction: ltr; }
li:last-child{margin-bottom: 0;}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color: #767676; }
::-moz-placeholder{ /* Firefox 19+ */ color: #767676; opacity: 1; }
:-moz-placeholder{ /* Firefox 18- */ color: #767676; opacity: 1; }
:-ms-input-placeholder{ /* IE 10+ */ color: #767676; }
/* For Bootstrap */
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.navbar{border-radius:0; margin:0; border:0; background-color: transparent; z-index: 3;}
.navbar .navbar-nav ul.dropdown-menu li a{color: #fff; padding: 5px 20px; background-color: #333;}
.navbar-nav>li>.dropdown-menu{background-color: #333;}
.navbar-toggle{background-color: #ccc;}
.navbar .navbar-nav li.active a{color: #7aac3d; background-color: transparent;}
.navbar .navbar-header .icon-bar{background-color: #fff;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #7aac3d; background-color: transparent;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a span{color: #fff;}
/* END - For Bootstrap */
body{ font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; line-height:normal; font-family: gothic_regular; color: #000;
background-color: #000; /* background: #FFF url("../images/bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;*/}
h1{	font-size:32px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
h2{	font-size:30px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
h3{	font-size:24px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
h4{	font-size:18px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
h5{	font-size:16px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
h6{	font-size:14px; font-weight:normal;	line-height:normal; font-style:normal; font-family: gothic_bold; color: #fff; }
p{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: gothic_regular; color: #fff; }
span{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: gothic_regular; color: #fff; }
li{	font-size:14px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: gothic_regular; color: #fff; }
a{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: gothic_regular !important; color: #fff; text-decoration:none; transition:all 1s ease 0s; cursor: pointer; }
.btn1{border: none; background: none; background-image: none; text-align: center; border-radius: 5px; padding: 10px 30px; color: #fff; background-color: #13171f; transition: all 1s ease 0s; display: inline-block;}
.btn1:hover{color: #fff; background-color: #00c3d0;}
div.center{text-align: center;}
/*Goto TOP*/
.go_to_top{position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:9; background-color:#837e7e; color:#FFF; width:50px; line-height:50px; right:30px; bottom:30px; border-radius:7px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer;}
.go_to_top.show{visibility:visible; opacity:0.5;}
.go_to_top:hover{opacity:1; color:#FFF;}
.go_to_top i.fa{line-height:inherit;}
/*contact form css*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0px !important;}
.wpb_gmaps_widget .wpb_wrapper{padding:0 !important;}
.contact-from .wpcf7-form span{margin-bottom: 0px !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, span.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border-color:red !important;}
div.wpcf7-validation-errors{border:0 !important;}
div.wpcf7-mail-sent-ok{border:0 !important;}
/*Search Overlay Css*/
.mk-search-trigger { display: inline-table; font-size: 24px; color: #e1e1e1; }
.mk-search-trigger:hover{background: #111;border-color:#111;color:#fff;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: #ce000c; border: 0; right: 0; top: 0; color: #fff; }
#searchform { position: relative; verticle-align: middle; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type="text"] { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); border: 0; text-align: center; font-size: 35px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; }
.mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; }
.mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.mk-fullscreen-search-overlay { z-index: 999999;}
.mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #fff; }
.mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper form label{display:none;}
.mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out }
#mk-search-overlay .searchform { left: 0; position: absolute; right: 0; top: 120px; }
#mk-search-overlay input[type="text"] { background: transparent none repeat scroll 0 0; border-color: grey; border-width: 0 0 1px; color: #fff; min-height: 60px; width: 70%; border-bottom: 1px solid; }
#searchform > input[type="submit"] { background: #838383 none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #fff; font-size: 14px; padding: 10px 20px; vertical-align: bottom; transition: 0.35s; }
#mk-search-overlay #searchform input[type="text"] { bottom: 0; clip: auto; left: auto; top: auto; }
#mk-search-overlay .searchform::before { display: none; }
/*Search overlay End*/
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{border: 2px solid transparent !important; color:#fff;}
/*Dropdown Css*/
/*.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }*/
/*./Dropdown Css*/
/*.sticky{z-index: 1000; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #efefef; }*/
/*Woo-commerece Pages Setting css start*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.u-columns{/*padding:70px 0px;*/}
.woocommerce form .form-row label{color:#fff; text-transform: capitalize;}
.woocommerce form .form-row label span{color:#fff;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px; border: 1px solid #cb9e44;    color: #000;}
.login input{padding: 5px;  border: 1px solid #ccc;}
.login .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.login .button:hover{background-color: #000 !important; color: #fff !important; }
.woocommerce form .form-row label.inline{display: block; padding: 10px 0px;}
.woocommerce form .form-row label.inline span{font-size: 14px; font-weight: bold;}
.register label{ }
.register input{padding: 5px;  border: 1px solid #ccc;}
.register .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.register .button:hover{background-color: #000 !important; color: #fff !important; }
#yith-wcwl-form{padding:70px 0px;}
.checkout{/*padding-top: 70px;*/}
.woocommerce-MyAccount-navigation{/*padding:70px 0px;*/}
.woocommerce-MyAccount-content{/*padding:70px 0px;*/}
.woocommerce-cart-form{/*padding-top:70px;*/}
.cart-collaterals{/*padding-bottom:50px;*/}
.wsmsb_title{color:#000; padding-bottom: 30px;}
.woocommerce div.product .woocommerce-product-rating{margin-bottom: 0; width: 70%; float: right; margin: 12px 0px;}
.product-page .star-rating{display:none !important;}
.checkout_coupon .button{background-color: #cb9e44 !important; color: #fff !important;}
.woocommerce-error{display:none;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{padding:0px 15px;background: transparent; border: 2px solid #f5ee2e;}
/*.select2-results{overflow-y: scroll;}
.select2-results__option[aria-selected], .select2-results__option[data-selected]{display:block;}*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{/*height:320px;*/}
.woocommerce form.register .woocommerce-privacy-policy-text p{padding: 30px 0px;}
#customer_login{}
#customer_login h2{text-transform: uppercase; font-weight: bold;}
.yith-wcwl-add-to-wishlist .show a{font-weight: bold; color: #cb9e44;}
.related{float: left; padding: 30px 0px; text-align: center;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;}
.related h2 span{font-size:28px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{border: 0; width: 100%; font-weight:bold;}
.related .add_to_cart_button{background: transparent !important; text-decoration: underline !important; text-transform: capitalize;}
.cart-empty{/*padding: 70px 0px 0px 0px;*/ text-align: center; font-size: 16px; text-transform: capitalize; font-weight: bold;}
.return-to-shop{padding: 30px 0px 0px 0px; text-align: center;}
.return-to-shop a{background-color: #cb9e44 !important; color: #fff !important;    border-radius: 0 !important;}
.woocommerce .cart .button, .woocommerce .cart input.button{background-color: #f5ee2e !important; color: #fff !important;border: 1px solid #f5ee2e;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #f5ee2e !important; color:#fff !important;border: 1px solid #f5ee2e;}
.woocommerce .quantity, .woocommerce-page .quantity{width: 100%;}
.product-detail{padding: 70px 0px;}
.woocommerce .woocommerce-breadcrumb{display:none;}
.product-detail .product_title{    text-transform: uppercase;}
.product-detail .price{padding:10px 0px;}
.product-detail .price .amount{font-weight: bold; color: #cb9e44; font-size: 24px;}
.product-detail .price .woocommerce-Price-currencySymbol{font-weight: bold; color: #cb9e44; font-size: 24px; }
.product-detail  .posted_in{display:none;}
.woocommerce div.product form.cart div.quantity,.wc-block-components-quantity-selector{width: 100%;display:none !important;}
.entry-summary .cart{}
.entry-summary .cart h2{font-size: 18px; font-weight: bold; color: #252525; text-transform: uppercase; padding-bottom: 20px;}
.entry-summary .cart .quantity{float:none !important; margin-bottom: 30px !important;}
.entry-summary .cart .quantity input{border: 1px solid #fff; color: #fff; height: 30px;font-weight: 700;}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover{background-color: #f5ee2e; color: #fff;}
.entry-summary .cart button{background-color: #cb9e44 !important; text-transform: uppercase; border-radius: 0; padding: 15px;}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{width: 4.1em !important; left: 30px; position: relative; background-color: #f5ee2e;color: #fff;}
.woocommerce .quantity .minus, .woocommerce-page .quantity .minus{position: absolute; left: 0px; top: 0px; height: 29px; background: transparent; width: 31px;color: #fff;}
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus{position: absolute; width: 31px; height: 29px; background: transparent; left: 87px !important; border-bottom: 1px solid #e1e1e1;color: #fff;}
.entry-summary .yith-wcwl-add-to-wishlist{margin-top: 10px; float: left; top: -163px; position: relative; left: 148px;}
.entry-summary .yith-wcwl-add-button a:before{content: "\f08a"; font-family: fontawesome; padding-right: 10px;}
.entry-summary .yith-wcwl-add-button a{border: 1px solid #000; border-radius: 0; padding: 11px; font-weight: bold; text-transform:uppercase;}
.entry-summary .yith-wcwl-add-button a:hover{background-color: #cb9e44; color: #fff; border: 1px solid #cb9e44;}
.woocommerce-product-details__short-description{padding:30px 0px;}
.woocommerce-product-details__short-description p{line-height:25px; font-size: 16px; padding: 0;color: #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs{display: block; float: left; width: 20%; vertical-align: middle; margin:0;}
.woocommerce div.product .woocommerce-tabs .panel{margin: 0 0 2em; width: 78%; float: right; border: 1px solid #f5ee2e; border-radius: 0; padding: 10px 30px;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:block !important; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; background-color: transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display: block; font-weight: 600; text-decoration: none; color: #fff !important; padding: 10px 30px; text-align: left; font-size: 16px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none; left: -6px; border-bottom-right-radius: 0 !important; border-width: 0 !important; -webkit-box-shadow: none; box-shadow: none;}
.woocommerce-Tabs-panel .yikes-custom-woo-tab-title{display:none; font-size:18px; color:#cb9e44; padding-bottom: 20px;}
.woocommerce-Tabs-panel p{font-size: 15px; line-height: 28px; padding-bottom: 20px;color:#fff;}
.woocommerce-Reviews .comments{}
.woocommerce #reviews #comments h2{font-size:18px !important; color:#f5ee2e !important; padding-bottom: 20px;}
.woocommerce #review_form #respond .form-submit input{left: auto; background-color: #7aac3d; color: #fff; text-transform: uppercase;}
.select2-container--default .select2-results>.select2-results__options{display:grid !important;}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
/*./Dropdown Css*/
/*Wocommerece Admin bar Start*/
.woocommerce{width: 100%;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color: #f5ee2e !important; color: #fff !important; text-transform: uppercase; border-radius: 0 !important;padding: 12px 20px !important; font-weight: 600 !important;border: 1px solid #f5ee2e;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #000 !important; color: #fff !important;border: 1px solid #fff;transition: .5s;}
.woocommerce .myAccountHeading{padding: 30px 0px; margin: 0; text-transform: uppercase; text-align: center; font-weight: 500; color: #cb9e44;}
.woocommerce-MyAccount-content{padding-bottom:15px;}
.woocommerce-MyAccount-content strong{color: #f5ee2e; text-transform: capitalize;font-weight: 600;}
.woocommerce-MyAccount-content p{color:#fff;font-size:16px;line-height:28px;}
.woocommerce-MyAccount-content p a{color: #f5ee2e; text-transform: capitalize;font-weight: 600;font-size:16px;}
.woocommerce-MyAccount-content .woocommerce-Input{padding: 5px;}
.woocommerce-MyAccount-content .button{background-color: #e54408; padding: 10px; text-transform: uppercase;}
.woocommerce-MyAccount-content .button:hover{background-color: #f5ee2e;}
.woocommerce-MyAccount-content fieldset{padding: 0; background: transparent;}
.woocommerce-MyAccount-content fieldset legend{background: transparent; color: #f5ee2e;font-weight: 500; padding-top: 30px;}
.woocommerce-MyAccount-content .woocommerce-info{background-color: transparent; color: #fff;}
.woocommerce-MyAccount-content .sliced-client-snapshot{text-align:right;}
.woocommerce-MyAccount-content .sliced-address{background-color: #ddd; padding: 7px !important;}
.woocommerce-MyAccount-content .woocommerce-address-fields input{padding:5px;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection{border: 0; background-color: #f2f2f2; border-radius: 0;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection .select2-selection__rendered{color:#000;}
.woocommerce-MyAccount-content .acc-quote{padding: 50px 30px; background-color: #eeecec; margin: 30px 0px; text-align:center;}
.woocommerce-MyAccount-content .acc-quote p{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold;}
.woocommerce-MyAccount-content .acc-quote span{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold; font-size: 13px;}
.woocommerce-MyAccount-content .acc-quote:hover{background-color:#e34308;-webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-content .acc-quote:hover p{color:#fff;}
.woocommerce-MyAccount-content .acc-quote:hover span{color:#fff;}
.woocommerce-MyAccount-navigation{/*margin-bottom: 90px !important;*/ text-align: left; border: 1px solid #ddd; /*margin-top: 70px;*/}
.woocommerce-MyAccount-navigation ul li{display:block;}
.woocommerce-MyAccount-navigation ul li a{padding: 20px 15px !important;}
.woocommerce-MyAccount-navigation ul li a, .lost_password a{padding: 15px 10px; color: #fff; display:block; font-size: 16px;}
.woocommerce-MyAccount-navigation ul li a:hover{background:#f5ee2e;color:#fff; -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-navigation ul li.is-active a{background: #f5ee2e; color: #fff; font-weight: 500; }
.woocomerce-form.woocommerce-form-login.login, .register{border: 1px solid #ececec;padding: 20px;min-height: 360px;}
.woocommerce-MyAccount-navigation ul li a:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0f6"; line-height: 1.618; margin-left: 0.5407911001em; width: 1.41575em; text-align: right; float: right; opacity: .25;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{content: "\f0e4";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{content: "\f291";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{content: "\f019";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{content: "\f015";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\f007";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content: "\f08b";}
/*Wocommerece Admin bar End*/

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{padding-bottom:20px;}
.woocommerce .woocommerce-result-count{font-size: 24px; text-transform: capitalize; width: 100%; background-color: #000; padding: 20px; color: #fff; margin-bottom: 50px; font-weight: 600;}
/* .woocommerce .woocommerce-ordering{position: absolute; right: 22px; padding: 0; margin: 0; top: 156px;} */
.woocommerce .woocommerce-ordering{padding: 0; margin: 0; top: -104px; position: relative;}

.container .woocommerce {padding:180px 0px 70px; position: relative; display: inline-block;}
.woocommerce .woocommerce-ordering select{padding: 10px 15px; border: 1px solid #f5ee2e; background: transparent; color: #939393; border-radius: 5px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;}
.woocommerce div.product div.summary{/*top: 120px; position: relative;*/    padding-left: 50px;}
.woocommerce div.product div.summary .single-pro-title{display:none;}
.woocommerce div.product .product_title { margin-bottom: 12px; font-size: 42px;}
.woocommerce div.product div.summary .single-pro-title h3{color: #fff; font-weight: 600; font-size: 32px;padding-bottom: 15px;}
.woocommerce div.product div.summary .single-pro-title h3 a{font-size: 25px; color: #000;}
.woocommerce div.product div.summary .single-pro-title h3 a:hover{color: #7cfc00;}
.woocommerce-checkout #payment ul.payment_methods li{display: block;}
.woocommerce-MyAccount-navigation-link--downloads{display: none !important;}
.woocommerce-page div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{font-size: 22px !important; font-weight: bold; padding-bottom: 20px;color:#fff;}
/*Woo-commerece Pages Setting css End*/

/*Single Product Page Start*/
.woocommerce-page .single-title{position:relative; padding: 0;}
.woocommerce-page .single-title h3{position: absolute; left: 585px; top: 0;}
.woocommerce-page .single-title h3 a{font-size: 32px;}
.woocommerce-page .product{display: flex; align-items: center;}
.woocommerce-page .product .price{margin: 20px 0px;}
.woocommerce-page .product .price span{font-size: 28px; color: #f5ee2e; font-weight: 600;}

/* .woocommerce button.button.alt{padding: 16px 26px !important; background-color: #f5ee2e !important; color: #fff !important; font-weight: 500 !important;}
.woocommerce button.button.alt:hover{background-color:#000 !important; color: #fff !important;} */

.woocommerce button.button.alt{ --color: #fff !important; --color2: rgb(10, 25, 30) !important; padding: 15px 30px !important; background-color: #f5ee2e !important; border-radius: 30px !important; border: .3px solid #f5ee2e; transition: .5s; position: relative; overflow: hidden; cursor: pointer; z-index: 1; font-weight: 600 !important; font-size: 14px; text-transform: uppercase; color: var(--color2) !important; margin-top: 10px !important;} 
.woocommerce button.button.alt::after, .woocommerce button.button.alt::before { content: ''; display: block; height: 100%; width: 100%; transform: skew(90deg) translate(-50%, -50%); position: absolute; inset: 50%; left: 25%; z-index: -1; transition: .5s ease-out; background-color: #000; } 
.woocommerce button.button.alt::before { top: -50%; left: -25%; transform: skew(90deg) rotate(180deg) translate(-50%, -50%); } 
.woocommerce button.button.alt:hover::before { transform: skew(45deg) rotate(180deg) translate(-50%, -50%); } 
.woocommerce button.button.alt:hover::after { transform: skew(45deg) translate(-50%, -50%); } 
.woocommerce button.button.alt:hover { color: #fff !important; } 
.woocommerce button.button.alt:active { filter: brightness(.7); transform: scale(.98); }

.entry-summary .yith-wcwl-add-button a{border: 1px solid #2d2e2e; border-radius: 0; font-weight: bold; text-transform: uppercase; padding: 12px 27px !important; color: #2d2e2e !important;}
.entry-summary .yith-wcwl-add-button a:hover{border: 1px solid #cd2027; color: #fff !important; background-color: #cd2027 !important;}
.woocommerce .posted_in{display:none;}
.woocommerce-tabs{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs{width: 100%; margin-top: 50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display: inline-block !important; border: 0; width: auto; border: 1px solid #f5ee2e; margin: 0;}
.woocommerce div.product .woocommerce-tabs .panel{width: 100%; padding: 50px 30px;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel ul{}
.woocommerce div.product .woocommerce-tabs .panel ul li{display: block; padding: 5px 0px;}
.woocommerce div.product .woocommerce-tabs .panel ul li:before{content: "\f105"; font-family: "fontawesome"; padding-right: 10px; color: #cd2027;}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:50%; margin: 0;}
.related{float: left; padding: 0; text-align: center; width: 100%;    display: none;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;color: #fff; font-weight: 600; border-top: 2px solid #f5ee2e; border-bottom: 2px solid #f5ee2e; padding: 5px 0px;}
.related h2 span{font-size:28px; }
.woocommerce div.product p.price{margin: 0; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #f5ee2e; z-index: 2; border-bottom-color: #f5ee2e;}
.woocommerce ul.products li.product:before{content:"";}
.woocommerce div.product div.images img{border: 1px solid #cb9e44;}
.post-details .single-content .woocommerce{padding:0;}
.post-details .single-content .woocommerce .products li{margin-bottom: 0;}


/*Single Product Page End*/

/*Cart Page Start*/
.woocommerce table.cart td.actions .coupon .button{padding: 10px 30px !important;}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{}
.woocommerce-page .cart-collaterals .cart_totals{margin-top: 15px;width: 100%;}
.woocommerce-page .cart-collaterals .cart_totals h2{font-size: 32px; text-transform: capitalize; font-weight: 500; padding-bottom: 20px;color: #fff;}

/*Cart Page End*/

/*Check out Page Start*/
.checkout{}
.checkout .woocommerce-billing-fields{padding-bottom: 40px;}
.checkout .woocommerce-billing-fields h3 ,.woocommerce-additional-fields h3{padding-bottom: 30px; text-transform: capitalize; color: #f5ee2e; font-weight: 600;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label{font-size: 15px;padding: 7px 0px;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input{border: 1px solid #f5ee2e!important; padding: 12px 10px !important; color: #000;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection{border-radius: 0; border: 1px solid #cb9e44;}
.woocommerce-additional-fields textarea{border: 1px solid #f5ee2e !important; padding: 10px !important;}
#order_review_heading{padding-bottom: 30px; text-transform: capitalize; color: #000;}

/*Check out Page End*/
/*Lost Password Start*/
.lost_reset_password{}
.lost_reset_password p{font-size: 16px; font-weight: 500; padding-bottom: 30px;}
.lost_reset_password .woocommerce-form-row{}
.lost_reset_password .woocommerce-form-row label{text-transform: capitalize;}
.woocommerce-message{border-top-width: 3px !important; background: transparent; color: #fff; border: 1px solid #f5ee2e;}
.woocommerce-info{border: 1px solid #f5ee2e !important;border-top-width: 3px !important;background: transparent; color: #fff;}
.woocommerce-info::before, .woocommerce-message::before{color: #f5ee2e !important;}
.woocommerce-info a{font-weight: 600;color: #f5ee2e !important;}
.lost_password a{color: #f5ee2e; text-decoration: underline; text-transform: capitalize;}
.lost_password a:hover{color:#fff;}
.post-details{padding-top: 175px;}
.woocommerce .post-details .single-title{display:none;}
/*Lost Password End*/
.fa-twitter:before {content: "\e61b" !important; }
html {
  scroll-behavior: smooth;
}
.components-form-token-field__suggestion span{color:#000 !important;}
/* Custom Design Btn */
.designBtn{ border-radius: 30px; border: 1px solid transparent; position: relative; overflow: hidden; transition: all 0.5s ease-in; z-index: 1; color: #000; font-size: 16px; font-weight: 600; padding: 12px 0px; width: 170px; display: flex; justify-content: center; background: #fff; } 
.designBtn::before, .designBtn::after { content: ''; position: absolute; top: 0; width: 0; height: 100%; transform: skew(15deg); transition: all 0.5s; overflow: hidden; z-index: -1; } 
.designBtn::before { left: -10px; background: #f5ee31; } 
.designBtn::after { right: -10px; background: #f5ee31; } 
.designBtn:hover::before, .designBtn:hover::after { width: 58%; } 
.designBtn:hover{ color: #000; transition: 0.3s; border-color:#f5ee31; }


/* Header Starts */
header{background:transparent;position:absolute;z-index:999;width:100%;}
header .row{display: flex;align-items: center;}
header .col-md-1{width: 12% !important;}
header .hLogo img{margin-left:15px;margin-top: 15px;}
header .navigation .navbar .container-fluid{margin: 0px !important;}
header .navigation .navbar{display: flex;align-items: center;justify-content: end;}
header .navigation #mega-menu-wrap-primary{background-color:transparent !important;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary{background-color:transparent !important;text-align:center !important;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary li{background-color:transparent !important;padding:0px 0px 0px 40px;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{    font-size: 15px;color: #fff;padding:0 !important;line-height: 26px !important; height: 30px !important;text-transform: capitalize; font-weight: 400;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{background-color:transparent !important;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{background-color:transparent !important;color: #fff !important; padding: 0 !important; line-height: 26px !important; height: 30px !important; }
header .navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after{width:100%;}
header .navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a::after{content:"";position:absolute;width:0;height:2px; background-color:#f5ee31;display:block;transition:0.5s; }
header .navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:hover a::after{width:100%;}
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background:transparent !important;}
header .hLinks{}
header .hLinks img{filter:invert(1);width: 27px;margin: 0px 4px;}
header .hLinks li.first img{width: 23px;}
header .hLinks li.last img{width: 21px;}
header .hBtn p{display:flex;}
header .hBtn a.designBtn{margin-right: 15px;}
header .hBtn a.secondBtn{background:transparent !important;color:#fff !important;border:1px solid #fff !important;transition:all 0.6s !important;}
header .hBtn a.secondBtn:hover{ color: #000 !important; transition: 0.3s; border-color:#fff !important; }
header .hBtn a.secondBtn:before,header .hBtn a.secondBtn:after{background:#fff !important;}
/* Home PAge Starts */
.homeBanner{background-size: 100% 100%; height: 100vh; padding-top: 60px !important; display: flex; align-items: center; justify-content: center;flex-direction: column;}
.homeBanner h1{font-size: 70px; text-transform: uppercase; margin-bottom: 40px;}
.homeBanner h2{font-size: 48px; font-family: 'gothic_regular'; letter-spacing: 20px;}
.homeBanner p{ display: flex; justify-content: center;}
.homeBanner a.designBtn{}
.homeBanner .imageRow{}
.homeBanner .imageRow .vc_col-sm-12{position:static !important;}
.homeBanner .imageRow .vc_single_image-wrapper{position: absolute; bottom: 20px; background-color: #fff; border-radius: 50%; height: 46px; width: 48px; display: flex; justify-content: center; align-items: center; z-index: 9999; left: 48%;animation: pulse1 1s infinite;transition:all 0.4s;}
.homeBanner .imageRow .vc_single_image-wrapper:hover{background-color: #f5ee31;animation: pulseHover 1s infinite;}
.homeBanner .imageRow img{ width: 18px;transition:all 0.4s;}
/* .homeBanner .imageRow .vc_single_image-wrapper:hover img{filter:invert(1);} */

@keyframes pulse1 { 0% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 0 rgba(35, 36, 89, 0); } 40% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 4px #fff; } 80% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 8px rgba(35, 36, 89, 0); } 100% { box-shadow: 0 0 0 0 #fff, 0 0 0 12px rgba(35, 36, 89, 0); } }

@keyframes pulseHover { 0% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 0 rgba(35, 36, 89, 0); } 40% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 4px #f5ee31; } 80% { box-shadow: 0 0 0 0 rgba(35, 36, 89, 0), 0 0 0 8px rgba(35, 36, 89, 0); } 100% { box-shadow: 0 0 0 0 #f5ee31, 0 0 0 12px rgba(35, 36, 89, 0); } }

.homeDiscover{z-index:999 !important;}
.homeDiscover .vc_col-sm-4 img{animation: orangeUpDown 3s ease-in-out infinite alternate;padding-top:20px;}
.homeDiscover .vc_col-sm-7 .vc_column-inner{padding-left: 50px !important; }
.homeDiscover h2{font-size: 42px; margin-bottom: 50px !important;text-transform:capitalize;  }
.homeDiscover h3{font-family: 'gothic_regular'; font-size: 24px; letter-spacing: 5px;text-transform:capitalize; }
.homeDiscover p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.homeDiscover a.designBtn{margin-top:60px !important;}

.homeCategories{padding-top: 290px !important; padding-bottom: 320px; margin-top: -180px; }
.homeCategories::after{content:url(../../../wp-content/uploads/2024/07/right-side-shapes.png);position:absolute;right:-30px;top:0px;animation: face-anim 10s linear infinite;z-index:-1;}
.homeCategories h2{font-size: 42px; margin-bottom: 35px !important;color:#f5ee31;text-transform:capitalize; }
.homeCategories h3{font-family: 'gothic_regular'; font-size: 24px; letter-spacing: 5px;text-transform:capitalize; }
.homeCategories p{font-size: 16px; line-height: 26px; }
.homeCategories h4 a{position: absolute; top: 44%; width: 100%; font-size: 24px; font-family: 'gothic_regular' !important; left: 0;transition:all 0.4s;}
.homeCategories .firstImageRow{margin-bottom:30px !important;}
.homeCategories .vc_inner .vc_col-sm-6 .vc_column-inner{transition:all 0.4s;}
.homeCategories .vc_inner .vc_col-sm-6 .vc_column-inner:hover{transform:scale(1.05);}
.homeCategories .vc_inner .vc_col-sm-6 .vc_column-inner:hover h4 a{color:#f5ee31;}
@keyframes face-anim{ 0% { transform: translate3d(15px, 15px, 0); } 25% { transform: rotate3d(0, 0, 1, 5deg); } 50% { transform: translate3d(-15px, -15px, 0); } 75% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: translate3d(15px, 15px, 0); } }
@keyframes orangeUpDown {from {transform: translateY(0px);} to {transform: translateY(-20px);}}

.homeProducts{padding-top:0px !important;margin-top: -110px;padding-bottom:100px;}
.homeProducts h2{font-size: 42px; margin-bottom: 80px !important;color:#f5ee31;text-transform:capitalize; }
.homeProducts h3{font-family: 'gothic_regular'; font-size: 24px; letter-spacing: 5px;text-transform:capitalize; }
.homeProducts .col-sm-3{margin-bottom:75px !important;transition:all 0.4s;}
.homeProducts .col-sm-3:hover{transform:scale(1.05);}
.homeProducts .mainBox{}
.homeProducts .mainBox .imageBox{}
.homeProducts .mainBox .imageBox img{height: 210px; width: 100%; object-fit: cover;}
.homeProducts .mainBox .contentBox{position: relative; padding: 52px 0px 0px; background: #fff; text-align: center;}
.homeProducts .mainBox .contentBox .playButton{width: 100% !important; display: block; text-align: center; position: absolute; top: -38px; transition: all 0.4s;}
.homeProducts .mainBox .contentBox .playButton img{transition:all 0.4s;}
.homeProducts .mainBox .contentBox .playButton img:hover{transform:scale(0.90);}
.homeProducts .mainBox .contentBox h4{color: #000; font-family: 'gothic_regular'; font-weight: 600;font-size: 18px;}
.homeProducts .mainBox .contentBox h5{color: #000; font-size: 18px; margin: 10px 0px;}
.homeProducts .mainBox .contentBox .addToCart{display:flex;justify-content:center;}
.homeProducts .mainBox .contentBox a.designBtn{background: #f5ee31;position: relative; top: 20px; margin-top: -15px;}
.homeProducts .mainBox .contentBox a.designBtn::before,.homeProducts .mainBox .contentBox a.designBtn::after{background:#000 !important;}
.homeProducts .mainBox .contentBox a.designBtn:hover{border-color:#fff !important;color:#fff !important;}

.homeProducts .BtnBox{display:flex;justify-content:center;width: 100%;}
.homeProducts .BtnBox a.designBtn{background: #f5ee31;position: relative; top: 20px; margin-top: -15px;}
.homeProducts .BtnBox a.designBtn::before,.homeProducts .BtnBox a.designBtn::after{background:#000 !important;}
.homeProducts .BtnBox a.designBtn:hover{border-color:#fff !important;color:#fff !important;}

.homeTrending{padding-top:0px !important;padding-bottom:80px;}
.homeTrending h2{font-size: 42px; margin-bottom: 30px !important;color:#f5ee31;text-transform:capitalize; }
.homeTrending h3{font-family: 'gothic_regular'; font-size: 24px; letter-spacing: 5px;text-transform:capitalize; }
.homeTrending h4{font-size: 24px;color:#f5ee31;text-transform:capitalize;margin-top:10px !important; }
.homeTrending h5{font-family: 'gothic_regular'; font-size: 18px;text-transform:capitalize; }
.homeTrending .vc_row:nth-child(2) .wpb_column .vc_column-inner{transition:all 0.4s;padding:30px 0px;}
.homeTrending .vc_row:nth-child(2) .wpb_column .vc_column-inner:hover{transform:scale(1.05);}

.homeYoutube{padding-top:60px !important;padding-bottom:50px;z-index: 999;}
.homeYoutube iframe{box-shadow: 1px 1px 15px #e4de2e;}

/* Footer Starts */
footer{background-image:url(../../../wp-content/uploads/2024/07/footer.png);background-size:100% 100%;padding-top:210px;}
footer .menu-footer-menu-container{text-align:center;}
footer ul li a{font-size: 16px; margin: 0px 17px;transition:all 0.4s;}
footer ul li a:hover{color:#f5ee31;}
/* footer p{text-align:center;} */
footer p a{color:#f5ee31;}
footer p a:hover{text-decoration:underline;color:#f5ee31}
footer .col-md-12.secondCol{text-align: center;margin: 30px 0px;}
footer .bottomRow{display:flex;align-items:center;padding-bottom:15px;}

/* Inner Pages Starts */
.innerBanner{background-size: 100% 100%; height: 85vh; padding-top: 0px !important; display: flex; align-items: center; justify-content: center;flex-direction: column;}
.innerBanner h1{font-size: 70px; text-transform: uppercase; margin-top: -60px !important;}

.whyChooseUs{background-size: 100% 100%;overflow:visible !important;padding-top:0px !important;}
.whyChooseUs .vc_row{overflow:visible !important;}
.whyChooseUs .textCol .vc_column-inner{padding:70px 0px 70px 0px !important;}
.whyChooseUs h2{font-size: 42px; margin-bottom: 35px !important;text-transform:capitalize;  }
.whyChooseUs h3{font-family: 'gothic_regular'; font-size: 24px; letter-spacing: 5px;text-transform:capitalize; }
.whyChooseUs p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.whyChooseUs .imageCol{position: absolute; bottom: 0; right: 0; }
.whyChooseUs .imageCol .vc_single_image-wrapper{}
.whyChooseUs .imageCol .vc_single_image-wrapper img{}

.aboutVolume{overflow:visible !important;padding-top:0px !important;}
.aboutVolume .vc_row{overflow:visible !important;}
.aboutVolume .textCol .vc_column-inner{padding:140px 0px 90px 7px !important;}
.aboutVolume h2{font-size: 42px; margin-bottom: 35px !important;text-transform:capitalize;  }
.aboutVolume p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.aboutVolume .imageCol .vc_single_image-wrapper img{position: relative; top: 35px; animation: orangeUpDown 3s ease-in-out infinite alternate;}

.contactForm {}
.contactForm h2{font-size: 42px; margin-bottom: 30px !important;text-transform:capitalize;color:#f5ee2e;}
.contactForm p:nth-child(2){font-size: 16px; line-height: 26px; margin-bottom:40px !important;}
.contactForm .col-md-3 p{background: #1a1a1a; margin-bottom: 20px !important;position:relative;border-radius: 30px;}
.contactForm .col-md-3 p input{width: 100%; background: transparent; border: 1px solid transparent; color: #fff; font-size: 16px;padding: 15px 20px; border-radius: 30px;}
.contactForm .col-md-3 input::placeholder,.contactForm textarea::placeholder{color:#fff;}
.contactForm .col-md-3:nth-child(5) p{background:transparent !important;}
.contactForm input[type=submit]{background-color:#fff !important;color:#000 !important;font-weight:600;transition:0.4s !important;}
.contactForm input[type=submit]:hover{background-color:#f5ee2e !important;color:#000 !important;}
.contactForm textarea{background: #1a1a1a; padding: 15px 20px; border-radius: 30px;margin-bottom: 20px !important;width: 100%;border:  1px solid transparent;color: #fff; font-size: 16px;max-height: 170px; min-height: 170px; max-width: 100%; min-width: 100%;}
.contactForm .wpcf7-spinner{display:none;}

.contactForm .col-md-3:nth-child(2) p::after{content: "\F4DA"; font-family: bootstrap-icons; color: #f5ee2e; display: block; position: absolute; top: 15px; right: 15px; font-size: 20px;}
.contactForm .col-md-3:nth-child(3) p::after{content: "\F32C"; font-family: bootstrap-icons; color: #f5ee2e; display: block; position: absolute; top: 16px; right: 15px; font-size: 18px;}
.contactForm .col-md-3:nth-child(4) p::after{content: "\F5B4"; font-family: bootstrap-icons; color: #f5ee2e; display: block; position: absolute; top: 18px; right: 15px; font-size: 16px;}

.contactDetails{padding-top:60px !important;padding-bottom:60px;}
.contactDetails h2{font-size: 42px; margin-bottom: 75px !important;text-transform:capitalize;color:#f5ee2e;}
.contactDetails .vc_col-sm-4{}
.contactDetails .vc_col-sm-4 .vc_column-inner{padding:35px 60px 40px !important; border-right: 1px solid #252525; height: 220px; display: flex; justify-content: center; }
.contactDetails .vc_col-sm-4 .vc_column-inner h4{font-size: 24px; margin: 5px 0px 20px !important;text-transform:capitalize;color:#f5ee2e;}
.contactDetails .vc_col-sm-4 .vc_column-inner p{font-size: 16px; line-height: 24px;}
.contactDetails .vc_col-sm-4 .vc_column-inner a{font-size: 16px; margin: 0px !important;transition:0.4s;}
.contactDetails .vc_col-sm-4 .vc_column-inner a:hover{color:#f5ee2e !important;}
.contactDetails .vc_col-sm-4 .vc_column-inner .wpb_text_column .wpb_wrapper{text-align:center;}
.contactDetails ul.cnss-social-icon li.cn-fa-icon a{color:#fff !important;}
.contactDetails ul.cnss-social-icon li.cn-fa-icon a i{font-size:22px !important;}
.contactDetails ul.cnss-social-icon li.cn-fa-icon a:hover{color:#f5ee2e !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: transparent; color: red; margin: 0px; text-align: center;}
.wpcf7 form.sent .wpcf7-response-output { border-color: transparent; color: #2ccd2c; margin: 0;text-align: center; }

.musicProducts{padding-top: 60px !important;    padding-bottom: 60px; margin-top: 0px;}

.musicDetail{background-image:url(../../../wp-content/uploads/2024/07/musicBanner.png);display:none !important;}
body.single-product .musicDetail{display:flex !important;}
body.single-product .content-area {padding: 70px 0px 70px !important;}


/* Woocommerce Starts */
.woocommerce .product img{border-radius:10px;object-fit:none;}
.woocommerce .woocommerce-product-gallery img{object-fit: fill; border: 1px solid transparent !important; border-radius: 0px !important; height: 500px !important;}
.woocommerce .product .woocommerce-loop-product__title{color: #fff; font-size: 17px !important; padding-top: 30px !important;}
.woocommerce .product .woocommerce-Price-amount,.woocommerce .product .woocommerce-Price-currencySymbol{color: #fff; font-size: 16px; font-weight: 100;}
.woocommerce .product .add_to_cart_button{ --color: #fff !important; --color2: rgb(10, 25, 30) !important; padding: 15px 30px !important; background-color: transparent !important; border-radius: 0px !important; border: .3px solid var(--color); transition: .5s; position: relative; overflow: hidden; cursor: pointer; z-index: 1; font-weight: 500 !important; font-size: 14px; text-transform: uppercase; color: var(--color) !important; margin-top: 30px !important;text-decoration: none !important;} 
.woocommerce .product .add_to_cart_button::after, .woocommerce .product .add_to_cart_button::before { content: ''; display: block; height: 100%; width: 100%; transform: skew(90deg) translate(-50%, -50%); position: absolute; inset: 50%; left: 25%; z-index: -1; transition: .5s ease-out; background-color: #f5ee2e; } 
.woocommerce .product .add_to_cart_button::before { top: -50%; left: -25%; transform: skew(90deg) rotate(180deg) translate(-50%, -50%); } 
.woocommerce .product .add_to_cart_button:hover::before { transform: skew(45deg) rotate(180deg) translate(-50%, -50%); } 
.woocommerce .product .add_to_cart_button:hover::after { transform: skew(45deg) translate(-50%, -50%); } 
.woocommerce .product .add_to_cart_button:hover { color: #fff; } 
.woocommerce .product .add_to_cart_button:active { filter: brightness(.7); transform: scale(.98); }

.single-product .post-details h3 { display: block; color: #f5ee2e; font-size: 35px; font-weight: 600; }

.page-id-133 .columns-4,.page-id-134 .woocommerce,.page-id-136 .woocommerce,.page-id-135 .woocommerce{padding:150px 0px 70px !important;}

.woocommerce .shop_table {border: 1px solid #7e7e7e !important; }
.woocommerce table.shop_table td { border-top: 1px solid #7e7e7e;color: #fff;  }
.woocommerce table.shop_table th { color: #fff; }
.woocommerce-cart-form__cart-item .product-name a,.woocommerce-cart-form__cart-item .woocommerce-Price-amount,.woocommerce-cart-form__cart-item .woocommerce-Price-currencySymbol {color:#fff;font-weight: 400;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { border: 1px solid #f5ee2e; padding: 7px 6px 6px; margin: 0 1px 0 0; outline: 0; background: transparent; color: #fff; }
.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder{color:#fff;}
.cart-subtotal .woocommerce-Price-amount,.cart-subtotal .woocommerce-Price-amount .woocommerce-Price-currencySymbol,.order-total .woocommerce-Price-amount,.order-total .woocommerce-Price-amount .woocommerce-Price-currencySymbol{color:#fff;}
.woocommerce .woocommerce-Address-title{position:static !important;background: #f5ee2e; padding: 10px; margin: 20px 0px;}
.woocommerce .woocommerce-Address-title h3{color: #fff; font-weight: 500; font-size: 20px; }
.woocommerce-account .addresses .title .edit { float: right; color: #fff; font-size: 16px; padding-top: 2px; }
.woocommerce-Address address{color:#fff;font-size: 16px;}
.woocommerce-form-row span em,.page-id-136 h2{color:#fff; }
.woocommerce .woocommerce-privacy-policy-text p,.woocommerce .woocommerce-privacy-policy-text p a{color:#fff;}
.woocommerce .woocommerce-checkout #payment ul.payment_methods {border:none;}
.woocommerce a.added_to_cart { padding-top: 0.5em; display: inline-block; color: #fff; position: absolute; left: 93px; bottom: -24px; }

.content-area{padding:180px 0px 70px !important;}
#sidebar{display:none;}
.woocommerce-products-header{background-image:none;position:static;}
.woocommerce-products-header h1{color: #f5ee2e; font-weight: 600; font-size: 50px; text-align: center;}

.comment-form-rating label,.comment-form-comment label{color: #f5ee2e; font-size: 18px; padding-bottom: 20px;}
.woocommerce p.stars a{color:#fff;font-size:22px;}
.comment-form-comment textarea{background: transparent; border-color: #f5ee2e; padding: 10px;}
.woocommerce button.woocommerce-Button{margin-top:15px !important;}

.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{padding:180px 0px 70px !important;}
.is-large.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row{border-bottom:2px solid #fff !important;}
.wc-block-components-formatted-money-amount { white-space: nowrap; color: #f5ee31; font-size: 17px; font-weight: 500; }
.is-large.wc-block-cart .wc-block-cart__totals-title,.is-large.wc-block-cart .wc-block-cart-items th span{ color: #fff !important;font-size: 18px !important; font-weight: 600 !important;}
.wc-block-components-totals-coupon .wc-block-components-panel__button {color: #fff; }
.wc-block-components-totals-coupon .wc-block-components-panel__button:hover {color: #fff; }
.wc-block-components-panel__button>.wc-block-components-panel__button-icon { fill: #fff;}
.wc-block-components-panel__button>.wc-block-components-panel__button:hover .wc-block-components-panel__button-icon { fill: #fff;}
.wc-block-cart__submit-button,.wc-block-components-button:not(.is-link){ background: #f5ee31; color: #000;  border-radius: 30px;transition:all 0.4s;}
.wc-block-cart__submit-button span,.wc-block-components-button:not(.is-link) span{ color: #000 !important;font-weight:600 !important;}
.wc-block-cart__submit-button:hover,.wc-block-components-button:not(.is-link):hover{ background: #fff;}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { background: #f5ee31 !important; color: #000 !important; font-size: 13px !important; font-weight: 700 !important; padding: 5px 10px !important;text-decoration: none !important;}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { background: #fff !important; }
.wp-block-woocommerce-cart .wc-block-product-new,.wp-block-woocommerce-cart h2.wp-block-heading{display:none !important;}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before { background-color: #f5ee31 !important;height: 10em !important; mask-size: 10em !important; width: 10em !important; }
.wp-block-woocommerce-cart h2.wc-block-cart__empty-cart__title.with-empty-cart-icon{font-size:24px !important;display:block !important;}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { height: 120px; object-fit: cover; }

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion {display: block; }
.wc-block-components-title.wc-block-components-title { font-size: 20px !important; color: #f5ee31; }

.woocommerce-order{padding:40px 0vw 0px !important;}
.woocommerce-order .woocommerce-order-details__title, .woocommerce-order .woocommerce-column__title { font-size: 24px !important; text-transform: capitalize; color: #f5ee2c; margin: 30px 0px 15px; }
.woocommerce-order .woocommerce-notice--success{font-size: 28px; text-transform: uppercase; text-align: center; color: #f5ee31; font-weight: 600; margin-bottom: 50px;}
.woocommerce ul.order_details { margin: 3em 0 3em !important; display: block !important; }
.woocommerce ul.order_details li {margin-right: 2.5em !important;  font-size: 14px !important; padding-right: 2.5em !important;}
.woocommerce ul.order_details li strong { font-size: 15px !important;}
.woocommerce-customer-details address{color:#fff;line-height:22px;padding: 0px !important;}
/* Woocommerce Ends */

/* Modal Css Starts */

#modal-container {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);}
#modal-container.six {transform: scale(1);z-index: 999999;}
#modal-container.six .modal-background {background: rgba(0, 0, 0, .0);animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#modal-container.six .modal-background .modal {background-color: transparent;animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;border:none;}
#modal-container.out .modal-background .modal {border:none;}
#modal-container.active .modal-background .modal {border: 3px solid #f5ee2e !important; border-top-width: 4px !important;transition-duration:0.5s;transition-delay:1s; border-radius:0px !important;}
#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {opacity: 0;position: relative;animation: modalContentFadeOut 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#modal-container.six .modal-background .modal .modal-svg rect {animation: sketchIn 3s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#modal-container.six.out {animation: quickScaleDown 0s 0.5s linear forwards;z-index:-1 !important;}
#modal-container.six.out .modal-background {animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;background:transparent !important;}
#modal-container.six.out .modal-background .modal {animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;opacity:0;transition:all 3s;}
#modal-container.out .modal form {opacity:0;transition:0.8s;position:relative;top:-20px;}
#modal-container.active .modal form {opacity:1;top:0px;transition-duration:0.5s;transition-delay:1s;width:100%;}
#modal-container.active .modal form .input-group .col-md-4{padding-right:0px !important;padding-left: 0 !important;}
#modal-container.active .modal form .input-group .col-md-7{padding-left:0px !important;display: flex;align-items: center;}
#modal-container.out .modal-background .modal .closeBtn{opacity:0;}
#modal-container.active .modal-background .modal .closeBtn{opacity:1;transition-duration:0.5s;transition-delay:1s;}
#modal-container.six.out .modal-background .modal .modal-svg rect {animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#modal-container .modal-background {display: table-cell;background: rgba(0, 0, 0, .8) !important;text-align: center;vertical-align: middle;}
#modal-container .modal-background .modal {background: transparent; padding: 0px; display: inline-block; border-radius: 10px; font-weight: 300; position: relative; width: 50%;text-align:start;overflow: visible;border: 3px solid #f5ee2e; border-top-width: 4px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none !important;}
#modal-container .modal-background .modal h2 {font-size: 25px;line-height: 25px;}
#modal-container .modal-background .modal p {font-size: 18px;line-height: 22px;}
#modal-container .modal-background .modal .closeBtn{border: 1px solid #FFF; padding: 6px 9px; border-radius: 50%; color: #fff; font-weight: 700; background-color: #f5ee2e; position: absolute; top: -18px; right: -18px;}
#modal-container .modal-background .modal select{width: 240px; text-align: start;border: none; background: transparent; color: #000; font-weight: 600; font-size: 16px; height: 55px;box-shadow: none; }
#modal-container.active .modal form .input-group .col-md-7::before{content:url(../../../wp-content/uploads/2024/03/Frame-6.svg);position: relative; left: 8px; top: 1px; }
#modal-container.active .modal form .input-group .col-md-7 .form-group{flex:1;margin: 0 !important;}
#modal-container .modal-background .modal select option{color:#000;padding:7px 10px;font-weight:500;transition:all 0.2s;}
#modal-container .modal-background .modal select option:hover{color:#fff;background:#f5ee2e;transition:all 0.2s;}
#modal-container .modal-background .modal button[type=submit]{border:none !important;background:transparent;}
#modal-container .modal-background .modal button[type=submit]::focus{outline:none !important;}
#modal-container .modal-background .modal button[type=submit] img{width:30px;}
#modal-container .modal-background .modal input[type=text]{background: transparent; border: none; color: #000; padding: 10px 15px; height: 55px; box-shadow: none; font-weight:600;font-size:16px;border-right:1px solid #f5ee2e;}
#modal-container .modal-background .modal input::placeholder{color:#000 !important;font-weight:600;}
#modal-container .modal-background .modal .modal-svg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;border-radius: 10px;z-index:-1;}
#modal-container .modal-background .modal .modal-svg rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; width: 98%; height: 100%; left: 0px; border-radius: 10px;}
.mainSerachBox {background: transparent;position: relative;z-index: 0;/*display:none;*/}
.mainSerachBox h1 {padding: 75px 0 30px 0;text-align: center;font-size: 30px;line-height: 30px;}
.mainSerachBox .buttons {max-width: 100%; margin: auto; padding: 0; text-align: end;margin-bottom:20px !important;display: flex; justify-content: end;}
.mainSerachBox .buttons .mainbutton {display: flex; text-align: start; padding: 10px 21px; font-size: 16px; background-color: #efefef; border-radius: 30px; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); cursor: pointer; width: 250px;transition:all 0.5s;justify-content: space-between; }
.mainSerachBox .buttons .mainbutton:hover {color: #000; background: #e6e6e6;}
.mainSerachBox .buttons .mainbutton span{}
.mainSerachBox .buttons .mainbutton span img{width:18px;filter:brightness(0);}
input::focus,input::active,input::visited,input::link{background:transparent !important;}
#modal-container .modal .search_results{border:0;padding:0px;transition:all 0.5s 0s;}
#modal-container .modal .search_results.active{border-top:1px solid #f5ee2e;padding:0px 0px;transition:all 0.5s 0s;}
#modal-container .modal .search_results .single_result,#modal-container .modal .search_results .single_error{padding:10px 15px;transition:all 0.2s;}
#modal-container .modal .search_results .single_result:hover{background-color:#f5ee2e;}
#modal-container .modal .search_results .single_result:hover a{color:#fff;}
#modal-container .modal .search_results .single_result h2{line-height:0;}
#modal-container .modal .search_results .single_result h2 a{font-weight: 500;transition:all 0.2s;display: block;}
#modal-container .modal .search_results .single_error h5{font-weight: 500;}
#modal-container .modal .loaderGif{position: absolute; right: 40px; top: 11px;display: none;}
#modal-container .modal .loaderGif img{width: 35px;}
#modal-container .searchandfilter ul{width:100%;}
#modal-container .searchandfilter ul li.last{float:right;}
#modal-container .searchandfilter ul li.last::before{content:;}
#modal-container .searchandfilter ul li.last input[type=submit]{background: #41a4dc !important; color: #fff !important; border: none !important; padding: 8px 20px; border-radius: 30px; margin: 10px 0px;}
.search.search-results .mainSerachBox .buttons .mainbutton,.archive .mainSerachBox .buttons .mainbutton{background-color: #ffffff !important;}
.aws-container .aws-search-form .aws-search-btn { padding: 0; line-height: 10px; width: 42px; background: #f5ee2e !important; }
.aws-container .aws-search-form .aws-form-btn:hover { background: #000000 ! IMPORTANT; }
.aws-container .aws-search-form .aws-search-btn span{}
.aws-container .aws-search-form .aws-search-btn span svg{fill: #fff !important;}

.aws-container .aws-search-field { font-size: 15px !important; font-weight: 600 !important;}


/* voice player  */
/* Player de áudio */
.audio-player { --player-color-featured: #ffffff; --player-color-background: #1a1a1a; --player-color-text: #c5c6c8; --player-percent-played: 0; --player-current-time: "00:00"; --player-current-date-time: "00:00"; background: var(--player-color-background); display: inline-flex; min-width: 240px; width: 340px; max-width: 100%; border-radius: 0.4rem; padding: 14px 15px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); user-select: none; margin-top: 30px; margin-bottom: 30px; }

.audio-player + .audio-player {margin-top: 1rem;}
.audio-player .player { flex: 1; display: flex;}
.audio-player .player .btn-play { outline: none; appearance: none; cursor: pointer; background: none; border: 0; padding: 0 0.8rem 0 0.4rem; }
.audio-player .player .btn-play:disabled {cursor: default;}
.audio-player .player .btn-play span { color: var(--player-color-text); font-size: 38px; opacity: 0.8; }
.audio-player .player .btn-play span:not(.icon-play), .audio-player.playing .player .btn-play span:not(.icon-pause), .audio-player.loading .player .btn-play span:not(.icon-loop) { display: none; }
.audio-player.playing .player .btn-play .icon-pause { display: inline-block; }

@keyframes load {
    to {
        transform: rotate(360deg);
    }
}

.audio-player.loading .player .btn-play { pointer-events: none; }
.audio-player.loading .player .btn-play span { animation: load 1s linear infinite; }
.audio-player.loading .player .btn-play .icon-loop { display: inline-block; }
.audio-player .player .timeline { flex: 1; display: flex; flex-direction: column; position: relative; padding-bottom: 0.2rem; }
.audio-player .player .timeline .line { --line-height: 0.24rem; flex: 1; display: flex; align-items: center; position: relative; }
.audio-player .player .timeline .line:before { content: ""; width: var(--player-percent-played); position: absolute; background: #f5ee2e; height: var(--line-height); border-radius: calc(var(--line-height) / 2); }
.audio-player .player .timeline .line input[type="range"] { flex: 1; all: unset; appearance: none; background-color: initial !important; border: none; outline: none; width: 100%; position: relative; }
.audio-player .player .timeline .line input[type="range"]::-webkit-slider-thumb { appearance: none; background: var(--player-color-featured); width: 0.9rem; height: 0.9rem; border-radius: 50%; margin-top: calc(var(--line-height) * -1.4); }
.audio-player .player .timeline .line input[type="range"]::-moz-range-thumb { unset: all; appearance: none; border: 0; background: var(--player-color-featured); width: 0.9rem; height: 0.9rem; border-radius: 50%; margin-top: calc(var(--line-height) * -1.4); }
.audio-player .player .timeline .line input[type="range"]::-ms-thumb { appearance: none; background: var(--player-color-featured); width: 0.9rem; height: 0.9rem; border-radius: 50%; margin-top: calc(var(--line-height) * -1.4); }
.audio-player .player .timeline .line input[type="range"]::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 0.2); height: var(--line-height); border-radius: calc(var(--line-height) / 2); }
.audio-player .player .timeline .line input[type="range"]::-moz-range-track { background: rgba(255, 255, 255, 0.2); height: var(--line-height); border-radius: calc(var(--line-height) / 2); }
.audio-player .player .timeline .line input[type="range"]::-ms-track { background: rgba(255, 255, 255, 0.2); height: var(--line-height); border-radius: calc(var(--line-height) / 2); }
.audio-player .player .timeline .data { display: flex; align-items: center; justify-content: space-between; font-size: 0.68rem; color: var(--player-color-text); position: absolute; width: 100%; bottom: 0; }

.audio-player .player .timeline .data .current-time::before { content: var(--player-current-time); }
.audio-player .player .timeline .data .time { display: flex; align-items: center; }
.audio-player .player .timeline .data .time::before { content: var(--player-current-date-time); }
.audio-player .player .timeline .data .time span { font-size: 1rem; margin-left: 0.4rem; color: var(--player-color-featured); }
.audio-player .user { position: relative; width: 55px; height: 55px; margin-left: 1.4rem; }
.entry-summary .user{display: none;}

.audio-player .user img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; background: rgba(255, 255, 255, 0.01); }
.audio-player .user span { position: absolute; left: 0; bottom: 0; color: var(--player-color-featured); transform: translateX(-50%); font-size: 1.6rem; text-shadow: -1px -1px 0 var(--player-color-background), 1px -1px 0 var(--player-color-background), -1px 1px 0 var(--player-color-background), 1px 1px 0 var(--player-color-background); }
.audio-player.mine { --player-color-background: #056162;}
.audio-player.mine .user {margin-left: 0;}
.audio-player.mine .player {margin-right: 0.8rem;}
.audio-player.mine .player .btn-play {padding: 0 0.8rem;}
.audio-player.mine .user span { right: 0; left: auto; transform: translateX(50%); }
.material-icons { opacity: 1 !important; color: #fff; background: #fff; border-radius: 30px; }
.material-icons i { font-size: 26px; color: #f5ee2e; }
.home-welcome .user { display: none; }
.material-icons i { background: #fff; opacity: 1; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.wc-block-components-radio-control-accordion-content div{color:#fff !important;}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: 4px; box-shadow: inset 0 0 0 2px #fff; }

/* Responsive */
@media (max-width: 1200px) and (min-width: 992px){
	
	h2{font-size: 36px !important;}
	h3{font-size:18px !important;}
	
	header .navigation #mega-menu-wrap-primary #mega-menu-primary li { padding: 0px 0px 0px 23px; }
	header .col-md-1 { width: 13% !important; }
	header .hLinks img {margin: 0px 2px; }
	
	.homeDiscover h2 { margin-bottom: 30px !important;}
	
	.homeCategories { padding-top: 150px !important; padding-bottom: 240px; margin-top: -40px; }
	
	.homeProducts .mainBox .contentBox h4 { font-size: 16px; }
	.homeProducts .designBtn { font-size: 15px; padding: 10px 0px; width: 150px;}
/* 	.homeProducts .mainBox .contentBox .playButton { width: 59%;} */
	
	.contactDetails .vc_col-sm-3 .vc_column-inner h4 { font-size: 18px;}
	.contactDetails .vc_col-sm-3 .vc_column-inner { padding: 35px 15px 40px !important;}
	
	.woocommerce div.product .product_title {font-size: 34px; }
}
@media (max-width: 991px){
    h1{font-size:24px;}
    h2{font-size: 32px !important;}
    h3{font-size:17px !important; letter-spacing: 4px !important;}
    h4{font-size:14px;}
	
	header { position: static !important;padding: 5px 0px 20px;}
	header .row { display: block;}
	header .col-md-1 { width: 100% !important; text-align: center; }
	header .hLogo{text-align:center;}
	header .hLogo img { margin-left: 15px; margin-top: 15px; width: 115px; }
	header .hLinks img {margin: 0px 7px; }
	header .navigation .navbar { justify-content: center; margin: 12px 0px; }
	header .navigation #mega-menu-wrap-primary #mega-menu-primary li { padding: 0px 18px 0px 18px; }
	header .hBtn{display:none;}
	
	.homeBanner{height:auto !important;padding-top: 120px !important; padding-bottom: 150px !important;}
	.homeBanner h2 { font-size: 36px !important; letter-spacing: 16px !important; }
	.homeBanner h1 { font-size: 55px; margin-bottom: 30px; }
	.designBtn{font-size: 15px; padding: 12px 0px; width: 160px;}
	
	.homeDiscover .vc_col-sm-7 .vc_column-inner { padding-left: 0px !important; }
	.homeDiscover h2 { margin-bottom: 30px !important;}
	.homeDiscover a.designBtn { margin-top: 30px !important; }
	
	
	.homeCategories { padding-top: 60px !important; padding-bottom: 60px; margin-top: 0px; }
	.homeCategories h2 {margin-bottom: 15px !important;}
	.homeCategories h4 a { font-size:18px !important}
	
	.homeProducts { padding-top: 20px !important; margin-top: 0px; padding-bottom: 90px; }
	.homeProducts h2 { margin-bottom: 30px !important;}
	.homeProducts .col-sm-3 { width: 50% !important; }

	footer ul li a { margin: 0px 15px;}
	
	.innerBanner { height: auto; padding-top: 160px !important; padding-bottom: 160px !important;}
	.innerBanner h1 { font-size: 60px;}
	
	.whyChooseUs h2,.aboutVolume h2{ margin-bottom: 20px !important;}
	
	.aboutVolume .textCol .vc_column-inner { padding: 60px 0px 60px 15px !important; }
	
	.contactForm h2 { margin-bottom: 15px !important;}
	.contactForm .col-md-3.submit{position: absolute; bottom: -10px; width: 100%; z-index: 999;}
	.contactForm form{padding-bottom: 60px}
	
	.contactDetails .vc_col-sm-3 .vc_column-inner h4 { font-size: 18px;}
	.contactDetails .vc_col-sm-3{width:50% !important;}
	.contactDetails .vc_col-sm-3 .vc_column-inner { padding: 35px 15px 40px !important; border-left: 1px solid #d6d6d6;}
	.contactDetails h2 { margin-bottom: 40px !important;}
	
	.woocommerce div.product div.summary { padding-left: 15px; }
	.woocommerce div.product .product_title {font-size: 28px; }
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { padding: 60px 0px 30px !important; }
	
	.woocommerce ul.order_details li { margin-right: 1.1em !important; font-size: 13px !important; padding-right: 1.1em !important; }
	.container .woocommerce { padding: 50px 0px 50px;}
	.woocommerce-order { padding: 0px 0vw 0px !important; }
}
@media (max-width: 767px){
	h2 { font-size: 29px !important; }
	h3 { font-size: 17px !important; letter-spacing: 3px !important; }
	
    .dropdown:hover > .dropdown-menu{width: 100%; text-align: center;}
    .head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover{color: #fff;}
	
	header .navbar-header{display:none !important;}
	header .navigation .navbar { display: block;}
	header #mega-menu-wrap-primary .mega-menu-toggle { background: transparent !important;}
	header .hLogo { text-align: start; position: absolute; top: 0;z-index:999; }
	header .navigation .navbar { display: block; margin: 35px 0px; }
	header { position: relative !important; padding: 0px 0px 0px; }
	header .hLinks { position: absolute; right: 88px; top: 51px; z-index: 999; }
	header .col-md-1 {position: static !important;}
	header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {margin-top: 15px;}
	header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { margin-top: 50px; }
	header .navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { display: inline-block; margin-bottom: 8px; }
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { width: 33px !important; height: 2px !important; background-color: #fff !important;}
	header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner { top: 4px !important; }
	
	.homeBanner { padding-top: 80px !important; padding-bottom: 110px !important; }
	.homeBanner h2 { font-size: 26px !important; letter-spacing: 14px !important; }
	.homeBanner h1 { font-size: 45px; margin-bottom: 20px; }
	.designBtn{padding: 10px 0px; width: 150px;}
	.homeBanner .imageRow .vc_single_image-wrapper {  left: 47%;}
	
	.homeDiscover img{display:none;}
	.homeDiscover .vc_col-sm-7 .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; }
	
	.homeYoutube .wpb_video_widget{margin-bottom: 40px !important;}
	
	.homeCategories { padding-top: 0px !important; padding-bottom: 60px; margin-top: 0px; }
	.homeCategories .firstImageRow { margin-bottom: 45px  !important; margin-top: 35px; }
	.homeCategories .vc_inner { column-count:2; }
	
	.homeProducts .col-sm-3 { width: 100% !important; }
	.homeProducts .productRow{ column-count:2;}
	
	footer ul li a {margin: 0px 13px; line-height: 35px; }
	footer .bottomRow p{line-height:22px;}
	footer { background-image: none; background-size: 100% 100%; padding-top: 65px; background-color: #0c0c0c; }
	
	.innerBanner { height: auto; padding-top: 140px !important; padding-bottom: 140px !important;}
	.innerBanner h1 { font-size: 50px;}
	
	.whyChooseUs{margin-top:60px !important;}
	.whyChooseUs .textCol .vc_column-inner { padding: 70px 15px 30px 15px !important; }
	.whyChooseUs .imageCol { position: relative; bottom: 0; right: 0; }
	
	.aboutVolume .imageCol{padding: 50px 15px 0px;}
	.aboutVolume .textCol .vc_column-inner { padding: 60px 15px 60px 15px !important; }
	
	.contactDetails .vc_col-sm-3{width:100% !important;}
	.contactDetails .vc_col-sm-3 .vc_column-inner{border-left: none !important;border-right: none !important;padding: 20px 15px !important; height: auto !important;}
	
	.woocommerce-page .product { display: block;}
	.woocommerce div.product .product_title { font-size: 30px; margin-top: 45px; }
	
	.woocommerce ul.order_details li { margin-bottom: 20px; }
	.woocommerce-MyAccount-navigation { margin-bottom: 40px !important;}
	
}
@media (max-width: 577px){
	h2 { font-size: 26px !important; }
	h3 { font-size: 16px !important; letter-spacing: 3px !important; }
	p{font-size: 15px !important; line-height: 25px !important;}
	a,li,span,input,textarea{font-size:15px !important;}
	
	.homeBanner { padding-top: 60px !important; padding-bottom: 90px !important; }
	.homeBanner h1 { font-size: 35px; margin-bottom: 15px; }
	.homeBanner h2 { font-size: 22px !important; letter-spacing: 10px !important; }
	.homeBanner .imageRow .vc_single_image-wrapper {  left: 46%; height: 36px; width: 38px;}
	.homeBanner .imageRow img { width: 14px;}
	
	.homeDiscover h2 { margin-bottom: 20px !important; }
	.homeDiscover a.designBtn { margin-top: 25px !important; }
	
	.homeProducts .col-sm-3 { width: 100% !important; padding: 0; }
	.homeProducts .productRow { column-count: 2; padding: 0px 15px; }
	
	footer .bottomRow { display: block;}
	footer .col-md-12.secondCol { text-align: center; margin: 15px 0px; }
	footer .bottomRow p { line-height: 22px !important; font-size: 13px !important; text-align: center; margin-bottom: 15px; }
	footer .bottomRow .col-md-4{text-align:center;}
	
	.innerBanner {padding-top: 120px !important; padding-bottom: 110px !important;}
	.innerBanner h1 { font-size: 40px; margin-top: -50px !important; }
	
	.contactForm { padding-top: 40px !important; }
	.contactDetails { padding-top: 40px !important; padding-bottom: 50px; }
	
	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { height: 65px;}
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { padding: 60px 0px 0px !important; }
	.woocommerce-order .woocommerce-notice--success { font-size: 20px !important;}
	.woocommerce-order .woocommerce-order-details__title, .woocommerce-order .woocommerce-column__title { font-size: 18px !important;}
}
@media (max-width: 450px){
	h2 { font-size: 24px !important; }
	h3 { font-size: 15px !important; letter-spacing: 2px !important; }
	p{font-size: 14px !important; line-height: 23px !important;}
	a,li,span,input,textarea{font-size:14px !important;}
	
	header .hLogo img {width: 90px; }
	header .navigation .navbar { display: block; margin: 25px 0px; }
	header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child { margin-top: 13px; margin-right: 0px; }
	header .navigation .navbar .container-fluid { margin: 0px !important; padding: 0; }
	header .hLinks img { margin: 0px 5px; }
	header .hLinks { position: absolute; right: 62px; top: 40px; z-index: 999; }
	
	.homeBanner { padding-top: 50px !important; padding-bottom: 80px !important; }
	.homeBanner h1 { font-size: 26px; margin-bottom: 15px; margin-top: 4px; }
	.homeBanner h2 { font-size: 20px !important; letter-spacing: 6px !important; }
	.designBtn { padding: 8px 0px; width: 130px; font-size: 14px; }
	
	.homeDiscover h2 { margin-bottom: 15px !important; }
	.homeDiscover p { margin-bottom: 10px; }
	.homeDiscover a.designBtn { margin-top: 20px !important; }
	
	.homeCategories { padding-top: 0px !important; padding-bottom: 40px;}
	.homeCategories .vc_inner { column-count: 1; }
	.homeCategories .vc_inner .vc_col-sm-6{margin-bottom:20px !important;}
	.homeCategories .firstImageRow { margin-bottom: 0px !important; margin-top: 35px; }
	
	.homeProducts .productRow { column-count: 1; padding: 0px 15px; }
	.homeProducts .col-sm-3 { margin-bottom: 50px !important; }
	.homeProducts .mainBox .contentBox a.designBtn { padding: 12px 0px; }
	.homeProducts { padding-top: 20px !important; margin-top: 0px; padding-bottom: 60px; }
	.homeProducts .BtnBox a.designBtn { background: #f5ee31; position: relative; top: 20px; margin-top: 5px; padding: 12px 0px; width: 160px; }
	.homeYoutube { padding-top: 60px !important; padding-bottom: 30px; z-index: 999; }
	
	.innerBanner { padding-top: 110px !important; padding-bottom: 90px !important; }
	.innerBanner h1 { font-size: 35px; margin-top: -50px !important; }
	
	.whyChooseUs .textCol .vc_column-inner { padding: 45px 15px 20px 15px !important; }
	.whyChooseUs { margin-top: 45px !important; }
	.whyChooseUs p { margin-bottom: 10px; }
	
	.aboutVolume .imageCol{padding: 30px 15px 0px;}
	
	.contactForm form .col-md-3,.contactForm form .col-md-12{padding:0px !important;}
	.contactDetails h2 { margin-bottom: 10px !important; }
	
	.woocommerce .woocommerce-product-gallery img { height: 360px !important; }
	body.single-product .content-area { padding: 70px 0px 30px !important; }
	.woocommerce div.product div.summary { padding-left: 0px; }
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {  width: 100%; text-align: center; margin-top: 10px; }
	.woocommerce-message { display: flex; flex-direction: column-reverse; }
	.woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 8px 10px !important;}
	.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{display:none;}
	
	.wc-block-cart__empty-cart__title.with-empty-cart-icon:before { background-color: #f5ee31 !important; height: 5em !important; mask-size: 5em !important; width: 5em !important;margin: 0 auto 1em !important; }
	.wp-block-woocommerce-cart h2.wc-block-cart__empty-cart__title.with-empty-cart-icon { font-size: 22px !important;}
	
}
@media (max-width:375px){
	h2 { font-size: 22px !important; }
	h3 { font-size: 14px !important; letter-spacing: 1px !important; margin-bottom: 5px; }
	
	footer ul li a { margin: 0px 7px; line-height: 30px; }
	
	.innerBanner { padding-top: 90px !important; padding-bottom: 70px !important; }
	.innerBanner h1 { font-size: 30px; margin-top: -42px !important; }
	
	.woocommerce div.product .product_title { font-size: 28px; margin-top: 30px; }
	.woocommerce .woocommerce-product-gallery img { height: 300px !important; }
}
@media (max-width:320px){

}