@charset "utf-8";
/* CSS Document */
.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;}
.img-radius img{ border-radius:var(--bs-border-radius-lg);}

#page{ overflow:hidden;}
.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;}

.header{ position:fixed; 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.fixed-header{ background:var(--bs-blue);}
.header .content{ position:relative;}
.header button{ font-size:24px; margin-left:15px; padding:0; background:none; border:none; color:#fff;}

.banner{ position:relative; color:var(--bs-white); background:linear-gradient(99.99deg, #4AADFF 19.64%, #FF66A5 70.91%), linear-gradient(107.03deg, #0064CB 0%, #DD4067 79.11%), linear-gradient(107.03deg, #1D7092 0%, #B36276 79.11%); overflow:hidden; color:var(--bs-white);}
.banner h3, .banner strong{ color:var(--bs-yellow);}
.banner .banner-img{ position:absolute; left:0; right:0; bottom:0; z-index:1; mix-blend-mode:screen; text-align:center; line-height:0; opacity:0.3; pointer-events:none;}
.banner .btns .btn + .btn{ margin-left:16px;}
.banner .container{padding:187px 0 0;}
.banner .carousel-control-prev, .banner .carousel-control-next{ width:40px; z-index:200;}

.cta{ background:var(--bs-blue); color:var(--bs-white); text-align:center; padding:56px 0;}

.section{ padding:90px 0; position:relative;}
.w1 h4{ color:var(--bs-pink);}
.w1 ul{ padding:0; list-style:none;}
.w1 ul li{ position:relative; padding-left:20px;}
.w1 ul li:before{ background:var(--bs-blue); height:7px; width:7px; content:''; position:absolute; border-radius:20px; left:0; top:9px;}
.w1 ul li + li{ margin-top:8px;}

.w2 .w2-box{ position:relative; padding-top:0;}
.w2 .w2-box .content{ padding:44px 30px 30px; background:var(--bs-white); box-shadow:10px 40px 40px rgba(14, 68, 114, 0.1); border-radius:10px; text-align:center;}
.w2 .w2-box .content img{ height:70px; margin:0 auto 30px; display:block; display:block;}
.w2 .w2-box .number{ color:var(--bs-cyan); font-weight:700; background:var(--bs-white); font-size:36px; position:absolute; top:0; height:64px; width:64px; line-height:64px; left:50%; margin-left:-32px; text-align:center; margin-top:-32px; z-index:10; border-radius:50%;}
.w2 .w2-box .content h5{ margin-bottom:0; color:var(--bs-pink); font-family:var(--bs-font-sans-serif); font-weight:700;}
.w2 .w2-box .content h3{color:var(--bs-cyan);}
.w2 .title{ text-align:center; color:var(--bs-white); margin-bottom:30px;}
.w2:after{background:linear-gradient(99.99deg, #4AADFF 19.64%, #FF66A5 70.91%), linear-gradient(107.03deg, #0064CB 0%, #DD4067 79.11%), linear-gradient(107.03deg, #1D7092 0%, #B36276 79.11%); position:absolute; top:0; left:0; right:0; height:58%; z-index:1; content:'';}

.w3 .row [class*=col-]{ direction:ltr;}
.w3 .row + .row{ margin-top:45px;}
.w3 .row:nth-child(even){ direction:rtl;}
.w3 .row:nth-child(odd) [class*=col-] .content{ padding-left:0;}
.w3 .row:nth-child(even) [class*=col-] .content{ padding-right:0;}
.w3 .row [class*=col-] h3{ text-transform:uppercase;}
.w3 .row:nth-child(1n+0) [class*=col-] h3{ color:var(--bs-cyan);}
.w3 .row:nth-child(2n+0) [class*=col-] h3{ color:var(--bs-pink);}
.w3 .row:nth-child(3n+0) [class*=col-] h3{ color:var(--bs-blue);}
.w3 .row:nth-child(1n+0) [class*=col-] .btn{ color:var(--bs-white); background:var(--bs-cyan); border-color:var(--bs-cyan);}
.w3 .row:nth-child(2n+0) [class*=col-] .btn{ color:var(--bs-white); background:var(--bs-pink); border-color:var(--bs-pink);}
.w3 .row:nth-child(3n+0) [class*=col-] .btn{ color:var(--bs-white); background:var(--bs-blue); border-color:var(--bs-blue);}
.w3 .row:nth-child(1n+0) [class*=col-] .btn:hover{ color:var(--bs-white); background:var(--bs-dark); border-color:var(--bs-dark);}
.w3 .row:nth-child(2n+0) [class*=col-] .btn:hover{ color:var(--bs-white); background:var(--bs-dark); border-color:var(--bs-dark);}
.w3 .row:nth-child(3n+0) [class*=col-] .btn:hover{ color:var(--bs-white); background:var(--bs-dark); border-color:var(--bs-dark);}

.w4{ position:relative; color:var(--bs-white); background:linear-gradient(99.99deg, #4AADFF 19.64%, #FF66A5 70.91%), linear-gradient(107.03deg, #0064CB 0%, #DD4067 79.11%), linear-gradient(107.03deg, #1D7092 0%, #B36276 79.11%); overflow:hidden; color:var(--bs-white);}
.w4 ul{ padding:0; list-style:none; margin-bottom:0;}
.w4 ul li{ display:none;}

.w5 h2{ color:var(--bs-cyan);}

.w6{ background:var(--bs-light);}
.w6 .item .quote-box blockquote{ padding:60px; background:var(--bs-white); border-radius:10px; box-shadow:0px 30px 40px rgba(212, 217, 232, 0.2); color:var(--bs-black); font-style:italic; position:relative; border:2px solid #F5F5F5;}
.w6 .item .quote-box blockquote:after{width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid var(--bs-white); position:absolute; top:100%; left:50%; margin-left:-20px; content:'';}
.w6 .item .quote-box .cite{ padding-top:30px;}
.w6 .item .quote-box .cite .ratio{ height:56px; width:56px; border-radius:50%; margin-right:16px; overflow:hidden; border-radius:50%; position:relative;}
.w6 .item .quote-box .cite { font-size:18px; font-weight:700}
.w6 .item .quote-box .cite small{ display:block; font-weight:400; font-size:14px;}
.w6 .item .quote-box cite{ font-style:normal;}
.w6 .item .quote-box .cite .name{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:18px; text-transform:uppercase; left:0; right:0; width:100%; height:auto; text-align:center;}
.w6 .slick-slider{ margin:0 -15px; padding:0 15px}
.w6 .item{ padding:0 15px;}

.newsletter{ padding:40px 0; color:#fff; background:var(--bs-primary);}
.newsletter form{ display:block; padding:10px; position:relative; border-radius:50px; background:rgba(255, 255, 255, 0.2);}
.newsletterform .form-control, .newsletterform .form-control:focus{ background-color:transparent; border:none; font-size:14px; box-shadow:none; height:50px; color:var(--bs-white); text-transform:uppercase;}
.newsletterform input[type=submit]{ height:50px; width:150px; position:absolute; top:10px; right:10px; border:none; padding:0; border-radius:50px;}
.newsletterform .form-control::-moz-placeholder { color:var(--bs-white); opacity:1;}
.newsletterform .form-control::placeholder { color:var(--bs-white); opacity:1;}

.footer{ color:var(--bs-white); padding:60px 0; text-align:center; background:linear-gradient(100.06deg, #1387E7 4.88%, #4AADFF 74.87%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(100.06deg, #0064CB 4.88%, #3A9BFF 74.87%), linear-gradient(107.03deg, #0064CB 0%, #DD4067 79.11%), linear-gradient(107.03deg, #1D7092 0%, #B36276 79.11%);}
.footer a{ color:var(--bs-white);}
.footer .logo{ text-align:center; margin-bottom:24px;}
.footmenu ul{ margin:0; padding:0; list-style:none; font-size:14px;}
.footmenu ul li{ display:inline-block; padding:0 18px;}
.footmenu ul li a:hover{ font-weight:700;}
.footmenu{ margin:30px 0;}

.footer-info{background:rgba(255, 255, 255, 0.1); border-radius:10px; padding:30px 40px; margin-bottom:30px; margin-left:auto; margin-right:auto; max-width:728px; width:auto;}
.footer-info ul{ margin:0; padding:0; list-style:none;}
.footer-info ul + ul{ margin-left:auto;}
.footer-info ul li + li{ margin-left:20px;}
.footer-info ul li a{ display:flex; align-items:center; font-size:14px;}
.footer-info ul li a i{background:rgba(255, 255, 255, 0.15); border-radius:40px; height:40px; width:40px; line-height:40px; text-align:center; font-size:16px;}
.footer-info ul li strong{ font-size:20px;}
.footer-info ul li span{ margin-left:10px;}
.copyright{ font-size:13px; color:var(--bs-white); opacity:0.7;}

.page-banner{background:linear-gradient(99.99deg, #4AADFF 19.64%, #FF66A5 70.91%), linear-gradient(107.03deg, #0064CB 0%, #DD4067 79.11%), linear-gradient(107.03deg, #1D7092 0%, #B36276 79.11%); text-align:center; color:var(--bs-white); position:relative; height:250px; overflow:hidden;}
.page-banner .container{top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; z-index:20; padding-top:84px;}

.about-w2{ background-size:cover; background-position:center; background-position:center; background-repeat:no-repeat; padding:110px 0; color:var(--bs-white); text-align:center;}
.about-w2:after{ background:rgba(0,0,0,0.5); content:''; position:absolute; top:0; left:0; right:0; bottom:0;}

.contact-wrapper{ padding:40px;}
.contact-wrapper .contact-info .d-flex{ background:var(--bs-white); border:1px solid #EEEEEE; box-shadow:10px 40px 40px rgba(14, 68, 114, 0.1); border-radius:10px; padding:25px; font-family:var(--bs-heading-font); align-items:center;}
.contact-wrapper .contact-info .d-flex strong{ display:block; font-size:16px}
.contact-wrapper .contact-info .d-flex .icon{ background:var(--bs-cyan); color:var(--bs-white); height:50px; width:50px; line-height:50px; border-radius:50%; margin-right:20px; display:block; text-align:center; font-size:20px;}

.contact-bottom .col-md-8{ margin-top:47px; text-align:center;}

.map {height:570px; position:relative; width:100%; border-radius:10px; overflow:hidden;}
.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;}
.map .map-inner iframe { height:100%; pointer-events:none; width:100%;}

.sidebar-nav ul{ margin:0; padding:0; list-style:none;}
.sidebar-nav ul li + li{ margin-top:4px;}
.sidebar-nav ul li a{ display:block; position:relative; padding:15px 24px; color:#fff; background:var(--bs-blue);}
.sidebar-nav ul li a:hover, .sidebar-nav ul li.active a{ color:#fff; background:var(--bs-pink);}
.sidebar-nav ul li a:after{content:'\f105'; position:absolute; right:16px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-family:'Font Awesome 6 Free'; font-weight:900;}

.product-box{background:var(--bs-white); box-shadow:10px 40px 40px rgba(14, 68, 114, 0.1); border-radius:10px; overflow:hidden;}
.product-box .content{ padding:30px; text-align:center;}
.product-box .content h5{ font-family:var(--bs-font-sans-serif); font-weight:600;}
.product-box .content .stars, .prod-rating{ color:#fec348; margin-bottom:10px;}
.product-box .content .price{ font-size:20px; font-weight:500;}
input[type=number]{ width:100px;}
.product-details-right .form-label{ font-weight:700;}

.product-thumb img{ width:80px; height:auto;}
.cart-table table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
.cart-table table-layout: fixed;
text-align:left;
}

.cart-table table tr {
background-color: #fff;
border: 1px solid #ddd;
padding: .35em;
}

.cart-table table th,
.cart-table table td {
padding: .625em;
}

.cart-table table th {
text-transform: uppercase;
background:var(--bs-blue);
color:#fff;
}

@media screen and (max-width: 600px) {
.cart-table table {
border: 0;
}

.cart-table table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.cart-table table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}

.cart-table table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;
}

.cart-table table td::before {
/*
* aria-label has no advantage, it won't be read inside a .cart-table table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}

.cart-table table td:last-child {
border-bottom: 0;
}
}
.cart-total .table > tbody > tr > td{ width:50%;}
.cart-total .table > tbody > tr > td:nth-child(1){ font-weight:700;}
.checkout-review-order .table td{ width:50%;}


@media(min-width:768px){
.banner:before, .banner:after, .w4:before, .w4:after{left:0; right:0; width:100%; height:100%; position:absolute; content:''; z-index:1; pointer-events:none;}
.banner:before, .w4:before{ background:url(images/theme-img/banner-shape-left.svg) no-repeat top left; mix-blend-mode:color; top:0;}
.banner:after, .w4:after{ background:url(images/theme-img/banner-shape-right.svg) no-repeat bottom right; bottom:0;}
.page-banner:before, .page-banner:after{ top:0; bottom:0; left:0; right:0; position:absolute; content:''; z-index:1; pointer-events:none;}
.page-banner:before{ background:url(images/theme-img/inner-banner-shape-left.svg) no-repeat left; mix-blend-mode:color;}
.page-banner:after{ background:url(images/theme-img/inner-banner-shape-right.svg) no-repeat right;}
.w1 .content{ padding-left:30px;}
.w3 .row:nth-child(odd) [class*=col-] .content{ padding-left:40px;}
.w3 .row:nth-child(even) [class*=col-] .content{ padding-right:40px;}
}

@media(min-width:992px){
.banner{ font-size:20px;}	
.cta, .w2 .w2-box .content h3, .w3 .row [class*=col-] h3{ font-size:2rem;}
.w1 .content{ padding-left:84px;}
.w3 .row:nth-child(odd) [class*=col-] .content{ padding-left:70px;}
.w3 .row:nth-child(even) [class*=col-] .content{ padding-right:70px;}
}
	
@media(min-width:1200px){
.w3 .row:nth-child(odd) [class*=col-] .content{ padding-left:100px;}
.w3 .row:nth-child(even) [class*=col-] .content{ padding-right:100px;}
}

.newsletter{ padding:40px 0; color:#fff; background:var(--bs-primary);}
.newsletter form{ display:block; padding:10px; position:relative; border-radius:50px; background:rgba(255, 255, 255, 0.2);}
.newsletter  form .form-control, .newsletter  form .form-control:focus{ background-color:transparent; border:none; font-size:14px; box-shadow:none; height:50px; color:var(--bs-white); text-transform:uppercase;}
.newsletter  form input[type=submit]{ height:50px; width:150px; position:absolute; top:10px; right:10px; border:none; padding:0; border-radius:50px;}
.newsletter  form .form-control::-moz-placeholder { color:var(--bs-white); opacity:1;}
.newsletter  form .form-control::placeholder { color:var(--bs-white); opacity:1;}


/*------26-04-23------*/
.banner .carousel-item .container{height:700px; position:relative; z-index:2}
.banner .carousel-control-prev, .banner .carousel-control-next{ width:40px; z-index:200;}
.banner .carousel{ z-index:99}

.banner-search{ position:absolute; bottom:20px; left:0; right:0; z-index:999; pointer-events:none;}
.banner-search .search-box{background:var(--bs-white); box-shadow:10px 40px 40px rgba(14, 68, 114, 0.1); border-radius:10px; padding:30px;  pointer-events:auto;}
.banner-search .search-box form{ position:relative; display:block;}
.banner-search .search-box form .form-control{box-shadow:none; height:50px; border:1px solid var(--bs-pink);}
.banner-search .search-box form .form-control:focus{ border-color:var(--bs-cyan);}
.banner-search .search-box form input[type=submit]{ background:url(images/theme-img/search.svg) no-repeat center var(--bs-pink); background-size:24px; border-radius:0.375rem; position:absolute; top:0; right:0; text-indent:-9999px; height:50px; width:50px;}
.banner-search .search-box form input[type=submit]:hover, 
.banner-search .search-box form .form-control:focus + input[type=submit]{background:url(images/theme-img/search.svg) no-repeat center var(--bs-cyan); background-size:24px; border-color:var(--bs-cyan);}
/*------26-04-23------*/