/*
#cd354d (205,53,77)
#fff
#555 (85,85,85)
*/

body{
padding:0;
margin:0;
background-color:#fff;
color:#555;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button-btn, .button{
border-radius:1rem;
transition: all 0.3s ease-in-out;
padding: 9px 22px;
color: #fff;
background:#cd354d;
border:1px solid #cd354d;
}

button:hover, .button-btn:hover, .button:hover,button:active, .button-btn:active, .button:active{
background:rgba(205,53,77,.6);
color: #fff;
}

.screen{
min-height:80vh;
}
.common-wrapper{
text-align:center;
width:100%;
}

.common-button{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid transparent;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: pointer;
display: inline-block;
font: 600 14px/10px Open Sans,Helvetica,sans-serif;
margin: 0;
outline: none!important;
padding: 18px 31px;
text-align: center;
text-decoration: none!important;
-webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
-o-transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}

/* topline */
.wrap-white{
position:sticky;
top:0;
z-index:9999;
width:100%;
background-color:#fff;
}
.topline{
/*padding:.5rem 0;*/
/*height:120px;*/
margin-top:.875rem;
border-width: 1px;
border-bottom-style: solid;
border-image: radial-gradient(rgb(205,53,77), rgb(255,255,255)) 1;
}
.logo-main{
height:100%;
}
.logo-main img{
object-fit:cover;
margin-bottom:1rem;
}

.search-container{
width:100%;
position:relative;
margin-top:1rem;

}
.search-box{
display: table-cell;
vertical-align:middle;
outline:none !important;
border:1px solid #ddd !important;
border-radius:1rem  !important;
height:2.5rem;
min-height:2.5rem !important;
padding:0;
width: 100%;
}
.search-button{
position:absolute;
right:0;
top:0;
background-color:#cd354d;
border-radius:1rem  !important;
border:0;
color:#fff;
width:2.5rem;
height:2.5rem;
outline:0;
}
.search-button i{
font-size:1rem;
line-height:.5rem;
margin-left:-6px;
}
.small-font{
font-size:13px;
line-height:18px;
}

/* Cart */
.tl-cart{
position:absolute;
top:17px;
color:#cd354d;
}
.tl-cart a{
color:#cd354d;
}
.tl-cart a:hover{
color:#cd354d;
}

.tl-cart i {
font-size:2.5rem;
}
.tl-cart:before{
content:attr(data-totalitems);
font-size:12px;
font-weight:600;
position:absolute;
top:-12px;
left:30px;
background:#2bd156;
line-height:24px;
padding:0 5px;
height:24px;
min-width:24px;
color:white;
text-align:center;
border-radius:24px;
}
.tl-cart.shake {
animation: shakeCart 0.4s ease-in-out forwards;
}

@keyframes xAxis {
100% {
transform: translateX(calc(50vw - 105px));
}
}
@keyframes yAxis {
100% {
transform: translateY(calc(-50vh + 75px));
}
}
@keyframes shakeCart {
25% {
transform: translateX(6px);
}
50% {
transform: translateX(-4px);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}

.main-nav{
padding:0;
margin:0;
}
.main-nav li{
vertical-align:top;
display:inline-block;
padding:0 .5rem;
}
.main-nav li a{
color:#555;
text-decoration:none;
}
.main-nav li a:hover{
border-bottom:1px solid #555;
}
.topline-small-nav{
margin-top:9px;
}
.topline-phone{
font-size:1.25rem;
font-weight:600;
}
@media (max-width: 748px) {
	.topline-phone {
		font-size: 1rem;
	}
}
.topline-time{
margin-top:7px;
display:block;
text-align:center;
}
.topline-cats{
margin-top:10px;
text-align:center;
margin-bottom:1rem;
}
.topline-items{
line-height:2rem;
font-size:1rem;
font-weight:600;
display:inline-block;
padding:0 1rem;
margin:0;
white-space:nowrap;
}
.topline-items-mark{
font-size:1rem;
font-weight:600;
display:inline-block;
padding:0;
padding-right:.5rem;
margin:0;
white-space:nowrap;
}
.topline-items a,.topline-items a:hover{
color:#555;
text-decoration:none;
}
.topline-items-mark a,.topline-items-mark a:hover{
color:#cd354d;
text-decoration:none;
}
.topline-items a:hover{
border-bottom:1px solid #555;
}
.topline-items-mark a:hover{
border-bottom:1px solid crimson;
}

/* video */
.video__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 581px;
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom:2.5rem;
}
.video__header-video-wrapper {
height: 105%;
top: -5%;
}
.video__header-video-wrapper {
background: url('/wp-content/themes/joyas-shop-child/img/video_background.jpg') 50% 0 no-repeat;
background-size: cover;
height: 110%;
left: 50%;
position: absolute;
top: -10%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 2;
}
.video__header-video {
display: block;
font-family: "object-fit: cover";
height: auto;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.video__header-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 84px);
padding-top: 205px;
position: relative;
z-index: 4;
}
.video__header-title {
color: #fff;
font: 700 50px/68px Open Sans,Helvetica,sans-serif;
margin: 0;
padding: 0;
text-shadow: 0 -2px 2px rgb(0 0 0 / 30%);
}
.video__header-subtitle {
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-top: -2px;
text-shadow: 0 -2px 2px rgb(0 0 0 / 30%);
}
.video__header-add {
background: hsla(0,0%,100%,.75);
height: 84px;
position: relative;
z-index: 4;
}
.video-button{
text-transform:uppercase;
margin-top:20px;
width:240px;
padding:20px !important;
}
.video-button:hover{
background-color:#fff !important;
color:#cd354d !important;
}


