@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:300,400,500,600,700,800,900&display=swap');

body{font-family: 'Karla', sans-serif; font-weight: normal;}
a:hover{text-decoration: none;;}
*:focus{outline: none;}
button:focus{outline: none;}
.title_font{font-family: 'Montserrat', sans-serif;}

 *, *::after, *::before {
	/*-webkit-user-select: none;*/
	-webkit-app-region: no-drag;
	-webkit-user-drag: none;
	/*cursor: default;*/
}

/*back-to-top*/ 
#back-to-top {border: 0 none; border-radius: 2px; bottom: 50px; cursor: pointer; position: fixed; right: 10px; text-decoration: none; z-index: 9999; margin: 0 auto; opacity: 0; width: 35px; height: 35px; display: inline-block; background: var(--main-bg-color); background-size: 35px; transition: ease all 0.5s; color: #007bff ; line-height: 28px; font-size: 28px; text-align: center;}
#back-to-top.show {opacity: 1; } 
#back-to-top:hover{-webkit-box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79);box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79); background: #007bff; color: #fff;} 


/*default button*/
.main-btn{border: 1px solid #007bff; border-radius: 50px; padding: 4px 35px; font-weight: normal; background: #007bff; color: #fff; display: inline-block;}
.main-btn:hover { background: rgb(73, 153, 239); color: #fff !important; }

.color-btn{border: 2px solid #662d91;background: #662d91;}
.color-btn:hover{background: rgba(102, 45, 145, 0.7);}

.form-control {height: 45px; border-radius: 0; }
.form-lbl {margin-bottom: 2px;color: #202020; font-weight: 600;}
.form-lbl span{color: #ff59c5} 

.font-title{ font-family: ITCAvantGardeStd-Demi;}

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url('../../asset/font/ITCAvantGardeStd-Demi.eot');
  src: url('../../asset/font/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),
       url('../../asset/font/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg'),
       url('../../asset/font/ITCAvantGardeStd-Demi.ttf') format('truetype'),
       url('../../asset/font/ITCAvantGardeStd-Demi.woff') format('woff'),
       url('../../asset/font/ITCAvantGardeStd-Demi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

 

.box_space{padding: 0 5%}
.text-color{color: #662d91 !important;}
.text-black{color: #202020 !important}

 /*breadcrumb cssstart*/
.breadcrumb-wrapper {margin-bottom: 0px; }
.breadcrumb {background-color: transparent; }
.breadcrumb a{color: #202020;}
/*breadcrumb end*/  

.box{-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08); position: relative; background-color: #ffffff;}
.Catalogue-filter{position: relative; background-color: #eeeeee;}

/*--------------------------------------
  		1). Header css start
--------------------------------------*/ 
.navbar-expand-lg {width: 100%; float: left;}
.header-area {background: #fff; -webkit-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); }
.navbar-expand-lg {padding: 0px 0; transition: ease all 0.5s;}
.navbar-brand img {width: 130px; transition: ease all 0.5s; }
#navbarSupportedContent {justify-content: flex-end; }
.navbar-dark .navbar-nav .nav-link {    font-weight: 600; color: #504848 !important; position: relative; padding: 21px 7px; margin: 0px 2px; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover { color: #007bff !important;}
.dropdown-toggle::after{display: none;}  
.dropdown-item {font-size: 13px; padding: 8px 13px; background: #fff; color: #000;    font-weight: 600; }
.dropdown-menu {border: 1px solid var(--main-black_bg_transparent); border-radius: 0; margin: 0;}
.header-animation .navbar-dark .navbar-nav .nav-link {padding: 22px 12px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #007bff !important; color: #fff;}
.dropdown-item:focus{color: #fff;}
/*.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {background: #da1715; }*/
.header_manu > li > a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0px; background: #007bff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.header_manu > li > a:hover:before, 
.header_manu > li > a:focus:before,
.header_manu > li > a:active:before {left: 0; right: 0; }
.dropdown-submenu {position: relative; }
.dropdown-submenu>a:after {content: "\f0da"; float: right; border: none; font-family: 'FontAwesome'; }
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: 0px; }

.dropdown-menu.rtl{ left: inherit;right: 0;}
.dropdown-menu{box-shadow: 0 5px 75px 2px rgba(64,70,74,.2);}


/*Mobile toggle start*/
.navbar-toggler {color: rgba(255,255,255,.5); border-color: rgb(221, 52, 110); position: relative; height: 35px; width: 45px; }
.navbar-toggler-icon {background: #007bff; height: 2px; position: absolute; left: 0; right: 0; margin: auto; width: 50%; }
.navbar-toggler-icon:after {content: ""; position: absolute; height: 2px; width: 100%; background: #007bff; left: 0; right: 0; margin: 0 auto; top: 8px; }
.navbar-toggler-icon:before {content: ""; position: absolute; height: 2px; width: 100%; background: #007bff; left: 0; right: 0; margin: 0 auto; bottom: 8px; }
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background:transparent;}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {bottom: 2px; transform: rotate(47deg);}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {top: -2px; transform: rotate(-47deg);}
/*Mobile toggle end*/


/*.navbar-expand-lg .navbar-nav .dropdown-menu {width: 220px; }*/
.dropdown-menu-right a {padding: 0.25rem 1.25rem; display: inline-block; width: 100%; background: #f1f1f1;margin-bottom: 2px; color: #202020;}
.dropdown-menu-right a:hover{background: #007bff ; color: #fff;}

#navbarDropdownMenuLink {color: #000; }
.cart-count {position: absolute; top: 0; right: 0; display: inline-block; min-width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0 1px; border-radius: 50%; background-color: #a60be0; font-size: 12px; color: #ffffff; }
.dropdown-menu-header .media{position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px;} 
.cart-dropdown{width: 20rem;}
.cart-remove {position: absolute; right: 10px; top: 0px; color: #000; font-size: 24px;}
.dropdown-menu-header .media:nth-last-child(1) {border-bottom: none; padding-bottom: 0; }
.dropdown-menu-header .media:nth-child(1) { padding-top: 0; }
.scrollable-container {max-height: 18.2rem; }
.ps {overflow: auto !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }


.qty_number {text-align: left; position: relative; white-space: nowrap; vertical-align: middle; border: 1px solid #ced4da; border-radius: 5px; padding: 0 0px; width: 100px; }
.qty_number input[type="text"] {border: none; text-align: center; }
.qty_minus, .qty_plus {width: 25px; cursor: pointer; padding:  0 5px;}



/*top header*/
.topheader{border-bottom: 2px solid #f3f3f3;}
.menuactive {background: #007bff; color: #fff !important; padding: 2px 15px !important; border-radius: 5px; }
.topheader .top-menu a {padding: 6px 0; display: inline-block; color: #504848; }
.topheader .top-menu a:hover{ color: #007bff;} 
/*--------------------------------------
  		1). Header css end
--------------------------------------*/
.Catalogue-filter form.form {margin-top: 15px; }
.box-Voucher{margin-bottom: 30px}
.box-Voucher {box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); padding: 15px; display: inline-block; width: 100%; transition: all 0.25s ease; color: #62707C; border-radius: 15px; }
.box-Voucher:hover{color: #233747; transform: translateY(-4px) scale(1.02); box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2); z-index: 999; }
.Voucherimage {height: 150px; overflow: hidden; width: 100%; display: inline-block; position: relative; }
.Voucherimage img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: auto; width: auto; }
.button-eff {background: #eeeeee; padding: 10px 0; }
.box-button { margin-top: -18px; }
.box-view {box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); padding: 15px; display: inline-block; width: 100%; transition: all 0.25s ease; }


.box-Voucher:hover .button-eff {background: #03b303; color: #fff; }
.box-Voucher:hover .hovertext{color: #03b303;}


/*Footer start*/ 
.footer-bg{background-color: #171313; -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);}
.footer-bg a, .footer-bg p, .footer-bg span, .footer-bg h5{color: #fff;}
.footer-bg a, .footer-bg p {font-size: 13px; }
.btn-floating {border: 1px solid #fff; padding: 7px; border-radius: 50px; width: 35px; height: 35px; display: inline-block; transition: ease all 0.5s;}
.btn-floating:hover { border-color: #fff;  color: #fff ; }
.link-list a{transition: ease all 0.5s;}
.link-list a:hover{margin-left: 10px;}
.bottom-footer{background: #100d0d;}
.Copyright-section p, .Copyright-section a, .Copyright-section span{color: #ddd; font-size: 13px;} 
.kcits-link a:hover{text-decoration: underline;}
/*Footer end*/




@media screen and (max-width: 991px){
	.navbar-dark .navbar-nav .nav-link {padding: 4px 2px !important; margin: 2px 0px; }
	.navbar-dark .navbar-nav .nav-link i{float: right;} 
	.header_manu > li > a:before{display: none;} 
    #navbarSupportedContent {justify-content: flex-end; position: absolute; width: 100%; z-index: 999; background: #fff; top: 56px; left: 0; right: 0; padding: 0 17px; }
    .fa[style="top: 4px;position: relative;"] {transform: rotate(-90deg); }
    .banner-data {background: rgba(32, 32, 32, 0.8); padding: 88px 10px; }
    .slider-text {top: 10%; }
}
@media screen and (max-width: 767px){
    .banner_title { font-size: 42px;}
	 
} 

@media screen and (max-width: 568px){     
    .banner_title { font-size: 32px; text-align: center;}
    .main-btn {font-size: 22px; display: block; text-align: center; margin-top: 15px}
    .or-text {display: none;}
} 


@media screen and (max-width: 480px){
  .cart-dropdown {
      width: 280px;
  }
}