/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version:2024.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:116px;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.color-fff{ color:var(--bs-white);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:#323e45;}


.header{ position:fixed;  padding:34px 0; top:0; left:0; right:0; z-index:1000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header .logo img{ height:50px; width:auto;}
.header.fixed-header{ background:#323e45; padding:20px 0;}
.header .btn{ padding-left:24px; padding-right:24px; display:flex; align-items:center; margin-left:30px; justify-content:center}

.banner{ position:relative; z-index:10}
.banner-video{ height:90vh; position:relative; overflow:hidden;}
.banner:before{ background:var(--bs-dark); opacity:0.35; position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; content:'';}
.banner-video video, .banner-video .iframe { position:absolute;  min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.banner-content{ color:#fff; position:absolute; left:0; right:0;  top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:100; text-align:center; padding-top:94px;}
.banner-content p{ margin-bottom:24px;}

.section{ padding:30px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:10;}
.section .section-block + .section-block{ margin-top:30px;}
.w1 h2{ color:#323e45; margin-bottom:24px; line-height:1.1;}
.w1 blockquote{ position:relative; padding-left:50px; color:#323e45; margin-bottom:16px;}
.w1 blockquote::before {content:"\f10d"; font-family:'Font Awesome 6 Free';  font-weight:900; display:block; position:absolute; z-index:1; top:0; left:0; color:var(--bs-primary);}

.w2Slider .image-fit{ height:620px;}
.w2Slider .image-fit:before{ background:rgba(50, 62, 69, 0.55); position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; content:'';}
.w2Slider .content{ color:#fff; position:absolute; left:0; right:0;  top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:100; text-align:center; z-index:100;}
.w2Slider .content h4{ font-weight:300; font-family:var(--bs-body-font-family);}
.w2Slider .content h4 a{ color:#fff;}
.w2Slider .content .play-btn{ margin:0 auto 24px;height:80px; width:80px; line-height:1; display:flex; align-items:center; justify-content:center; color:var(--bs-secondary); font-size:75px;}
.w2Slider .content .play-btn:hover{ color:#fff;}
/*.w2Slider .slick-prev, .w2Slider .slick-next{ background:none; color:#fff;}
.w2Slider .slick-prev:hover, .w2Slider .slick-next:hover{ color:var(--bs-primary); background:none;}
.w2Slider .slick-prev:before, .w2Slider .slick-next:before{ font-size:60px;}*/

.card-item {width:100%; position:relative; height:300px; perspective:150em;}
.card-item__side {position:absolute; top:0; left:0; width:100%; height:300px; backface-visibility:hidden; transition:all 0.6s ease;}
.card-item__side--front {background-color:#FFF; background-size:cover; background-position:center; background-repeat:no-repeat;}
.card-item__side--back {color:#FFF; transform:rotateY(180deg); background-size:cover; background-position:center; background-repeat:no-repeat}
.card-item:hover .card-item__side--front {transform:rotateY(-180deg);}
.card-item:hover .card-item__side--back {transform:rotate(0);}
.card-item__description { padding:24px; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; z-index:4; background:rgba(50, 62, 69, 0.55);}
.card-item__description h5{font-family:var(--bs-body-font-family); font-size:24px; font-weight:300; color:#fff;}

.form-label-lg{ font-size:24px; margin-bottom:0;}

.upcoming-section{ color:#fff; text-align:center;}
.upcoming-section:before{background-color:#323E45; opacity:0.55; transition:background 0.3s, border-radius 0.3s, opacity 0.3s; height:100%; width:100%; top:0; left:0; position:absolute; content:''; z-index:1}
.upcoming-section h3{font-family:var(--bs-body-font-family); font-weight:400;}
.upcoming-section #timer{ display:flex; align-items:center; justify-content:center;}
.upcoming-section #timer div + div{ margin-left:24px;}
.upcoming-section #timer div{ color:var(--bs-secondary); font-family:"Kristi", cursive; line-height:1;}
.upcoming-section #timer span{ display:block; text-transform:lowercase; font-family:var(--bs-body-font-family); font-weight:400; font-size:16px; color:#fff;}

.post-item{ text-align:center;}
.post-item .post-meta{ margin-bottom:12px; display:block;}
.post-item .post-meta a{ color:var(--bs-primary);}
.post-item .entry-title{font-family:var(--bs-body-font-family); font-weight:400; color:#323e45; font-size:24px;}
.post-item .entry-title a {color:#323e45;}
.post-item .post-icon{ position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:100; bottom:0; padding:6px 12px;  color:#fff; width:50%; display:flex; align-items:center; justify-content:center;}
.post-item .post-icon span{ display:block;}
.post-item .post-icon span + span:before{ content:"|"; margin:0 10px;}
.post-item .post-icon a{ color:#fff; display:inline-block; padding:6px 4px;}
.post-item .post-icon.primary{background:var(--bs-primary);}
.post-item .post-icon.secondary{background:var(--bs-secondary);}

.PostSlider{ margin-left:-15px; margin-right:-15px;}
.PostSlider .item{ padding-left:15px; padding-right:15px;}

.footer{ background:#323e45; color:#fff; font-size:15px;}
.footer h3, .footer h4, .footer h5, .footer h6{font-family:var(--bs-body-font-family); font-weight:400;}
.footer-top{ padding:70px 0px 117px 0px;}
.footer-content-icon{ text-align:center;}
.footer-content-icon a{ color:#fff;}
.footer-content-icon a:hover{ color:var(--bs-secondary);}
.footer-content-icon a span{ display:block; margin-top:6px;}
.footer-content-icon a img{ width:70px; height:auto;}
.newsletter{ margin:0 auto; max-width:700px; text-align:center; margin-top:60px;}
.newsletter .form-control{ min-height:58px;}
.footer a{ color:#fff;}
.footer a:hover{ color:var(--bs-secondary);}
.footer-mid{ padding:62px 0px 42px 0px;}
.footer-mid .item-list .item{ color:#fff;}
.footer-mid .item-list .item + .item{ margin-top:24px;}
.footer-mid .item-list .item .ratio{ width:64px;}
.footer-mid .item-list .item span.title{ margin-bottom:5px; font-size:15px;}
.footer-mid .item-list .item time{display:flex; align-items:center; color:#78858c; font-size:12px;}
.footer-mid .item-list .item time i{ margin-right:5px;}
.footer-mid .item-list .item span.end-date:before{ content:"-"; margin:0 5px;}
.footer-mid .menu{ margin:0; padding:0; list-style:none;}
.footer-mid .menu li + li{ margin-top:8px;}
.footer-mid .menu li a{ display:flex; align-items:center;}
.footer-mid .menu li a:before{ background:var(--bs-secondary); height:4px; width:4px; margin-right:8px; content:''; display:block;}
.footer-mid .contact-info{ margin:0; padding:0; list-style:none;}
.footer-mid .contact-info li + li{ margin-top:12px;}
.footer-mid .contact-info li .flex-shrink-0 i{ margin-right:12px; color:#78858c;}
.footer-mid .contact-info .link{color:var(--bs-secondary);}
.footer-mid .contact-info .link:hover{ color:#fff;}

.footer-bottom{ background:#2c363b; padding:21px 0; color:#7f919b;}
.footer-bottom ul.social{ margin:0; padding:0; list-style:none;}
.footer-bottom ul.social li + li{ margin-left:12px;}
.footer-bottom ul.social li a{display:flex; align-items:center; justify-content:center; background:var(--bs-primary); font-size:16px; height:40px; width:40px;}
.footer-bottom ul.social li a:hover{ background:var(--bs-secondary); color:#fff;}

.page-banner .container{ text-align:center; color:#fff; padding:120px 0 80px;}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0;}
.page-banner .image-fit:before{ background:rgba(50, 62, 69, 0.55); position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; content:'';}

.info-contact .item, .info-contact .item a{ color:var(--bs-dark);}
.info-contact .item a:hover{ color:var(--bs-primary);}
.info-contact .item + .item{ margin-top:24px;}
.info-contact .item .flex-shrink-0 i{ margin-right:16px; color:var(--bs-primary); margin-top:8px;}
.info-contact .item .link{color:var(--bs-secondary);}
.info-contact .item .link:hover{ color:#fff;}

.upcoming-event span.end-date:before{ content:"-"; margin:0 5px;}

.member-item{ text-align:center;}
.member-item .member-meta{ margin-bottom:12px; display:block;}
.member-item .member-meta a{ color:var(--bs-primary);}
.member-item .entry-title{font-family:var(--bs-body-font-family); font-weight:400; color:#323e45; font-size:24px;}
.member-item .entry-title a {color:#323e45;}
.member-item .member-icon{ position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:100; bottom:0; padding:6px 12px;  color:#fff; width:50%; display:flex; align-items:center; justify-content:center;}
.member-item .member-icon span{ display:block;}
.member-item .member-icon span + span{ margin-left:15px;}
.member-item .member-icon a{ color:#fff; display:inline-block; padding:6px 4px;}
.member-item .member-icon.primary{background:var(--bs-primary);}
.member-item .member-icon.secondary{background:var(--bs-secondary);}

.product-item .badge{ position:absolute; top:20px; left:20px; z-index:3;}
.product-item .ratio{ border:1px solid #d8d8d8;}
.product-item  .btn{ padding:20px 32px;}
.product-item .price{ font-size:24px;}

.sidebar-menu{ padding:20px; background-color:#323e45; color:#7f919b;}
.sidebar-menu h4{ color:#fff; font-family:var(--bs-body-font-family); font-weight:400;}
.sidebar-menu ul{ margin:0; padding:0; list-style:none;}
.sidebar-menu ul li + li{ margin-top:16px;}
.sidebar-menu ul li a{ display:block; color:#7f919b}
.sidebar-menu ul li a:hover{color:var(--bs-secondary)}

.cat-menu .btn{ width:100%; border-radius:0;}
.cat-menu .dropdown-menu{ max-width:inherit; width:100%; left:0; right:0;}
.zoom { height:50px; width:50px; position:absolute; top:0; right:0; z-index:3;}
.product-short-info .mb-4{ padding-bottom:1.5rem; border-bottom:1px solid var(--bs-light);}
.product-short-info h1{ font-weight:500; font-size:30px;}
.product-short-info .spinner{ width:170px;border:1px solid var(--bs-gray); overflow:hidden; border-radius:45px;}
.product-short-info .spinner button{ width:46px; height:46px; text-align:center; background:none; border:none; padding:0; display:flex; align-items:center; justify-content:center;}
.product-short-info .spinner input{ height:46px; width:78px; border:none;}
.product-short-info .meta{ margin:0; padding:0; list-style:none;}
.product-short-info .meta li + li{ margin-top:5px;}
.product-short-info .meta li {font-size:14px;}
.product-short-info .meta li a{ display:inline-block;}
.product-short-info .meta li a + a:before{ content:','; float:left; margin-right:6px;}

.details-tab .nav-tabs{ margin-bottom:24px;}
.details-tab .nav-tabs .nav-link{ border:none; border-bottom:2px solid #fff; margin:0; color:var(--bs-dark);}
.details-tab .nav-tabs .nav-link.active, .details-tab .nav-tabs .nav-item.show .nav-link{ border:none; border-bottom:2px solid var(--bs-primary);}

.cart-list .item{ margin-top:16px; padding-top:16px; border-top:1px solid #d8d8d8; font-size:14px;}
.cart-list .item .thumb{ width:60px; border:1px solid #d8d8d8;}
.cart-list .item .price{ font-size:18px; white-space:nowrap;}
.cart-list .item .spinner{ width:110px;border:1px solid var(--bs-gray); overflow:hidden; border-radius:4px;}
.cart-list .item .spinner button{ width:30px; height:30px; text-align:center; background:none; border:none; padding:0; display:flex; align-items:center; justify-content:center;}
.cart-list .item .spinner input{ height:30px; width:50px; border:none;}
.cart-list .item .remove{ color:var(--bs-red); padding:0; margin-top:6px; background:none; text-decoration:underline; border:none;}
.cart-total .title-dark{margin-bottom:0; padding-bottom:16px; border-bottom:1px solid #d8d8d8;}
.cart-total form .btn{ padding-left:24px; padding-right:24px;}
.cart-total .item{ padding:14px; padding:16px 0; border-bottom:1px solid #d8d8d8;}
.cart-total .item .card-body{ padding:12px 0 0 0; border:none; background:none; border-radius:0;}


.quantity {position:relative; padding:0 36px; }
.quantity input[type=number]::-webkit-inner-spin-button, 
.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0; }
.quantity input[type=number]{-moz-appearance: textfield; }
.quantity input {width:46px; height:36px; text-align:center;}
.quantity input:focus {outline:0; }
.quantity-nav {position:absolute; top:0; left:0; display:flex; width:100%; flex-direction:row-reverse; z-index:1;}
.quantity-button {position:relative; cursor:pointer; border:1px solid #E4E4E7; width:36px; height:36px; text-align:center; color:#000; border-radius:5px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; padding:0; background:#fff;  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px;}
.quantity-button.quantity-up { margin-left:auto;}
.quantity input[type=number]{ border:none; padding:0; width:46px; height:36px; font-weight:700; text-align:center; position:relative; z-index:2}

.checkout-form .d-flex{ position:relative;}
.checkout-form .d-flex:before{ background:var(--bs-primary); width:1px; z-index:1; content:''; left:20px; top:30px; position:absolute; bottom:0;}
.checkout-form .d-flex:last-child:before{ display:none;}
.checkout-form .d-flex .number{ text-align:center; width:40px; height:40px; font-size:20px; line-height:1.2; background:var(--bs-primary); position:relative; z-index:1; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; border-radius:50%;}
.checkout-form .d-flex h4{ font-size:20px;}

.checkout-form .item .d-flex{ position:relative;}
.checkout-form .item .d-flex + .d-flex{ margin-top:30px;}
.checkout-bottom { padding-top:1.5rem; border-top:1px solid #d8d8d8;}
.link-text a{ text-decoration:underline;}

.row-rtl{ direction:rtl;}
.row-rtl [class*=col-]{ direction:ltr;}

.ordered-p .item .thumb{ width:60px; margin-right:12px; border:1px solid #d8d8d8;}
.ordered-p .item ul{ margin:0; padding:0; list-style:none;}
.ordered-p .item ul li + li{ margin-top:3px;}
.ordered-p .item ul li:last-child{ font-size:14px;}
.ordered-p .item .thumb span{ background:var(--bs-primary); position:absolute; height:24px; width:24px; display:flex; padding:0; align-items:center; justify-content:center; border-radius:30px; top:-6px; right:-6px; color:#fff; line-height:1; font-size:14px; font-weight:700;}

.account-links{background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom:30px;}
.account-links div.d-flex{ padding:20px 15px; font-size:13px; font-weight:500;}
.account-links div.d-flex strong{ line-height:150%; display:block;}
.account-links div.d-flex .form-label{font-weight:500; line-height:150%; display:block; margin:0;}
.account-links div.d-flex h5{ line-height:150%; margin:0; font-size:24px; text-transform:capitalize; color:#000;}
.account-links div.d-flex .ratio{ overflow:hidden; border-radius:50%; height:70px; width:70px; margin-right:12px; color:var(--bs-white); text-transform:uppercase;  font-size:18px; background:var(--bs-primary);}
.account-links div.d-flex .ratio span{ position:absolute; z-index:10;}
.account-links time{background:linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, #565656 0%, #565656 100%), #FFF; padding:18px; color:var(--bs-white); text-align:center; font-size:14px; font-style:normal; font-weight:700; line-height:150%; /* 21px */ text-transform:capitalize;}
.account-links ul{ margin:0; padding:0; list-style:none;}
.account-links ul li + li{border-top:1px solid #E4E4E4;}
.account-links ul li a{ display:flex; align-items:center; color:var(--bs-black); font-size:15px; font-style:normal; font-weight:700; line-height:normal; height:55px; padding:16px 16px 16px 20px; text-decoration:none; text-transform:uppercase; position:relative;}
.account-links ul li a:hover:before, .account-links ul li.active a:before{ background:var(--bs-primary); width:6px; height:100%; left:0; top:0; content:''; position:absolute;}
.account-links ul li a span{ margin-right:10px;}

.account-links-sm div.d-flex{ position:relative; cursor:pointer; background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.account-links-sm div.d-flex > *{ cursor:pointer;}
.account-links-sm div.d-flex:after{ content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:30px; font-size:24px;}

.offcanvas .btn-close{ position:absolute; top:20px; right:20px;}
.dashboard-body{background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom:30px; padding:24px;}

.offcanvas .account-links{ box-shadow:none;}
.logn-form{ background:#fff; padding:24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}

.prod-lg-img{ border:1px solid #d8d8d8;}

.title-simple h1, .title-simple h2, .title-simple h3, .title-simple h4, .title-simple h5, .title-simple h6{font-family:var(--bs-body-font-family);}
.title-300 h1, .title-300 h2, .title-300 h3, .title-300 h4, .title-300 h5, .title-300 h6{ font-weight:300;}
.banner-content h1, .w2Slider .content h3, .upcoming-section h2, .footer-top h2, .w1 h2, .section-title h2, .upcoming-section #timer div, .page-banner h1{ line-height:1;}
@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3, .info-contact .item .flex-shrink-0 i{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));;}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;}
.font-20, .banner-content ul li, .info-contact .item  {font-size:calc(1rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;}
.font-24, .footer-content-icon a{font-size:calc(1rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;}

.banner-content{font-size:calc(1.5rem + ((1vw - 3.2px) * 1.125));}
.banner-content h1, .w2Slider .content h3, .upcoming-section h2, .footer-top h2, .page-banner h1{font-size:calc(3.75rem + ((1vw - 3.2px) * 5.5));}
.w1 blockquote{font-size:calc(1.125rem + ((1vw - 3.2px) * 0.375));}
.w1 h2, .section-title h2, .upcoming-section #timer div{font-size:calc(2rem + ((1vw - 3.2px) * 4)); font-size:calc(3.125rem + ((1vw - 3.2px) * 2.875));}
.w2Slider .content h4{font-size:calc(1.5rem + ((1vw - 3.2px) * 1));}
}

@media (min-width:1400px) {
h1, .h2-48 h2, .h3-48 h3{font-size:48px;}
h2, .h3-40 h3{font-size:40px;}
h3, .secrvice-item h4, .info-contact .item .flex-shrink-0 i{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24, .footer-content-icon a, .info-contact .item { font-size:24px;}

.banner-content h1, .w2Slider .content h3, .upcoming-section h2, .footer-top h2, .page-banner h1{font-size:148px;}
.banner-content{ font-size:42px;}
.w1 blockquote{ font-size:24px;}
.w1 h2, .section-title h2, .upcoming-section #timer div{font-size:96px;}
.w2Slider .content h4{ font-size:40px;}
}


@media (min-width:576px) {
.cart-list .item .thumb{ width:120px;}
}

@media (min-width:768px) {
.section{ padding:60px 0;}
.section .section-block + .section-block{ margin-top:60px;}
.w1 blockquote{ margin-bottom:24px;}
.upcoming-section #timer div + div{ margin-left:64px;}
.footer-content-icon a + a{ margin-left:60px;}
.page-banner .container{ padding:140px 0 100px;}
.logn-form{ padding:48px;}
}

@media (min-width:992px) {
.section{ padding:80px 0;}
.section-lg{ padding:120px 0;}
.section .section-block + .section-block{ margin-top:80px;}
.w1 blockquote{ margin-bottom:24px;}
.PostSlider{ margin-left:-24px; margin-right:-24px;}
.PostSlider .item{ padding-left:24px; padding-right:24px;}
.footer-content-icon a + a{ margin-left:80px;}
.page-banner .container{ padding:194px 0 120px;}
}

@media (min-width:1200px) {
.w1 blockquote{ margin-bottom:35px;}
}

@media (min-width:1400px) {	
]