/* Custom Theme CSS */

/* Header */

/* Menu */

.container-inner.my-account-tab {
    display: none !important;
}

#top.hd3{
 	border-bottom:none!important; 
}

.hd3 {
    background: white !important;
}

.hd3 .container {
  background: white !important;
}

.custom-nav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;

    .mobile-menu {
        max-width: 32px !important;
        width: 32px !important;
    }
}

.logo-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#top.hd3 .container-inner {
    border-bottom: 2px solid #eaeaea!important;
}

#logo {

    padding: 10.5px 0px !important;

}

#logo a img {
    max-width: 207px !important;
}

.box-cart {
    display: flex !important;
  	margin-bottom: 0px!important;
    min-width: 175px!important;
    float: none!important;
    position: relative!important;
    top: 0%!important;
    transform: none!important;
}

.box-right{
 	position: relative!important;
    top: 0%!important;
    transform: none!important; 
}

.box-cart img{
 	min-width: 23px!important; 
}

#top.hd3 .box-right {
    border-bottom: none !important;
	margin-right: 20px!important;
}


#cart {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    position: relative!important;
    top: 3px!important;

}

/* Search Section */

header.hd3{
 	padding-top: 3rem!important; 
  	display: flex!important; 
    width: 100%!important; 
    justify-content: center!important; 
    align-items: center!important; 
}


header.hd3 .header-inner{
 	width: 100%!important; 
    padding-bottom: 3rem!important;
    background: white!important;
}

header.hd3 .top-search{
 	right: 0!important; 
    position: relative!important; 
    display: flex!important; 
    margin: 0px!important; 
    left: 0%!important; 
  	padding-left: 40px!important;
    border: 0!important; 
    top: 0!important; 
  	transform: none!important;
}

#search-by-category .search-container #text-search{
 	border: 2px solid #E6E6E7!important;
	border-radius: 4px!important;
}
  
#btn-search-category{
  background: #CAB54A!important;
  text-transform: uppercase!important;
  font-size: 12px!important;
  max-width: 168px!important;
}

.separator{
 	padding: 0 7px 0px 20px!important; 
}

#btn-search-category img{
 	max-width: 21px!important; 
  	position: relative!important;
  	left:10px!important;
}

.hd3 .header-phone{
 	padding-top: 5px!important; 
}

.hd2 .header-phone:before, .hd3 .header-phone:before {
    content: ''!important; 
    font-family: 'Stroke-Gap-Icons';
    font-size: 36px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 16%!important; 
    transform: none!important; 
    background: url(/cdn/shop/files/Icon_feather-headphones.svg?v=1593079656)!important; 
    width: 100%!important; 
    height: 100%!important; 
    background-repeat: no-repeat!important; 
}

.hd2 .header-phone p, .hd3 .header-phone p{
 	font-size: 16px!important; 
}

#phone-search{
 	font-size: 16px;
    color: #cead5a;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    line-height: 1;
  	cursor: pointer;
}


/* Side Menu */

.mobile-menu .ul-top-items{
    position: absolute!important; 
    max-width: 409px!important;     
  	min-width: 409px!important; 
    background: #494646!important; 
    color: #f7f7f7!important; 
    height: 100vh!important; 
    flex-direction: column!important; 
    transform: translateX(-1000px)!important;
  	transition: all .25s ease-in!important;
    display: flex!important;
  	left: -9rem!important;
    top: 0rem!important;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
  	padding: 15px 30px 0px 30px!important;
    z-index: 10000000!important;
    text-align: left!important;
}

.mobile-menu .oc-menu-bar img{
 	cursor: pointer!important; 
}

.mobile-menu .ul-top-items.show-menu{
 	 transform: translateX(0px)!important;
}

.mobile-menu .li-top-item{
 	border-top: none!important;
    padding-top: 27px!important;
}

.mobile-menu .li-top-item a{
  color: rgba(255,255,255,.7)!important;
  font-size: 16px!important;
}

.mobile-menu .li-top-item a:hover{
  color: rgba(255,255,255,1)!important;
  font-weight: 500!important;
}

.mobile-menu .li-top-item.active a{
  color: #CAB54A!important;
  font-weight: 500!important;
  position: relative!important;
  padding-left:15px!important;
}

.mobile-menu .li-top-item.active a:before{
  content:''!important;
  position: absolute!important;
  width: 2px!important;
  height: 100%!important;
  background:#CAB54A!important;
  left:0!important;
  top: 0!important;
}

