@charset "utf-8";
/* CSS Document */

body {background-color: #FFF;font-size: 13px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-size-adjust:100%;font-family: "Poppins", serif;font-weight: 300;padding-top: 65px;}
a{text-decoration:none !important;color:#333;transition: 0.2s;}
a:hover{color:#19a7ca;transition: 0.2s;}

h5,h6{font-weight:300;}
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #B7B7B7;border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.fw-200{font-weight:200 !important;}
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}

.fs-7{font-size:0.9rem;}
.fs-8{font-size:0.8rem;}
.fs-100{font-size:100%;}

.font{font-family:"Prata", serif;}

.title-container{display: flex;align-items: center;border-color: rgba(0, 0, 0, 0.105);flex-direction: row;}
.title-container:before, .title-container:after {    content: "";    display: block;    flex: 1 1 auto;    border-bottom-width: 1px;    border-bottom-style: solid;   border-bottom-color: inherit;}
.title-container:before{margin-right:20px;}
.title-container:after{margin-left:20px;}
.title-container h6{margin-bottom:0;font-size: 22px;font-weight: 600;}

.cats .col-md-2{width:12.5% !important;}
.cats .img-holder img{transition: 0.5s;}
.cats .col-md-2:hover .img-holder img{transform: scale(1.1);transition: 0.5s;opacity: 0.7;}

.skins .img-holder img{transition: 0.2s;}
.skins .col-md-2:hover .img-holder img{transition: 0.3s;opacity: 0.7;}

.page-title{position:relative;margin-bottom: 1rem;font-size: 2rem;font-weight: 500;text-align: center;font-family:"Prata", serif;}
.sub-title{text-align: center;text-transform: uppercase;margin-bottom: 1rem;font-weight: 300;}
.sub-title span{position: relative;}
.sub-title span::before{content:'';position: absolute;left: -60px;top: 10px;width: 50px;height: 1px;background-color: #212529;}

.btn-default{background-color:#FFF;color: #000;transition: 0.5s;}
.btn-default:hover{background-color:#e883ae;color: #FFF;transition: 0.5s;}

.btn-secondary-light{background-color:#e4e4e4 !important;color: #333;font-weight: 300;}

.btn-site{background-color: #1d93af ;border-color: transparent !important;color: #FFF;font-size: 13px;transition: 0.2s;}
.btn-site:hover{background-color: rgb(206,48,59);border-color: transparent !important;transition: 0.2s;color: #FFF;}

.shadow-site{box-shadow: 0px 3px 10px -4px rgba(25,167,202,0.7);}


.sub-mnu .nav-link{color:rgba(255,255,255,0.7);transition:0.2s;}
.sub-mnu .nav-link:hover{color:rgba(255,255,255,0.95);transition:0.3s;}



.atc{position: relative;z-index: 1;}
.atc:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: rgb(206,48,59);
    z-index: -1;
    transition: transform 0.1s;}
.atc:hover::after {
    transform: scaleY(1);
}

.prd .card{border-color:rgba(40, 175, 209, 0.4) !important;position: relative;top:0;transition: 0.2s;}
.prd .card:hover{top:-5px;transition: 0.2s;box-shadow: 0 1rem 3rem rgba(0,0,0,.09)!important;}
.prd .dsc{position:absolute;top: 10px;left: 10px;background-color:#0a7e9b;font-weight: 500;padding: 0.15rem 0.8rem;border-radius: 1rem;color: #FFF;}
.prd .hot{position:absolute;top: 40px;left: 10px;background-color:rgb(206,48,59);font-weight: 500;padding: 0.15rem 0.8rem;border-radius: 1rem;color: #FFF;min-width: 54px;text-align: center;}
.prd .quick{position:absolute;box-shadow:0 .125rem .25rem rgba(0,0,0,.175)!important;top: 10px;right: -100%;font-weight: 500;font-size: 1.1rem;transition: 0.3s ease;padding: 0.25rem 0.8rem !important;z-index: 1500;}
.prd .card:hover .quick{right: 10px;transition: 0.3s ease;}

.prd .p-name{display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;line-height:1.7;min-height:48px;}

.bg-secondary-light{background-color:#e4e4e4 !important;}

.bg-danger-50{background: rgb(220, 53, 69, 0.1)!important;color: #dc3545;}
.bg-primary-50{background-color: rgb(13, 110, 253, 0.1)!important;color: #0d6efd;}
.bg-info-50 {background-color: rgb(13, 202, 240, 0.1)!important;color: #0dcaf0;}
.bg-success-50{background-color: rgb(25, 135, 84, 0.1)!important;color: #198754;}
.bg-warning-50{background-color: rgb(255, 193, 7, 0.15)!important;color: #c59300;}
.bg-secondary-50{background-color: rgba(22,22,22,0.07) !important;color:#000 !important;}
.bg-dark-50{background-color: rgba(0,0,0,0.07) !important;color:#000 !important;}


.bg-site{background-color:#19a7ca !important;}
.text-site{color:#19a7ca !important;}
.text-light{color:#999 !important;}

.three-line{display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}

.navbar {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.navbar-brand{padding: 3px 0;}
.navbar-brand img{height:35px;}
.navbar-dark .navbar-nav .nav-item{padding: 0 10px;}
.navbar-dark .navbar-nav .nav-link{text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover{color: #e883ae;transition: 0.5s;}
.navbar-dark .navbar-nav .nav-item.icons .nav-link{padding: 0 15px;}
.navbar-dark .navbar-nav .nav-item.icons .nav-link .bi{font-size: 1.4rem;position: absolute;top: 0px;left: 0;right: 0;margin-left: auto;margin-right: auto;}


.brd{background:url("../../images/header-bg.png") no-repeat center center;background-size: cover;color: #000;padding: 25px 0;}
.brd .ttl{position: relative;padding-bottom: 15px;margin-bottom: 15px;font-size: 1.3rem;font-weight: 600;color: #000;}
.brd .ttl:before{content: '';position: absolute;bottom: 0;width: 50px;height: 1px;background-color: #c1c1c1;left: 0;}
.brd .breadcrumb-item a{color: #3BB77E;text-decoration: none;}
.breadcrumb-item.active {color: #000;}

#carouselFade img{height: 40vh;border-radius: 0;}
#carouselFade .carousel-caption{bottom: unset;top: 10%;right: unset;text-align: left;width: 30%;}
#carouselFade h5{font-size: 3rem;color: #000;}
#carouselFade h4{font-size: 1.7rem;color: #000;}

.p-top{padding:7rem;}
.cnt{position:relative;z-index: 2;height: 100%;top: 0;}
.cnt h3{color: #FFF;position: relative;font-weight: 200;}
.cnt h3 span{position: relative;display: inline-block;}
.cnt h3 span::before{content: '';position: absolute;left: -50px;width: 40px;height: 1px;background-color: #FFF;top: 15px;}


.top-bg-1::before{content: '';position: absolute;top: 0;left: 0;right:0;bottom: 0; width: 100%;height: 100%;background-color: rgba(69,177,156,0.8);z-index: 1;}
.top-bg-2::before{content: '';position: absolute;top: 0;left: 0;right:0;bottom: 0; width: 100%;height: 100%;background-color: rgba(144,82,142,0.71);z-index: 1;}
.top-bg-3::before{content: '';position: absolute;top: 0;left: 0;right:0;bottom: 0; width: 100%;height: 100%;background-color: rgba(235,81,146,0.8);z-index: 1;}
.top-bg-4::before{content: '';position: absolute;top: 0;left: 0;right:0;bottom: 0; width: 100%;height: 100%;background-color: rgba(56,91,108,0.8);z-index: 1;}

.adv{background: url("../../images/adv.jpg") no-repeat center center;background-color: cover;}

.testimonials{background: url("../../images/testimonials.jpg") no-repeat center center;background-color: cover;}

.home-events{background: url("../../images/home_events_bg.jpg") no-repeat center center;background-color: cover;position: relative;}
.home-events::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,77,83,0.85);}
.home-events-right{background: url("../../images/home_events_bg.jpg") no-repeat center center;background-color: cover;position: relative;}

.contact{background: url("../../images/contact.jpg") no-repeat center center;background-color: cover;}

.social a{color:#e883ae;transition: 0.3s;background-color: transparent;display: inline-block;margin: 0 5px;padding: 0.5rem;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;text-align: center;}
.social a:hover{background-color:#e883ae;transition: 0.3s;color: #FFF;}


.ftr{background-image:linear-gradient(48deg, #000712 0%, #0093b7 100%);}
.ftr ul{padding: 0;margin: 0;}
.ftr ul li{display: block;}
.ftr ul li a{color:#E6E6E6;padding:5px 0;font-size: 14px;display: block;transition: 0.3s;text-decoration: none;font-weight: 400;}
.ftr ul li a:hover{color:#FFF;transition: 0.3s;}

.ftr img{height: 55px;}
.ftr .ftr-lg{height:45px;}

.ftr h6 .fa.text-info{color:#EAA221 !important;padding-right: 5px;}
.ftr .s a{color:#b1b1b1;padding:7px 5px;font-size: 20px;display: inline-block;transition: 0.3s;}
.ftr .s a:hover{color:#EAA221;transition: 0.2s;transform: scale(1.2);}
.ftr .scl a{width: 45px;height: 45px;border-radius: 50%;background-color: #00323f;display: inline-block;line-height: 45px;text-align: center;color: #00cdff;}
.ftr .links{line-height:55px;}
.ftr .payment{height:35px;}

/*OWL*/
.owl-next,.owl-prev{position:absolute;top:calc( 50% - 40px );color:#999 !important;background-color: transparent!important;}
.owl-next span,.owl-prev span{font-size:70px;font-weight: 100;}
.owl-prev{left:-40px;}
.owl-next{right:-40px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{line-height:1px !important;}

#cart_info{z-index: 1500;bottom: 55px;right:-100%;width: 25%;}

.crtLst{overflow-y:auto;padding-bottom: 60px;}
.crtHldr{width:20%;right: -100%;transition: all 0.2s;}

.mb-mnu{display: none;}
.mbl-menu{display:none;background-color: #202020;padding: 0.7rem 0;box-shadow: 0 -.3rem 1rem rgba(0,0,0,.07);z-index: 1600;}
.mbl-menu a{color: #ffffff;}

.top-search .form-control{width:500px;border-right: 0;box-shadow: none;}
.top-search .btn{border: 1px solid #DDD;border-left: 0;box-shadow: none;}
.top-search .top-result{position: absolute;top: 38px;max-height: 500px;overflow: auto;left:0;background-color: #FFF;right: 0;z-index:2500;}


.top .gblCrtNmbr{top:-10px;left: 15px;font-weight: 300;}

.message{position:fixed;right: 50px;bottom: 40px;width:55px;height:55px;background-color: #4F6ACA;text-align: center;border-radius: 50%;line-height: 55px;}
.message a.msgbtn{color: #FFF;font-size: 1.3rem;}

.message #messenger{width: 55px;height: auto;top: -120px;opacity: 0;transition: opacity 0.25s linear;}
.message #messenger a{display: block;width:55px;height:55px;text-align: center;border-radius: 50%;line-height: 55px;color: #FFF;font-size: 1.5rem;}
.message #messenger a:first-child{margin-bottom: 5px;background-color: #49E670;}
.message #messenger a:last-child{background-color: #1E88E5;}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1220px;
    }
}
@media (max-width: 1366px){
	.p-top{padding:3.5rem;}
	.cnt h3{font-size: calc(1.1rem + .4vw);}
	.prd .hot,.prd .dsc{font-size:0.6rem;min-width: none;}
	.cats .card h6{font-size: 0.75rem;}
	.title-container h6{font-size:18px;}
	.top-search .form-control{width:350px;}
    
}
@media (max-width: 1080px){
    body{padding-top:145px;}
	.p-top{padding:2.5rem;}
	.cnt h3{font-size: calc(1rem + .6vw);}
	.cats .col-md-2{width:33.333333% !important;}
	.cats .card h6{font-size: 0.8rem;}
	#carouselFade img{height:auto;}
	.navbar form{flex-wrap: wrap;margin:5px 0;}
	.navbar .form-control{flex:80%;}
	.navbar .button{flex:20%;}
}