.product--price del {
    color: #999999;
    margin-left: 20px;
    font-weight: 400;
    font-size: 20px;
}

.img-banner-mobile img {
    -webkit-background-size: cover;*/
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.btn-cta:hover {
    color: #808080;
}

.product--meta-select .color-name {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 40px;
    letter-spacing: 1px;
    float: left;
    margin-left: 25px;
}

.modal-backdrop {
    position: absolute;
}
.comment-reply {
    margin-top: 20px;
    padding-left: 50px;
}
.heading-width {
  width: 100px;
}
.zoom {
  display: inline-block !important;
}

.content-store {
  padding-left: 30px !important;
}

.subscribe {
	position: absolute;
  	top: 130px;
 	left: 80px;
 	z-index: 2;
    text-transform: capitalize;
    width: 555px;
}

.subscribe-title {
	font-size: 48px;
    z-index: 2;
    line-height: 1.5 !important;
    pointer-events: none; 
    text-decoration: underline; 
    color: #004348;
    margin-bottom: 14px;
}



.subscribe-title a {
    color: #004348 !important;
}

.bullet-pagination {
	border-color: none !important;
  	border-style: none !important;
}

.product--colors-bullet a {
	display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
}

.product--meta-select.select--color {
	border-bottom: 1px solid #e1e1e1;
}

.my-account {
	padding-top: 0px !important;
}


.list-unstyled-member {
    list-style: none;
}

.list-unstyled-member li a {
	display: block;
    padding-bottom: 8px;
    font-weight: bold;
    /*line-height: 1.58;*/
    font-size: 16px;
}

.list-unstyled-member li a.active {
	color: #ADADAD !important;
}

.list-unstyled-member li a:hover {
	color: #ADADAD !important;
}

.list-unstyled-member.active {
    list-style: none;
}

.member-name {
	font-size: 16px;
}

.account-info {
	font-size: 14px;
}

.list-info {
	margin-bottom: 8px;
}

.list-info-2 {
	margin-bottom: 0px !important;
	color: #000 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
}

.list-info a {
	color: #ADADAD;
}

.list-info a:hover {
	color: #000;
	font-weight: bold;
}

.member-order {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	/*width: 135px;*/
}

.unpaid {
	color: #F6663F;
	text-align: right;
	margin-left: 15px;
}
.paid {
	color: #94A700;
	text-align: right;
	margin-left: 15px;
}

.btn-style {
	font-size: 10px;
	width: 180px !important;

}

.nowrap {
	white-space: nowrap;
}

.cart-product {
	max-width: 100px;
}

.cart-product-info {
	/*height: 100px;*/
}
.cart-product-info-center {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.account-info-order {
	margin: auto;
}

.table-responsive-1 {
    display: block;
    width: 100%;
    /* overflow-x: auto; */
    border: none;
    margin-bottom: 0px !important; 
    margin-top: -30px !important;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive {
	margin-bottom: 0px !important; 
}

.style-order {
	border:none !important;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0 !important; 
}

.table-1 td {
	border-top: 1px solid #a1a1a1 !important;
}

.wishlist .cart-product-content-1 {
	padding-top: 0px !important;
}

.cart-product-content-1 {
	padding-top: 0px !important;
    padding-left: 100px;
    /*min-height: 130px;*/
}

.rtl {
	text-align: right !important;
}

.table-2 {
	margin-top: -25px;
}
@media only screen and (max-width: 991px){
	.images-order {
		order: 1 !important;
	}
	.images-order .heading {
	    float: left !important;
	}
	.img-mobile {
		width: 100%;
  		height: auto;
	}
}



/*css invoice*/
.header-invoice span {
	font-size: 26px;
	font-weight: bold;
}

.header-name-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}
.header-name span {
	font-size: 16px;
}
.cart-product-status-2 {
	padding: 5px 0 !important;
}
.cart-product-status-3 {
	padding-bottom: 10px !important;
}
.border-bottom {
	border-bottom: 1px solid #a1a1a1 !important;
}


/* BTN sidebar mobile */
.btn-dashboard{	
  	position: fixed;
  	bottom: 0;
  	width: 100%;
  	z-index: 9999;
  	margin: auto;
  	background-color: #F3F3F4;
}

.btn-dashboard .content-1 {
	font-size: 15px;
	line-height: 1.2em;
	margin-top: 3px;
	font-family: "Lato", sans-serif;
}

@media only screen and  (max-width: 409px) {
	.btn-dashboard .content-1 {
		font-size: 10px;
	}
}

@media only screen and  (max-width: 332px) {
	.btn-dashboard .content-1 {
		font-size: 8px;
	}
}

.btn-dashboard .icons-content {
	padding: 7px;
	margin-top: 5px;
}
.btn-dashboard .icons-content .icons {
	font-size: 25px !important;
}
.btn-dashboard .icons-content .active {
	color: #B7A494 !important;
}

.color-stock {
	color: #ADADAD; 
	padding: 0;
}




/* MEGA MENU */

@media only screen and  (max-width: 991px) {
	.menu-icon {
		display: none !important;
	}
	
}

.info-menu {
	padding-left: 0;
	list-style: none;
}

.info-menu a {
	list-style: none !important;
	font-size: 12px !important;
	display: inline !important; 
	color: #000 !important;
}

.info-menu a:hover {
	color: #46B4E1 !important;
}

.info-menu span {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


@media (min-width: 1025px) {
	#p-menu .drop-menu-section-item--hover-grey:hover {
    	background: #F8F8FA;
	}
}

.drop-menu-section-item {
	/*display: inline !important;*/
	display: flex !important;
	color: #000 !important;
	margin: auto;
	font-family: "Lato", sans-serif;
	padding: 5px;
	
}

.drop-menu-section-image {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.drop-menu-section-item-content {
	padding-left: 10px;
	margin-top: auto !important;
	margin-bottom: auto !important;

}
.drop-menu-section-item-content span {
	/*padding-top: 20px !important;*/
	display: flex;
	margin-bottom: -20px !important;
	font-size: 16px;
}
.drop-menu-section-item-content p {
	font-size: 14px;
	/*margin-top: -8px !important;*/
}

.drop-menu-section-item-content h6 {
	font-size: 14px !important;
	margin: auto !important;
	padding-left: 10px;
	font-weight: 450;
}

.mega-dropdown-menu li ul li a:hover span {
	color: #46B4E1 !important;
	cursor: pointer;
}

.mega-dropdown-menu li ul li a:hover h6 {
	color: #46B4E1 !important;
	cursor: pointer;
}

@media only screen and  (max-width: 1200px) {
	.btn-btn-add {
		width: 120px !important;
		font-size: 12px !important;
		margin-bottom: 0px !important;
	}
	
}


/* right custom */

.title-summary {
	padding-top: 20px;
	/*padding-bottom: 12px;*/
	text-align: center;
}

.content-products .title-products {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lato", sans-serif;
}



.content-products .title-products-desc {
	font-size: 14px;
	font-weight: bold;
	color: #A1A1A1;
	font-family: "Lato", sans-serif;
}

.content-products .subtotal-products {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lato", sans-serif;
}

.image-products {
	text-align: center;
	width: 100%;
	height: auto;
}

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

.bg-grey {
	background-color: #EFEFEF;
	/*position: relative;*/
	padding: 20px 10px 20px 10px;
    margin-bottom: 12px;
    border-radius: 10px;
    display: flex;
	flex-wrap: nowrap;
}

.checkbox-box {
	padding-top: 10px;
}

.section-box {
	padding-left: 30px;	
}

.btn--secondary {
	background-color:transparent !important;
	border: 2px solid #fff !important;
	text-transform: capitalize;
}.btn--secondary:hover {
	background-color:#000 !important;
	border: 2px solid #000 !important;
}.btn-customize {
	font-size: 12px; 
	text-transform: capitalize;
	text-align: center;
}

form .btn i .i-left {
    margin-right: 15px !important;
}

form .btn i .i-right {
    margin-left: 15px !important;
}






/* FAQ */

.style-faq {
	padding-left: 100px !important; 
	padding-right: 100px !important; 
	text-align: justify;
}


/* BUTTON PAGE CART */

.btn---white {
	background-color: #fff !important;
	border-color: #e1e1e1 !important;
	font-size: 13px !important;
	/*color: #000 !important;*/
	font-weight: 700 !important;
}

.btn---secondary {
	background-color: #252525;
    color: white;
    border: 2px solid #252525;
}

.btn---secondary:hover {
	background-color: transparent;
	color: #000;
	border: 2px solid #000;
}

.edit-cart-custom {
	color: #46B4E1 !important;
}

.edit-cart-custom:hover {
	color: #000 !important;
}

/* CSS MOBILE PRODUCT DETAIL */
.product--meta-select {
	margin-bottom: 0px !important;
}

.select-order .product-quantity {
    width: 100px;
    height: 45px;
    border: none;
    border-radius: 45px;
    font-family: "Lato", sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    line-height: 45px;
    text-transform: uppercase;
    padding: 0 25px;
    position: relative;
    background-color: #f6f7fb;
    text-align: center;
    margin-bottom: 5px;
}

.color-bullet:before {
	position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--my-color-var);
    border: 1px solid transparent;
    font-size: 14px;
    color: #a1a1a1;
}

.css-dropdown-menu {
	position: absolute; 
	will-change: transform; 
	top: 8px !important; 
	left: -19px !important; 
	transform: translate3d(90px, 33px, 0px);
}

.product--meta-action-2 {
	margin-bottom: 0px; 
    padding-top: 7px;
}

.product--meta-action a.fav {
	border: 1px solid #707070;
}
.product--meta-select .select--dropdown .dropdown-menu {
	text-transform: capitalize !important;
	background-color: rgba(255, 255, 255, 1) !important;
}

.product--share span {
	margin-right: 0px;
}

.product--meta-select .select--dropdown i {
	margin-right: 0px;
	margin-left: 0px;
}

.product--meta-select .select--dropdown {
	text-align: center;
}


/* CSS Member 2 ( ORDER HISTORY )*/


.button-order-detail {
	width: auto;
	line-height: 2;
}

.icons-mr {
	margin-right: 0px !important;
}


/* HOME BANNER 1 COCOBAY */

.text--container {
	padding-top: 210px;
    padding-left: 35px;
}

.deal--price {
	font-size: 55px !important; 
	color: #fff !important; 
	margin-bottom: 25px !important;
}

.deal--desc {
	font-size: 16px !important; 
	font-weight: 400 !important; 
	color: #fff !important; 
	line-height: 1.5 !important;
}

.day-deals-two {
	background-color: #B7A494 !important;
}


/* NAVBAR HEADER */

.nav-bar-title {
	color: #000 !important;
	cursor: pointer !important;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold !important;
}
.color-header-index {
	background-color: #fff;
}


/* PRODUCT DETAIL */

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  /*outline: 2px solid #000;*/
  border: 3px solid #000;
  border-radius: 50px;
}


/* PAYMENT */
.info-payment {
	margin-bottom: 25px;
}

.trx-payment span {
	font-size: 21px;
	font-weight: bold;
}

.trx-payment {
	margin-bottom: 25px;
}

.trx-total span {
	font-size: 48px;
	font-weight: 750;
	margin-bottom: 25px;
}

.trx-total {
	margin-bottom: 25px;
}

.btn--payment-confirm {
	width: 450px;
	margin-bottom: 10px;
}


/* PAYMENT CONFIRM */

.margin-payment-confirm {
	/*margin-left:250px; 
	margin-right: 250px; 
	margin-top: 60px;*/
	margin: auto;
	padding: auto;
	width: 60%;
}

.label-form {
	font-size: 16px;
	text-align: left !important;
	margin: 10px;
}

.input-form {
	margin-bottom: -15px;
}

input[type="file"] {
    display: none;
}

.upload-file {
	width: 100%;

}


/* CONTACT US */

.nospace {
    margin: 0;
    padding-right: 0;
}

/* select */

#inquiries {
    -webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

#inquiries::-ms-expand { display: none; }


/* acordion faq */


.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
}
.set > a{
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  padding-top: 15px;

}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  color: #000;
  border-bottom: none;
}
.content{
  background-color: #fff;
  border-bottom: 1px solid #707070;
  display:none;
}
.content p{
  color: #000;
}