.mobile-menu .li-top-item.active .a-click-show svg{
  color: #CAB54A!important;
  height:auto!important;
}

.mobile-menu .li-top-item .a-click-show svg.fa-chevron-up{
  display:none!important;
}

.mobile-menu .li-top-item.active.expand .a-click-show svg.fa-chevron-down{
  display:none!important;
}

.mobile-menu .li-top-item.active.expand .a-click-show svg.fa-chevron-up{
  display:block!important;
}

.mobile-menu .a-click-show{
  right: 0px!important;
  top: 23px!important;
  width: auto!important;
}

.mobile-menu .ul-second-items .li-second-items{
  padding: 13px 0px 0px 15px!important;
}

.mobile-menu .ul-second-items .li-second-items a{
  color: rgba(255,255,255,.5)!important;
  font-size: 14px!important;
  font-weight: normal!important;
}

.mobile-menu .ul-second-items .li-second-items a:hover{
  color: rgba(255,255,255,.75)!important;
}

.mobile-menu .ul-second-items .li-second-items a:before{
  display:none!important;
}

.custom-nav, header.hd3, .wrapper-inner{
 	transition: all .25s ease-in!important; 
}

.menu-shown{
  padding-left: 409px!important;
  transition: all .25s ease-in!important;
}

.close-menu{
  background: transparent!important;
  display:flex!important;
  justify-content: flex-end!important;
  align-items:center!important;
  width: 100%!important;
  border:none!important;
  border-bottom:2px solid rgba(255,255,255,.7)!important;
  padding: 20px 0px 20px 0px!important; 
  text-align: right!important;
}	

.close-menu svg{
  color: #CAB54A!important;
  font-size: 25px!important;
}

/* Responsiveness */

@media(max-width: 991px){
 	#btn-search-category img{
     	display: none!important; 
    }
  
  	header.hd3 .top-search{
     	padding-left: 0px!important;
    }
}

@media(max-width: 1500px){
	.mobile-menu .ul-top-items{
     	left: -3rem!important; 
    }
}

@media(max-width: 1200px){
	.menu-shown{
     	padding-left: 0px!important; 
    }
}

/* Product Page */
.product-product .breadcrumbs{
 	margin:0px!important; 
  	margin-bottom:1rem!important; 
}

.product-info-main .product-name{
 	font-size: 30px!important;
    font-weight: 700!important; 
}

.product-info-main .ratings{
 	margin-bottom:2rem!important; 
}

.ratings .spr-badge{
 	font-size:20px!important; 
}

.ratings .spr-icon{
 	margin-right:11px!important; 
}

.spr-icon.spr-icon-star-empty{
  	color: #B2B2B2!important;
}

.ratings .spr-badge-caption{
  	color: #B2B2B2!important;
    font-size: 14px!important;
}

.product-li li{
 	font-size: 14px!important;
  	color: #B2B2B2!important;
}

.product-info-main ul.list-unstyled li span, .product-info-main ul.list-unstyled li a{
  	color: #494646!important;
}

.product-info-main .short-des{
 	border-top:none!important; 
  	color: #494646!important;
}

.product-product .secondPrice{
    color: #494646!important; 
    font-weight: 700!important; 
    font-size: 19px!important; 
}

.product-product .firstPrice{
    color: #494646!important; 
    font-weight: 400!important; 
    font-size: 19px!important; 
  	display: block!important;
}

.dualPrice br{
 	display:none!important; 
}

.product-info-main .button-cart{
 	border-radius: 4px!important;
  	background: white!important;
  	border: 2px solid #494646!important;
  	color: #494646!important;
}

.product-info-main .button-cart:hover{
  	background: #494646!important;
  	color: #fff!important;
}
.video-wrapper iframe {
 	width: 600px;
 	height: 400px;
}

#description h3 {
  	margin-top: 0px;
  	margin-bottom: 25px;
	text-transform: uppercase;
  	color: #CAB54A;
}

.thumbnail.popup-youtube {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0px;
}

.thumbnail.popup-youtube:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #cead5a;
    opacity: .9;
}

.thumbnail.popup-youtube:hover:before {
    color: #eee;
}

/* Product responsiveness */
@media(min-width: 1024px){
 	.product-info-main{
     	padding-left: 10rem!important; 
    }
  
  	.product-info-main .short-des{
     	max-width: 600px!important; 
    }
}