.video__header-add-list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 84px;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.video__header-add-list-item {
color:#cd354d;
font-size:1rem;
font-weight:600;
width:33.33%;
}

.cat-cards-wrap{
margin:1rem 0;
}
.cat-cards-list{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cat-cards-item{
border-radius:4px;
position: relative;
overflow:hidden;
width:22%;
margin:1%;
max-width: 300px;
/*z-index: 1;*/
}
.cat-cards-item::after{
/*
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e5e5e5;
opacity: 0;
transition: .5s ease all;
*/
}
.cat-cards-item:hover img {
transform:scale(1.1);
}
/*
.cat-cards-item:hover::after {opacity: 0.2;}
*/
.cat-cards-item img{
-webkit-filter: brightness(100%);
filter: brightness(100%);
height:195px;
max-height: 195px;
max-width: 395px;
width: 100%;
border-radius:4px;
transition:1s ease all;
object-fit:cover;
}

.cat-cards-item-label{
font-weight:600;
font-size:17px;
width:100%;
padding:12px;
text-align:center;
color:#000;
background:hsla(0,0%,100%,.7);
position:absolute;
bottom:0;
border-radius:4px;
}
.cat-cards-item-label-marked{
font-weight:600;
font-size:17px;
width:100%;
padding:12px;
text-align:center;
color:#cd354d;
background:hsla(0,0%,100%,.7);
position:absolute;
bottom:0;
border-radius:4px;
}
.wm-hits{
text-align: center;
border-width: 1px;
border-top-style: solid;
border-image: radial-gradient(rgb(205,53,77), rgb(255,255,255)) 1;
margin: 2rem 0 2rem 0;
padding: 2rem 0;
font-size: 1.25rem;
text-transform: uppercase;
}
.carousel-inner {
max-width: 105rem;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.fh-inner{
height:460px;
}
.card-wrapper{
border-radius:4px;
position: relative;
overflow:hidden;
max-width: 300px;
}
.fh-card{
height:400px;
background-color:transparent;
box-shadow:3px 6px 12px rgb(0 0 0 / 10%);
border-radius:4px;
margin:0;
overflow:hidden;
}
.fh-card-img-wrapper{
height:250px;
max-height:250px;
width:100%;
border-radius:4px;
overflow:hidden;
}

.fh-card img{
filter: brightness(100%);
height:250px;
max-height:250px;
width:100%;
border-radius:4px;
transition:1s ease all;
object-fit:cover;
}
.fh-card img:hover{
transform:scale(1.1);
}
.fh-card-body{
padding:0 12px;
}
.fh-card-body h4{
padding-top:10px;
text-align:left !important;
font-weight: 600;
font-size:14px;
line-height:20px;
}
.fh-card-footer{
display:table;
position:absolute;
padding:0 20px;
width:100%;
bottom:20px;
font-weight:600;
font-size:17px;
line-height: 22px;
}
.fh-card-text{
width:50%;
text-align:left;
display:table-cell;
position:absolute;
bottom:18px;
left:12px;
}
.add-to-cart-plus{
width:50%;
display:table-cell;
position:absolute;
bottom:8px;
right:8px;
}


.ch-card{
height:455px;
background-color:transparent;
box-shadow:3px 6px 12px rgb(0 0 0 / 10%);
border-radius:4px;
margin:0;
overflow:hidden;
}

.melia_catalog_item .ch-card-img-wrapper {
    height: 250px;
}

.ch-card-img-wrapper{
height:300px;
max-height:300px;
width:100%;
border-radius:4px;
overflow:hidden;
}
.melia_catalog_item .ch-card img{
object-position: center;
}

.upsells .ch-card img {
height:250px;	
}
.ch-card img {
filter: brightness(100%);
height:250px;
max-height:250px;
width:100%;
border-radius:4px;
transition:1s ease all;
 object-fit: cover;
}
.ch-card img:hover{
transform:scale(1.1);
}
.ch-card-body{
padding:0 12px;
}
.ch-card-body h4{
padding-top:10px;
text-align:left !important;
font-weight: 600;
font-size:14px;
line-height:20px;
}
.ch-card-footer{
display:table;
position:absolute;
padding:0 20px;
width:100%;
bottom:20px;
font-weight:600;
font-size:17px;
line-height: 22px;
}
.ch-card-text{
text-align:left;
display:table-cell;
position:absolute;
bottom:18px;
left:12px;
}

.ch-card-footer .add-to-cart-plus{
width:auto;
display:table-cell;
position:absolute;
bottom:8px;
right:8px;
}




.slider-dir-nav {
list-style-type: none;
margin: 0;
padding: 0;
}
.slider-dir-nav a {
background-color: rgba(205,53,77, 0.8);
color: #fff;
border-radius: 0.375rem;
text-decoration: none;
padding: 1rem 0;
width: 3rem;
height: 3rem;
line-height: 1.5rem;
position: absolute;
top: calc(50% - 4rem);
z-index: 10;
overflow: hidden;
cursor: pointer;
text-align: center;
transition: all 0.5s ease;
}
.slider-dir-nav .slider-prev {
left: -4rem;
color: #fff;
opacity: 0.5;
}
.slider-dir-nav .slider-next {
right: -4rem;
color: #fff;
opacity: 0.5;
}
.slider-dir-nav :hover .slider-prev {
opacity: 1;
}
.slider-dir-nav :hover .slider-next {
opacity: 1;
}

.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
transition: all 1s ease-in-out 0s;
height:10px;
width:10px;
border: 1px solid #cd354d;
background-color: #fff;
border-radius: 50%;
}
.carousel-indicators .active {
background-color: #cd354d;
}


/* footer */
.footer-m{
	position:relative;
	bottom:0;
	left: 0;
	width:100%;
	text-align:center;
	background-color:#cd354d;
	padding:1rem 0 1rem 0;
}
.footer-logo-col{
text-align:left;
	width: 270px !important;
}
.footer-logo-cell{
margin-bottom:6px;
}

.footer-logo{
text-align:left;
width:96px;
padding:0;
}
.footer-phone a, .footer-email a{
color:#fff;
}
.footer-phone{
text-align:left;
color:#fff;
font-size:1.5rem;
font-weight:600;
}
.footer-phone img, .footer-email img{
margin-right:.5rem;
}
.footer-time{
padding:0;
display:inline-block;
width:calc(100% - 102px);
text-align:right;
color:#fff;
font-size:1rem;
font-weight:400;
vertical-align:bottom;
}

.footer-email{
text-align:left;
color:#fff;
font-size:1.2rem;
font-weight:500;
}


.x_menu{
text-align:center;
vertical-align:top;
}
/*
.x_menu_list{
display:table;
margin:0 auto;
padding-top:.5rem;
} 
.x_menu_col{
list-style-type:none;
float:left;
}
.x_menu_col a{
border:0;
}
.x_menu_item{
text-align:left;
padding:.125rem;
}
*/

.footer_menu_wrapper {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.marg_r50 {
	margin-right: 90px !important;
} 

.x_menu_list {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto;
  padding-top:.5rem;
} 

@media (max-width: 748px) {
	.footer_menu_wrapper, .x_menu_list {
		justify-content: space-around;
	}
	.marg_r50 {
	    margin-right: 0px !important;
    } 
}

.x_menu_col {
  list-style-type:none;
  width: 240px;
  margin: 0;
  padding-left: 0;
}
.x_menu_col a{
  border:0;
}
.x_menu_item{
  text-align:left;
  padding:.125rem;
}

.footer_menu_wrapper ul {
	max-width: 150px;
}

.footer_menu_wrapper div {
	max-width: 190px
}

.x_menu_title{
color:#fffcf2;
font-size:1rem;
font-weight:700;
text-align:left;
padding:.125rem;
padding-bottom:.25em;
}
.x_menu_item{
font-size:.875rem;
}
.x_menu_item a:link,.x_menu_item a:visited,.x_menu_title a:link,.x_menu_title a:visited{
text-decoration:none;
color:#f0f8fe;
border:none;
}
.x_menu_item a:hover,.x_menu_title a:hover{
border-bottom:1px solid #f0f8fe;
}
.sn-img{
  height:52px;
  width:auto;
  margin:0 .25rem;
}
.sn-img:hover{
transform:scale(1.2);
}

.copy{
color:#fff;
width:100%;
height:2rem;
font-size:.8rem;
margin:.5rem;
}
.copy a:link,.copy a:visited,.copy a:link,.copy a:visited{
color:#f0f8fe;
border:none;
}

.up-to-top{
position:fixed;
bottom:3rem;
left:.75rem;
padding:.5rem;
opacity:0.5;
height:2.5rem;
text-align:center;
width:4rem;
overflow:hidden;
background-color:rgba(205,53,77,.8);
color:#fff;
border-radius:.5rem;
text-decoration:none;
display:none;
z-index:1000;
cursor:pointer;
transition:all .1s ease;
}
.up-to-top:hover{
opacity:1;
}
.up-to-top i{
font-size:1.5rem;
color:#fff;
}

/* Breadcrumbs */
.nmr-crumb{
font-size:14px;
line-height:20px;
padding-right:10px;
color:#7e8a95;
}
.nmr-crumb:not(:first-child){
font-size:14px;
line-height:20px;
padding:0 10px;
color:#7e8a95;
}


.nmr-crumb a{
color:#7e8a95;
}
.woocommerce-breadcrumb .nmr-crumb:first-child a{
text-decoration: none;
}
.woocommerce-breadcrumb .nmr-crumb:first-child a::before{
font-family:"Font Awesome 5 Free";
font-weight: 900;
content: "\f015";
}

/*	Add to card buttons */
.add-to-cart-home{
border:1px solid red;
}
.small-number{
display:inline-block !important;
width:4rem !important;
margin:0 !important;
}
.atc-button-home{
display:inline-block;
}
.melia_desktop .topline-cats li{
	font-size: 16px;
}
.search-button{
	border: 1px solid transparent;
	padding: 9px 21px;
}
.search-button:hover{
	border: 1px solid #cd354d;
	background-color: #fff;
	color: #cd354d;
}
.melia_catalog_item .button,
.melia_product_footer .single_add_to_cart_button{
	border: 1px solid transparent;
}
.melia_catalog_item .button:hover,
.melia_product_footer .single_add_to_cart_button:hover{
	border: 1px solid #cd354d;
	background-color: #fff;
	color: #cd354d;
}
.melia_cart_img{
	transition: 0.3s;
}
.melia_product_footer .single_add_to_cart_button:hover .melia_cart_img {
	border-right: 1px dashed #cd354d;
}
.melia_news .content-wrap{
	position: relative;
}
.melia_news .content-wrap:before{
	content: '...';
	width: 30px;
	height: 20px;
	background-color: #fff;
	right: 0;
	position: absolute;
	bottom: 0;
	line-height: 1;
}
.melia_news_excerpt{
	opacity: 0.8;
}
.melia_products_archive_title{
	margin-bottom: 30px;
}
.footer_menu_wrapper .x_menu_col{
	margin-right: 20px;
}
.footer_menu_wrapper .x_menu_col:last-child{
	margin-right: 0;
}
@media(max-width: 1450px){
	.melia_desktop .topline-cats li{
		font-size: 15px;
	}
}
@media(max-width: 1199px){
	.melia_desktop .topline-cats li{
		font-size: 14px;
		padding: 0 5px;
	}
}