@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
/*font-family: 'Open Sans', sans-serif;*/

body{margin: 0; font:14px 'Open Sans', sans-serif; color: #a7a7a7; line-height:24px; font-weight:400; overflow-x: hidden;
background: rgb(16,15,37);
background: -moz-radial-gradient(center, ellipse cover,  rgba(16,15,37,1) 44%, rgba(51,30,91,1) 98%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(16,15,37,1) 44%,rgba(51,30,91,1) 98%);
background: radial-gradient(ellipse at center,  rgba(16,15,37,1) 44%,rgba(51,30,91,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100f25', endColorstr='#331e5b',GradientType=1 );
}

a{text-decoration: none !important; color:#a788c8}
a:hover{color:#333333; text-decoration:none;}

a , .header, button, .btn, img, :before, :after, i{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

hr{border-color:#383149; margin: 1.5rem 0;}

p {margin: 0 0 1.389vw;}

h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6{margin-top: 0; color: #cec3af; }
h1, .h1{font-size:calc(30px + (48 - 30) * ((100vw - 300px) / (1440 - 300))); font-weight: 700;}
h2, .h2{font-size:calc(24px + (36 - 24) * ((100vw - 300px) / (1440 - 300)));}
h3, .h3{font-size:calc(20px + (30 - 20) * ((100vw - 300px) / (1440 - 300)));}
h4, .h4{font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1440 - 300)));}
h5, .h5{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1440 - 300)));}

#information-information, #error-not-found, #information-contact{padding-top: 3.5vw; padding-bottom: 3.5vw;}
#information-information h1{
	font-size:calc(24px + (30 - 24) * ((100vw - 300px) / (1440 - 300)));
	border-bottom: 1px solid #383149;
    padding-bottom: 20px;
	margin-bottom: 20px;
}

.fw-bold{font-weight: 700;}

.mt-0{margin-top: 0px;}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 1.389vw;}
.mt-3{margin-top: 2.083vw;}
.mt-4{margin-top: 2.778vw;}
.mt-5{margin-top: 3.472vw;}
.my-0{margin-bottom: 0px; margin-top: 0px;}
.my-1{margin-bottom: 10px; margin-top: 10px;}
.my-2{margin-bottom: 1.389vw; margin-top: 1.389vw;}
.my-3{margin-bottom: 2.083vw; margin-top: 2.083vw;}
.my-4{margin-bottom: 2.778vw; margin-top: 2.778vw;}
.my-5{margin-bottom: 3.472vw; margin-top: 3.472vw;}
.mb-0{margin-bottom: 0px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 1.389vw;}
.mb-3{margin-bottom: 2.083vw;}
.mb-4{margin-bottom: 2.778vw;}
.mb-5{margin-bottom: 3.472vw;}

.p-3{padding: 2.083vw;}
.p-4{padding: 2.778vw;}
.p-5{padding: 3.472vw;}
.py-5{padding-top: 3.472vw; padding-bottom: 3.472vw;}
.px-5{padding-left: 3.472vw; padding-right: 3.472vw;}
.px-4{padding-left: 2.778vw; padding-right: 2.778vw;}
.px-3{padding-left: 2.083vw; padding-right: 2.083vw;}
.px-2{padding-left: 1.389vw; padding-right: 1.389vw;}
.py-8{padding-top: 5.556vw; padding-bottom: 5.556vw;}
.py-10{padding-top: 100px; padding-bottom: 100px;}
.px-0{padding-left: 0px; padding-right: 0px;}
.pl-3{padding-left: 2.083vw;}
.pr-3{padding-right: 2.083vw;}
.pl-5{padding-left: 3.472vw;}
.pr-5{padding-right: 3.472vw;}
.pb-5{padding-bottom: 3.472vw;}
.pb-8{padding-bottom: 5.556vw;}
.pt-5{padding-top: 3.472vw;}
.pt-8{padding-top: 5.556vw;}

.pr-0{padding-right: 0;}
.pl-0{padding-left: 0;}

