body{font-family:"Karla", sans-serif;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}


.container{width: 1180px;}

.header_area{padding: 10px 0;}
.head_left, .head_right{margin: auto 0; width:100%;}
.search_bar {overflow: hidden;height: 50px;width: 50px;border-radius: 100px;box-shadow: 0 0 5px #6A5D4F;-moz-transition: all 0.35s;-webkit-transition: all 0.35s;}
.search_bar:hover, .search_bar:focus, .search_bar:focus-within {width: 25em;outline: none;}
.search_bar:hover input, .search_bar:focus input, .search_bar:focus-within input {display: inline-block;width: 19em;padding: 10px;height: 50px;}
.search_bar input {-moz-appearance: none;-webkit-appearance: none;appearance: none;float: left;width: 0em;height: 2em;/* margin: 1em; */margin-right: -4.5em;background: #fff;color: #6A5D4F;font-size: 16px;padding: 0px;border: 0;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;}
.search_bar input:focus {outline: none;}
.search_bar .button {display: flex;align-items: center;justify-content: center;float: right;width: 50px;height: 50px;text-align: center;font-size: 2em;color: #FDF6E3;border-radius: 50%;cursor: pointer;}
.search_bar .button:active {border: 0 !important;text-shadow: 0 0 0;}
.search_bar .button i {font-size: 22px;color: #000;}
.add_to_cart a i{font-size: 22px;color: #000;}
.head_right{display: flex; margin: auto 0;justify-content: end;}
.add_to_cart{display: flex;margin-left: 10px;}
.add_to_cart a{margin: auto 0;}
#sticky-header{border-top: 1px solid rgba(0,0,0,0.1);}

.menu_area .navbar{padding: 0;}
.menu_area .navbar ul li a{color: #0009; text-transform: uppercase; font-size: 14px;font-weight: 700; padding: 20px !important;letter-spacing: .6px;}
.menu_area .navbar ul li a:hover{color: #000;}

.banner_area{position: relative; height: 700px;display: flex;}
.banner_area img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.banner_btn{width: 100%;margin: auto 0 100px;position: relative;}
.banner_area a{display: block;background: #fff;color: #000;width: fit-content;padding: 8px 15px;font-size: 20px;}

.top_para{margin-top: -50px; position: relative;}
.top_cont{background: #fff; padding: 30px 220px;}
.top_cont p{font-size: 17px; color: #666666; text-align: center; margin: 10px 0;}

.product_area{padding: 50px 0;}
.pro_box{padding: 50px;transition: all 0.3s;}
.pro_box h3{text-transform: uppercase; text-align: center; color: #222222; font-size: 28px;}
.pro_box img{width: 100%;transition: all 0.3s;}
.pro_box a{color: #de89b3; display: block; text-align: center; text-transform: uppercase;font-weight: 600;}
.pro_box:hover{background: #f0f0f0;}

.video_area{padding-bottom: 50px;}
.video_box{position:relative;}
.video_box img{width:100%;cursor:pointer; height: fit-content; object-fit: cover;}
.play_btn{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 60px !important;}

.eco_left{margin: auto 0; width: 100%;}
.eco_left img{width: 100%;}
.eco_right{margin: auto 0; width: 100%;}
.eco_right h2{font-size: 22px; color: #222222; margin: 0 0 10px; font-weight: bold;}
.eco_right p{font-size: 17px; color: #666666;margin: 10px 0;}

.featured_area{padding: 50px 0;}
.fea_head h2{color: #222222; margin: 0 0 20px; font-size: 28px; text-align: center;}
.fea_img {text-align: center; margin: auto 0; width: 100%;}

.purchase_area{margin-top: 50px;}
.purchase_box{background: url(../images/purchase_img.jpg) center 0 no-repeat; background-size: cover;padding: 100px 0; position: relative;z-index: 1;}
.purchase_box:after{content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%;z-index: -1;}
.purchase_area h2{margin: 0;text-align: center;}
.purchase_area h2 span{color: #fff;font-size: 36px; background: #de89b3;text-transform: uppercase;font-weight: 400;padding: 2px 20px;}

.contact_area{padding: 50px 0;}
.contact_area h2{font-size: 24px; color: #9370DB; text-align: center; margin: 0 0 20px; font-weight: bold;}
.contact_area p{font-size: 17px; color: #666666;margin: 10px 0;}
.contact_area a{color: #9370DB;}

.foot_menu h3{font-size: 24px; text-transform: uppercase; color: #222222; margin: 0 0 20px;}
.foot_menu ul li{margin: 10px 0;}
.foot_menu ul li a{color: #0009; transition: all 0.3s; padding: 0;}
.foot_menu ul li a:hover{color: #000;}
.footer_area{padding-bottom: 50px;}
.footer_bottom {padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.1);}
.footer_bottom p{color:#0009; font-size:14px; margin:auto 0;}
.footer_payment{text-align: right;margin: 0; padding: 0;width: 100%;}
.footer_payment li{display: inline-block;}


.head_area{padding:50px 0;}
.head_area h1{color:36px;text-transform:uppercase; font-weight:400;margin:0;width:100%; margin:auto 0;}
.head_area form{width:100%; margin:auto 0;}
.head_area form label{text-transform:uppercase; font-size:12px;}
.head_area form select{font-size:14px; font-weight:bold;appearance: auto;}

.pro_wrap{padding:0 0 40px;}
.pro_box2{text-align:center; transition:all 0.3s;padding:15px;position:relative;}
.pro_box2 img{width: 100%;transition: all 0.3s;}
.pro_box2:hover{background: #f0f0f0;}
.pro_box2 h3{color:#222222; font-size:17px;margin:0;}
.pro_box2 p{margin:0; font-size:14px; color:#666666;}
.view_btn{background: #de89b3;padding: 15px 45px;color: #fff;text-transform:uppercase;letter-spacing: 2px;display: inline-block;position:absolute;left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; margin-top:50px;transition:all 0.3s;}
.view_btn:hover{background:#b95084;color:#fff;}
.pro_box2:hover .view_btn{margin-top:0;opacity:1;}

.pro_page_area{padding:40px 0;}
.proslide_container, .prothumb_container {width: 100%;overflow: auto;scroll-snap-type: x mandatory;display: flex;padding: 0;}
.proslide_container li, .prothumb_container li {display: block;}
.proslide_container_wrap, .prothumb_container_wrap {overflow: hidden;}
.proslide_container {scroll-padding: 5%;}
.proslide_container li {flex: 0 0 90%;padding: 0 10px;position: relative;scroll-snap-align: start;}
.proslide_container img {display: block;width: 100%;height: 100%;object-fit: cover;}
.proslide_container p {position: absolute;bottom: 0;left: 10px;right: 10px;margin: 0;padding: 30px;background: rgba(0, 0, 0, 0.5);color: #fff;}
.prothumb_container_wrap {display: none;}
.proslide_container {scroll-padding: 0;}
.proslide_container li {flex-basis: 100%;padding: 0;height: 400px;border: 1px solid rgba(0,0,0,0.3);}
.proslide_container p {right: 0;left: 0;}
.prothumb_container.scrolling {scroll-snap-type: none;}
.prothumb_container li {flex: 0 0 33.3333333333%;scroll-snap-align: center;}
.prothumb_container a {display: block;width: 100%;height: 125px;background-size: cover;background-repeat: no-repeat;background-position: center;background-origin: border-box;overflow: hidden;text-indent: -9999px;border: 5px solid #fff;transition: border-color 0.3s;}
.prothumb_container a:hover, .prothumb_container a:focus {border-color: #de89b3;}
.prothumb_container a.proactive {border-color: #de89b3;}
.prothumb_container_wrap {position: relative;display: flex;}
.prev, .next {display: flex;align-items: center;}
.prev.disabled, .next.disabled {pointer-events: none;opacity: 0.5;}
.prothumb_container_wrap .prev, .prothumb_container_wrap .next{background: #de89b3; padding: 0 5px; display: inline-block; text-decoration: none; color: #fff;position: relative; width: 25px;}
.prothumb_container_wrap .prev i, .prothumb_container_wrap .next i{position: absolute;font-size: 20px; top: 50%;left: 50%; transform: translate(-50%,-50%);}

.product_title{font-size: 36px; color: #222222; text-decoration: none;text-transform:uppercase; font-weight:400;margin:0 0 10px;}
.pr_detail h5{color:#666666; font-size:20px; margin:0;}
.pr_desc p {color: #666666;margin: 10px 0; font-size: 16px;text-align: left;}
.pr_desc p a{color:#de89b3;}
.cart_extra{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;}
.cart-product-quantity {margin: 7px 10px 7px 0;display: table;}
.quantity {display: table;}
.quantity .minus {padding-left: 4px;}
.quantity .minus, .quantity .plus {background-color: #eee;display: block;float: left;border-radius: 50px;cursor: pointer;border: 0;padding: 0;width: 34px;height: 34px;line-height: 36px;text-align: center;font-size: 20px;margin: 4px;}
.quantity .qty {float: left;width: 55px;height: 36px;border: 1px solid #ddd;background-color: transparent;text-align: center;padding: 0;margin: 3px;}
.cart_btn .btn{border: 1px solid #de89b3;}
.buy_area a{width: 100%;}
.product_share {margin-top: 15px;}
.product_share > span, .product_share .social_icons {display: inline-block;padding: 0;margin: 0;}
.social_icons li {display: inline-block;padding: 0px 5px 5px 0;}
.social_icons li a {font-size: 18px;color: #687188;height: 36px;width: 36px;line-height: 36px;display: inline-block;text-align: center;vertical-align: middle;overflow: hidden;}

.zoom {display:inline-block;position: relative;}
.zoom:after {content:'';display:block; width:33px; height:33px; position:absolute; top:0;right:0;background:url(icon.png);}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }
.zoomImg{width:200% !important; height: 200% !important; cursor: crosshair;}

.blog_area{padding:0 0 40px;}
.blog_box{margin:50px 0;}
.blog_box .time{font-size:14px; color:#666666; margin:0 0 15px;}
.blog_head{color:#222222; font-size:30px; font-weight:bold; margin:0 0 20px; display:inline-block; transition:all 0.3s;}
.blog_head:hover{color:#cd4d8c;}
.blog_para {color:#666666;font-size:17px;}
.blog_read{font-weight:bold;color:#de89b3;font-size:17px;transition:all 0.3s;display:all 0.3s;}
.blog_read:hover{color:#b95084;}





/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
}

@media (min-width:768px) and (max-width:980px){
    .container{width: 100%;}
    .menu_area .navbar-toggler:focus{box-shadow: none;}
	.menu_area .navbar-toggler span{display: block;background: #de89b3;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_left a img{width: 100px;}
    .menu_area .navbar ul li a{padding: 10px 0 !important;}

    .top_cont{padding: 30px 50px;}
}

@media (max-width:767px){
    .container{width: 100%;}
    .menu_area .navbar-toggler:focus{box-shadow: none;}
	.menu_area .navbar-toggler span{display: block;background: #de89b3;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_left a img{width: 100px;}
    .menu_area .navbar ul li a{padding: 10px 0 !important;}

    .fea_img img{width: 100%;}
    .banner_area{height: 300px;}
    .top_cont{padding: 20px;}
    .pro_box{padding: 20px;}
    .pro_box h3{font-size: 22px;}
    .play_btn{width: 40px !important;}
    .purchase_area h2 span{font-size: 28px; display: block;}
    .footer_bottom p{text-align: center; width: 100%;}
    .footer_payment{text-align: center;}
    
    .product_title{font-size:22px; margin:10px 0;}
}
/*===============Responsive Ends===============*/