/* SWIPER BANNER */

.banner-slider {
    position: relative;
    height: 100% !important;
    z-index: 9;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.banner-section .banner-slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.swiper-slide {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: -500px;
}

.banner-section .banner-slider-button-prev {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-left: 40px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.banner-section .banner-slider-button-next {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-right: 40px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.banner-section .banner-slider-mobile-button-prev {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-left: 20px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.banner-section .banner-slider-mobile-button-next {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-right: 20px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-button-prev, .swiper-button-next {
	top: 60% !important;
	color: #000 !important;
  margin-bottom: 30px;
}

.swiper-button-prev {	
	  position: sticky !important;
    width: 50px !important;
    height: 50px !important;
    left: -20px !important;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    
    font-size: 25px;
    background-color: transparent;
    border: 1px solid #000;
    transition: .5s;
}

.swiper-button-prev:after, .swiper-button-next:after {
	font-size: 18px !important;
  content: '' !important;
}

.swiper-button-next {
	 position: sticky !important;
    width: 50px !important;
    height: 50px !important;
    right: -20px !important;
    left: 220px !important;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-right: 140px;
    font-size: 25px;
    background-color: transparent;
    border: 1px solid #000;
    transition: .5s;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 1em;

}


/* BANNER STORE DETAIL */

.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important; 
}
.swiper-pagination-bullet-active {
    background: #000 !important;
    opacity: 1 !important; 
}

.banner-slider-store-button-prev {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-left: 40px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.banner-slider-store-button-next {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    z-index: 9;
    margin-right: 40px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .5s;
}

.banner-slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}