.line{position: relative}
.line:after{content: ''; height: 1px; width: 50px; background: #c4c3c5; display: block; margin-top: 20px; margin-bottom: 20px;}
.text-center.line:after, .text-center .line:after{margin-left: auto; margin-right: auto;}

.breadcrumb{display: none;}
.product .breadcrumb{display: block;}


.header{position:fixed; z-index:9; background:#18133c; width:100%; padding: 15px 0; box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
.logo img {max-width:230px;}
.header.full .logo img{max-width:150px;}
.header.full{z-index:999;}
.spacer { height: 69px;}

.header-btns{justify-content: flex-end;}
.header-btns > .btn, .header-btns .dropdown-toggle.btn{padding:5px 15px; display: flex; color: #fff;}

.header-btns > .btn i, .dropdown-toggle.btn i{ font-size: 24px;}
.header-btns > .btn.active.focus, .header-btns > .btn.active:focus, .header-btns > .btn.focus, .header-btns > .btn:active.focus, .header-btns > .btn:active:focus, .header-btns > .btn:focus, .header-btns .btn:hover{outline: none; background: transparent; border-color: transparent; color: #a788c7;}

.swiper-viewport{border: 0; box-shadow: none; margin: 0; border-radius: 0;}
.swiper-pagination-bullet{ width: 12px; height: 12px; background: rgb(255 255 255 / 40%); box-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ background: #fff; border-color:#000;}
.swiper-pagination {bottom: 5%;}
.banner .swiper-slide .container{
	top: 50%;
    transform: translate(0, -50%);
    right: 0;
    left: 0;
    position: absolute;
}
.banner .caption {
	color: #ffffff;
	font-size: 1.389vw;
}
.banner .caption p{
	margin: 1.389vw 0;
}
.banner .caption .btn-default{background-color:transparent; border-color: #FFFFFF; color: #FFFFFF;}
.banner .btn{margin-top: 1.389vw;}
.banner .swiper-slide h1{font-size: calc(30px + (48 - 30) * ((100vw - 300px) / (1440 - 300))); font-weight: normal; text-transform: uppercase;}
.swiper-button-next, .swiper-button-prev{width: auto;}
.swiper-button-next:before, .swiper-button-prev:before { 
	font-family: 'Line Awesome Free'; 
	font-weight: 900; 
	font-style: normal; 
	color: #FFFFFF; 
	width: inherit; 
	text-shadow: none; 
	font-size:calc(24px + (60 - 24) * ((100vw - 300px) / (1440 - 300)));
}
.swiper-button-next:before { content: "\f061";}
.swiper-button-prev:before { content: "\f060";}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{opacity: 1;}
.banner .swiper-button-next, .banner:hover .swiper-button-next{right: 3.472vw;}
.banner .swiper-button-prev, .banner:hover .swiper-button-prev{left: 3.472vw;}


.full-width { width: 100vw; position: relative; left:calc(-1 * (100vw - 100%)/2);}
.h-100{height: 100%;}

label{white-space: nowrap; text-transform: uppercase;}
.label_error{color:#F00; font-size: 12px; display: inline-block;}
div.required .control-label:before {display: none;}
div.required .control-label:after {
    content: '*';
    color: #F00;
    font-weight: bold;
	margin-left: 3px;
}


.text-info{color: #5f8dc1!important;}
.text-warning{color: #e08861!important;}
.text-white{color: #FFFFFF!important;}
.text-dark{color: #091523;}

.bg-info{background-color: #a788c7!important; position: relative;}
.bg-primary{background-color: #2d445e!important;  position: relative;}
.bg-dark{color:#ffffff; background-color: #100f25;}
.bg-light{background-color: #f3f5f9; color: #333;}
.bg-white{background-color: #FFFFFF; color: #333;}
.bg-purple{background-color: #4e3c6d;}

.form-control{ border-radius: 0; padding: 21px 12px;}

.btn{border-radius: 0px; text-transform: uppercase; text-shadow: none; box-shadow: none; position: relative; padding: 12.9px 20px; background-image:none; font-size: 12px; letter-spacing: 2px;}
.btn-default{background-color:transparent; border-color: #b5b5b5; color: #2d445e;}
.btn-default:hover{background-color:#FFFFFF;}
.btn-default.focus, .btn-default:focus{background-color: #f2f2f2; border-color: #cccccc;}
.btn-primary{background-color:#312359; border-color: #312359;}
.btn-primary:hover{background-color:#a788c7; border-color: #a788c7;}
.btn-primary.focus, .btn-primary:focus {background-color: #a788c7; border-color: #a788c7;}
.btn-info{background-color:#a788c7; border-color: #a788c7;}
.btn-info:hover{background-color:#2d445e; border-color: #2d445e;}
.btn-info.focus, .btn-info:focus {background-color: #2d445e; border-color: #2d445e;}
.btn-danger{background-color:#ff4b5b; border-color: #ff4b5b;}
.btn-link{color: #333333;}
.btn-link:focus, .btn-link:hover { color: #a788c7;}

.btn-lg{ font-size: 18px; padding: 15px 45px;}
.btn-sm{ font-size: 10px; padding: 7px 1.389vw;}
.btn-xs{ font-size: 9px; padding: 3px 7px 5px;}

.btn-default::after, .btn-primary::after, .btn-info::after{content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; display: inline-block; opacity: 0; margin-left: -1em;}
.btn-default:hover:after, .btn-primary:hover:after, .btn-info:hover:after{opacity: 1; margin-left: .5em;}

.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none;
    outline: none;
}
.btn svg { width: 15px;
  vertical-align: middle;
 margin-right: 8px;
 fill: #ffffff;
}
.btn i {
font-size: 20px;
 vertical-align: middle;
 width: 20px;
 margin-right: 5px;
}


table .btn:after{display: none;}



#cart{margin-bottom: 0;}
#cart .dropdown-menu, .table-striped>tbody>tr:nth-of-type(odd){background: #fff;}
#cart td{vertical-align: middle; border-top: 0;}
#cart td a{margin-left:0;}
#cart .dropdown-menu{min-width: 350px;}
#cart > .btn.active.focus, #cart > .btn.active:focus, #cart > .btn.focus, #cart > .btn:active.focus, #cart > .btn:active:focus, #cart > .btn:focus{
    background-color: transparent;
	border-color: transparent;
    color: #a788c7;
}
#cart.open > .btn, .open > .btn {
    background-color: transparent;
    color: #a788c7;
}
#cart.open > .btn:hover, .open > .btn:hover {
    color: #a788c7;
}

#content { min-height: inherit; }





.img-thumbnail{    padding: 0; border-radius: 0;}

.d-flex {display: flex;
  align-items: center;
}
.justify-content-between {
    justify-content: space-between!important;
}
.justify-content-center {
    justify-content: center!important;
}
.justify-content-right {
    justify-content: flex-end!important;
}
/*.innerbanner{position:relative; width:100%; background:url(images/banner%201.jpg); height:210px;}
.innerbanner h1{color:#fff; position:absolute; left:0; right:0; bottom:20px; text-align:center;}*/


.footer{font-size: 12px; color: #a2a2a2}
.footer a{color: #FFFFFF;}
.footer .f-logo{max-width: 150px; margin-bottom: 2vw;}
.footer .contact-info a{color: #bfbfbf;}
.footer a:hover{color: #a788c7;}
.footer hr{border-color:#dddddd; }
.footer-menu{margin-bottom: 1.5vw; text-transform: uppercase; letter-spacing: 2px;}
.footer-menu a{margin-left: 10px; margin-right: 10px;}
.footer{text-align: center;}
.f-logo img{margin: 0 auto 10px;}

.social a{
    margin: 1.389vw 5px 0;
    font-size: 24px;
    height: 27px;
    width: 27px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	color: #a788c7;
}
.social a:hover{color: #FFFFFF}
.sicon{font-size: 50px;vertical-align: middle;}
.sicon:hover{color:#564cd9;}

.input-group-addon{border: 0; background: 0;}


.list{padding:0; list-style:none;}
.list li{position: relative; padding: 14px; padding-left: 30px; border-bottom: 1px solid rgb(255 255 255 / 25%);}
.list li:before{ content: "\f00c"; font-family: 'FontAwesome'; font-weight: 900; font-style: normal; position: absolute; left: 0;}

.bg1:before{content: ''; position: absolute; height: 100%; left: 50%; top: 0; width: 100vw; margin-left: -50vw; background: url(../image/mid-bg1.jpg) no-repeat center left; background-size: cover; opacity: .1;}
.bg2:before{content: ''; position: absolute; height: 100%; left: 50%; top: 0; width: 100vw; margin-left: -50vw; background: url(../image/mid-bg2.jpg) no-repeat center left; background-size: cover; opacity: .1;}


.embed {
  overflow: hidden;
  padding-block-start: 100%;
  position: relative;
}

.embed--1-2 {
  padding-top: calc(100% / (1 / 2));
}

.embed--2-1 {
  padding-top: calc(100% / (2 / 1));
}

.embed--2-3 {
  padding-top: calc(100% / (2 / 2));
}

.embed > * {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.embed:hover img{transform: scale(1.1)}
.embed:before{content: "Click to Zoom"; position: absolute; bottom: 10px; right: 0px; color: #000000; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; z-index: 1; opacity: 0;}
.embed:hover:before{opacity: 1; right: 1.389vw;}



/*----------Theme Accordion menu start----------*/

.panel, .panel-group .panel, .panel-heading {border-radius: 0;}
.panel-group .panel+.panel { margin-top: 10px;}

#accordion .panel{ border: 0; box-shadow: none; background: transparent;}
#accordion .panel-heading i{display: none;}
#accordion .panel-heading{padding: 0; background-color: transparent!important; border-bottom: 1px solid #ccc;}
#accordion .panel-heading a{display: block; padding: 10px 0; text-transform: uppercase;}
#accordion .panel-body{padding-left: 0; padding-right: 0; padding-bottom: 1.389vw; border: 0!important;}
#accordion .panel-heading a.link-collapse:not(.collapsed){color: #e08861;}
#accordion .panel-heading a.link-collapse:not(.collapsed) hr{border-color: #e08861;}

#accordion ul{padding:0; list-style:none; text-align: left!important;}
#accordion ul li{position: relative; padding: 6px; padding-left: 24px; border-bottom: 1px solid rgb(0 0 0 / 7%);}
#accordion ul li:before{ content: "\f00c"; font-family: 'FontAwesome'; position: absolute; left: 0;}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  content: '';
  float: right;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
	background-image: url(../image/plus.svg);
height: 15px;
    width: 15px;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

/*----------Theme Accordion menu end----------*/

/*----------Theme Contact pgae Start----------*/

#information-contact{padding-top: 5vw; padding-bottom: 5vw;}
.contact-form{padding: 3.5vw; position: relative;}

address{margin: 0;}
.address-box{display: flex; align-items: center; gap: 15px; font-size: 18px; margin-bottom: 10px;}
.address-box address{margin-bottom: 0;}
.address-box i{height: 40px; width: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; background: #a788c7; color: #FFFFFF; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.address-box .lead{margin-bottom: 0;}
legend { font-size: 2.083vw; padding: 0; border: 0;}

/*----------Theme Contact pgae end----------*/

/*----------Theme Account pgae Start----------*/

#account-register, #account-login, #account-forgotten{padding-top: 5vw; padding-bottom: 5vw;}
#account-register .btn, #account-login .btn, #account-forgotten .btn{min-width: 130px;}

.well-box{ background: #fff; box-shadow: 0 0 1.389vw rgb(0 0 0 / 20%); position: relative;}
.well { background: #ffffff; border: none; box-shadow: none; padding: 3.5vw; margin-bottom: 0; border-radius: 0; height: 100%;}
.well-box .row{display: flex;}
.well-box hr {border-color: #e4e4e4;}
.img-bg{background: url(../image/login-bg.jpg) no-repeat center; background-size: cover; height: 100%;}


/*----------Theme Account pgae end----------*/

/*----------Theme product pgae start----------*/

#product-category, #product-product{padding-top: 3.5vw; padding-bottom: 3.5vw;}
#product-category h2, #product-product h2{font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1440 - 300)));}
.product-thumb {
    overflow: auto;
	border: 0;
	text-align: center;
}

.product-thumb .caption{
    min-height: 0;
	position: relative;
	overflow: hidden;
}
.product-thumb h5{
    margin: 5px 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-thumb a{color: #000;}
.product-thumb a:hover{color: #444;}
.product-thumb .rating{margin-top: 10px;}
.product-thumb .image{overflow: hidden;position: relative;}
.product-thumb .image button{position: absolute; bottom: -44px;}
.product-thumb:hover .image button{bottom: 0;}
.product-thumb .btn{ border-radius: 0}
.product-thumb .image a:hover {opacity: 1;}
.product-thumb .image a:hover img{transform: scale(1.05)}

.allproduct .form-group {margin-bottom: 0;}

#product-category .form-group{margin-bottom: 0;}

#product-product .thumbnail{border-radius: 0; padding: 0;}
a.thumbnail{ border-color: #f4f5f9;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #333333;}

.leftlink a{display: block; font-size: 12px; border-bottom: 1px solid #e8e8e8; padding: 8px 10px; text-decoration: none;}
.leftlink a:not(.leftlink-h){color: #000;}
.leftlink a:hover{text-decoration: underline!important;}
.leftlink span{font-weight: 700; background: #5a8ac0; color: #fff; display: block; padding: 10px;}
.leftlink hr{margin-top: 10px; margin-bottom: 10px;}

/*----------Theme product pgae end----------*/

/*----------Home category slider----------*/

.category_box{text-align: center;}
.category_box .image, .category-name :is(h1, h2, h3, h4, h5, h6){margin-bottom: 1.736vw;}
.category_box .image{overflow: hidden;}
.category_box:hover .image img{transform: scale(1.1)}
.category-name{text-transform: uppercase;}

.home-category .swiper-button-next:before, .home-category .swiper-button-prev:before { color: #000000; font-size:24px;}
.home-category .swiper-button-next, .home-category .swiper-button-prev{top: 38%;}
.swiper-viewport .home-category .swiper-button-prev, .swiper-viewport .home-category .swiper-button-next{opacity: 1}
.home-category .swiper-button-next, .swiper-viewport:hover .home-category .swiper-button-next{right: 1.389vw;}
.home-category .swiper-button-prev, .swiper-viewport:hover .home-category .swiper-button-prev{left: 1.389vw;}
/*----------Home category slider----------*/

/*----------checkout page start----------*/

#checkout-cart, #checkout-checkout{padding-top: 3.5vw; padding-bottom: 3.5vw;}
#checkout-cart table td{padding: 15px!important;}
.table>thead>tr>th{text-transform: uppercase;}

/*----------checkout page end----------*/


/*----------Navigation start----------*/

.p-initial{position: inherit !important;}

.nav{
	display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #f4f2ef;
    z-index: 1;
    height: 100vh;
}
.nav ul{display: flex; flex-flow: column; justify-content: center; height: 100%; padding: 0;}
.nav li { display: block; margin: 0; text-align: center; min-width: 400px;}
.nav li a {     padding: 1.8vw;
    display: inline-block;
    text-align: center;
    font-size: 2vw;
    color: #18133c;
    font-weight: 700;
    text-transform: uppercase;}
.nav li a:hover{color: #a788c7;}
.snav{ border: none; padding: 10px; width: 50px; cursor: pointer; z-index: 998; background: none;}	
.snav i{display:block; background:#c9bfae; height:1px; width: 60%}
.snav i+i{margin-top:8px; width: 100%;}

.snav:focus{outline: none;}
.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(8px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(8px);
	-o-transform: rotate(45deg) translateX(5px) translateY(8px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(8px);
	transform: rotate(45deg) translateX(5px) translateY(8px);
}
.snav.openbtn i:nth-child(2){opacity:0;}
.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-8px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-8px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-8px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-8px);
	transform: rotate(-45deg) translateX(5px) translateY(-8px);
}
.snav:hover i, .snav.openbtn i{width: 100%;}
.snav.openbtn i{background: #18133c;}
/*----------Navigation end----------*/


/*----------Book Animation start----------*/
.book {
  position:relative;
  text-align: center;
}

.book-cover {
	position: relative;
  z-index:1;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background: #111;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
	overflow: hidden
}

.effect {
position: absolute;
	top: 0;
  width: 20px;
  height: 100%;
  margin-left: 10px;
  border-left: 2px solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all .5s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.product-layout:hover { cursor:pointer; }

.product-layout:hover .book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030
}

.product-layout:hover .effect {
  width: 40px;
 /** margin-left:13px;
  opacity: 0.5; **/
}

.product-layout:hover .light {
  opacity: 1;
  width: 70%;
}
.product-layout .caption{margin-top: 30px;}
.product-layout .caption a:hover{color:#FFFFFF; }
.book-inside{
	position: absolute;
  width: calc(100% - 2px);
  top: 2%;
bottom: 2%;
  border: 1px solid grey;
  border-radius:3px;
  background: white;
  box-shadow: 
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}


/*----------Book Animation end----------*/





.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.container {position: relative;}
.dropdown-menu { min-width: 350px;
border: 0; border-radius: 0; padding: 0; margin:0; top: 49px; display: block;visibility: hidden;opacity:0;transform: translateY(30px);transition:.5s ease all;
}
.dropdown.open .dropdown-menu {
display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;
}
.list-group{margin-bottom: 0;}
.list-group-item:first-child, .list-group-item:last-child{border-radius: 0;}
.list-group-item .badge{
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 8px;
    background: #7954af;
    letter-spacing: 1px;
    padding: 5px;
}
.list-group a{color: #333333; padding: 10px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover{background:#e8def2; text-shadow: none;}

.membership-page .well{padding-left: calc(3.5vw - 2.083vw);}

@media (min-width:1200px) {
	.container {width: 1200px;}
}
@media (min-width:992px) and (max-width:1199px) {
	.spacer { height: 74px;}
}
@media (min-width:768px) and (max-width:991px) {
	.spacer { height: 74px;}
	.pr-0 {padding-right: 15px;}
	.pl-0 {padding-left: 15px;}
}
@media (min-width:768px){
#account-register .well, #account-login .well{padding-left: calc(3.5vw - 2.083vw);}
}
@media (min-width:200px) and (max-width:767px) {
.header{padding: 10px 0;}
.spacer { height: 56px;}
.logo img, .header.full .logo img {max-width: 120px;}
.banner .swiper-slide h1{font-size: 24px;}
	.nav li{min-width: 100vw}
.nav li a{padding: 24px;font-size: 24px;}
.pr-0 {padding-right: 15px;}
.pl-0 {padding-left: 15px;}

.contact-info{display: flex; justify-content: center; gap: 15px; margin: 15px 0; line-height: normal;}
.contact-info p { display: flex; flex-flow: column; gap: 10px; border: 2px solid #443b44; padding: 15px; width: 100%;}
.contact-info p i { position: relative; font-size: 24px; top: 0;}
	
.no-d-flex-mobile{display: inherit;}
	
.btn-default::after, .btn-primary::after, .btn-info::after { opacity: 1; margin-left: .5em;}
.btn-lg { font-size: 12px; padding: 12px 20px;}

.dropdown-menu {position: fixed; top: 60px; min-width: auto; width: 100%;}

}