div.site-title{
}
div.site-title a h1{
font-family: 'Lora', cursive;
font-size:2.5rem;
color:#FFDF71;
text-shadow: 1.5px 1.5px 0 #2F0039, 0px 1.5px 0 #2F0039, -1.5px -1.5px 0 #2F0039, -1.5px -1.5px 0 #2F0039, -1.5px 1.5px 0 #2F0039, 1.5px -1.5px 0 #2F0039, 0 0 7px #FFBAB0, 0 0 14px #FFBAB0, 0 0 20px #FFBAB0;
padding-left:10px;
padding-right:10px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
line-height:0.3;
}
.site-description{
font-family: 'Lora', cursive;
color:#FFDF71;
text-shadow: 1.5px 1.5px 1px #2F0039, 0px 1.5px 0 #2F0039;
text-align:right;
margin-right:2.5rem;
font-size:1.3rem;
}
div.site-title a:hover h1, div.site-title a:focus h1{
color:#FFF000;
text-shadow: 1.5px 1.5px 0 #42005C, 0px 1.5px 0 #42005C, -1.5px -1.5px 0 #42005C, -1.5px -1.5px 0 #42005C, -1.5px 1.5px 0 #42005C, 1.5px -1.5px 0 #42005C, 0 0 7px #FFE572, 0 0 14px #FFE572, 0 0 20px #FFE572;
}
div.site-title{
margin:1rem 2rem;
}
div.site-title a, div.site-title a:hover, div.site-title a:focus{
text-decoration-line:none;
text-decoration:none;
outline:0;
}
a{
text-decoration-line:none;
text-decoration:none;
}
.ghost-button {
background-color:#000;
position: relative;
background: none center center no-repeat;
background-size: cover;
cursor: pointer;
overflow: hidden;
-webkit-transition: border 1s cubic-bezier(0.19,1,.22,1),color .6s cubic-bezier(0.19,1,.22,1);
transition: border 1s cubic-bezier(0.19,1,.22,1), color .6s cubic-bezier(0.19,1,.22,1), background 5s cubic-bezier(0.19,1,.22,1);
}
.ghost-button .ghost-button-mask {
position: absolute;
display: block;
background: #fff;
background: rgba(255,200,200,0.5);
pointer-events: none;
width: 200px;
height: 150px;
-webkit-transform: translate3d(-120%,-80px,0) rotate3d(0,0,1,45deg);
transform: translate3d(-120%,-80px,0) rotate3d(0,0,1,45deg);
-webkit-transition: all .9s cubic-bezier(0.19,1,.22,1);
transition: all .9s cubic-bezier(0.19,1,.22,1);
}
.ghost-button:hover .ghost-button-mask {
background: #fff;
-webkit-transform: translate3d(120%,-100px,0) rotate3d(0,0,1,90deg);
transform: translate3d(120%,-100px,0) rotate3d(0,0,1,90deg);
}
#cart-view{
background-image: linear-gradient(45deg, rgba(230,231,255,.77) 0%, rgba(232,235,255,.94) 50%, rgba(230,239,255,.86) 90%), linear-gradient(-45deg, rgba(255,255,255,.51) 50%, rgba(255,255,255,1) 90%);
border: 2px solid;
border-image: linear-gradient(10deg, rgba(167,88,195,1) 0%, rgba(115,116,244,.77) 50%, rgba(138,97,188,77) 90%);
border-image-slice: 1;
box-shadow: inset 1px 1px 3px rgba(0,0,0,.5),inset 1px 1px 1px  rgba(0,0,0,.4),
2px 3px 2px rgba(0,0,0,.5);
}
#cart-view a{
color:#000;
}
#cart-view .remove:hover,
#cart-view a:hover{
text-decoration:none;
text-decoration-line:none;
text-shadow:1px 1px 4px rgba(0,0,0,.3);
}
#cart-view a i{
color:#3a3a3a;
}
.cart-window{
display:none;
position:absolute;
z-index:10;
opacity:0;
}
#cart-view .remove{
background: linear-gradient(45deg, rgba(174,35,45,.65), rgba(186,62,20,.71), rgba(255,170,156,0.81));
box-shadow: inset 1px 1px 0px rgba(255,255,255,.5),inset -1px -1px 0px rgba(0,0,0,.3),
inset 1px 1px 1px 1px rgba(255,255,255,.3),inset -1px -1px 1px 1px rgba(0,0,0,.3);
border-radius:15%;
cursor:pointer;
width: 1.5rem;
height: 1.5rem;
}
#cart-view .remove:hover{
box-shadow: inset 1px 1px 0px rgba(255,255,255,.5),inset -1px -1px 0px rgba(0,0,0,.3),
inset 1px 1px 1px 1px rgba(255,255,255,.3),inset -1px -1px 1px 1px rgba(0,0,0,.3),
1px 1px 2px rgba(0,0,0,.2), 1px 1px 4px rgba(0,0,0,.2);
}
#cart-view .remove .times{
display: table-cell;
width: 1.5rem;
height: 1.5rem;
text-align: center;
vertical-align: middle;
}
#cart-view .checkout span{
display: table-cell;
vertical-align: baseline;
}
#cart-view .checkout{
white-space: nowrap;
}
.btn-search,
a.btn-reset,
a.btn-reset-range,
.btn-header{
background-color: rgba(0,0,0,.4);
background-image:linear-gradient(45deg, rgba(108,169,196,0.29) 10%, rgba(26,0,71,0.62) 60%, rgba(136,207,225,0.29) 90%);
border-radius:2px;
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 3px rgba(255,255,255,.3),inset -1px -1px 0px rgba(255,255,255,.1);
}
a.btn-reset,
a.btn-reset-range,
a.btn-header{
text-decoration:none;
text-decoration-line:none;
}
.btn-reset-wrap,
.btn-header-wrap{
position:relative;
font-size:0.95rem;
overflow:hidden;
cursor:pointer;
box-shadow:  1px 2px 2px rgba(0,0,0,.2), 1px 2px 4px rgba(0,0,0,.3);
}
.btn-reset-wrap:after,
.btn-header-wrap:after {
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(45deg,transparent, rgba(255,255,255,.5), transparent);
transition: .3s;
pointer-events: none;
}
.btn-reset-wrap:hover:after,
.btn-header-wrap:hover:after {
transform: translateX(200%);
}
.btn-reset-wrap div.btn-reset-point,
.btn-header-wrap div.btn-header-point {
position: absolute;
transition: .3s ease;
background: #fff;
}
.btn-reset-wrap div:nth-child(1),
.btn-header-wrap div:nth-child(1) {
bottom: 0;
left: 0;
width: 0;
height: 1px;
}
.btn-reset-wrap:hover div:nth-child(1),
.btn-header-wrap:hover div:nth-child(1) {
width: 100%;
transform: translateX(100%);
}
.btn-reset-wrap div:nth-child(2),
.btn-header-wrap div:nth-child(2) {
bottom: 0;
left: 0;
width: 1px;
height: 0;
}
.btn-reset-wrap:hover div:nth-child(2),
.btn-header-wrap:hover div:nth-child(2) {
height: 100%;
transform: translateY(-100%);
}
.btn-reset-wrap div:nth-child(3),
.btn-header-wrap div:nth-child(3) {
top: 0;
right: 0;
width: 1px;
height: 0;
}
.btn-reset-wrap:hover div:nth-child(3),
.btn-header-wrap:hover div:nth-child(3) {
height: 100%;
transform: translateY(100%);
}
.btn-reset-wrap div:nth-child(4),
.btn-header-wrap div:nth-child(4) {
top: 0;
right: 0;
width: 0;
height: 1px;
}
.btn-reset-wrap:hover div:nth-child(4),
.btn-header-wrap:hover div:nth-child(4) {
width: 100%;
transform: translateX(-100%);
}
.cart-btn i {
color: rgb(255,209,123);
opacity:0.8;
transition: .3s;
text-shadow: -1px -1px 0px #000, 1px 1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000,
0px 0px 1px #09f,0px 0px 1px #09f ;
}
.cart-btn.cart-showed i {
opacity:.8;
transition: .3s;
text-shadow: -1px -1px 9px rgba(0,0,0,.9), 1px 1px 9px  rgba(0,0,0,.9);
}
div.btn-filter,
.cart-btn {
position: relative;
text-decoration-line:none;
text-decoration: none;
color: #fff;
overflow: hidden;
border-radius:0.125em;
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 3px rgba(255,255,255,.3),inset -1px -1px 0px rgba(255,255,255,.1),
1px 3px 2px rgba(0,0,0,.2), 1px 3px 5px rgba(0,0,0,.3);
}
.cart-btn {
background-color: rgba(0,0,0,.4);
background-image: linear-gradient(45deg, rgba(244,172,255,.6) 10%, rgba(0,0,0,.4) 50%, rgba(244,172,255,.6) 90%);
}
div.btn-filter{
background-color: rgba(0,0,0,.4);
background-image: linear-gradient(45deg, rgba(31,25,67,.36), rgba(12,0,38,.67), rgba(47,33,73,.21)), linear-gradient(to left, rgba(85,17,55,.28), rgba(13,12,63,.48));
}
div.btn-filter:hover,
.cart-btn:hover {
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 3px rgba(255,255,255,.3),inset -1px -1px 0px rgba(255,255,255,.1),
1px 1px 1px rgba(0,0,0,.2), 1px 1px 4px rgba(0,0,0,.3);
}
div.btn-filter:before,
.cart-btn:before {
pointer-events: none;
content: '';
position: absolute;
top: 0; left: 0%;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(200,200,200,.1), rgba(120,120,120,.1));
}
div.btn-filter:after,
.cart-btn:after {
pointer-events: none;
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255,255,255,.4),
transparent
);
transition: .3s;
transition-delay: .1s;
}
div.btn-filter:hover:after,
.cart-btn:hover:after {
transform: translateX(200%);
}
div.btn-filter div,
.cart-btn div {
position: absolute;
transition: .5s ease;
background: #fff;
}
.cart-btn div {
background: #fff;
}
div.btn-filter div {
background: #bbb;
}
div.btn-filter div:nth-child(1),
.cart-btn div:nth-child(1) {
top: 0;
left: 0;
width: 0;
height: 1px;
}
div.btn-filter div:nth-child(3),
.cart-btn div:nth-child(3) {
bottom: 0;
right: 0;
width: 0;
height: 1px;
}
div.btn-filter div:nth-child(2),
.cart-btn div:nth-child(2) {
top: 0;
left: 0;
width: 1px;
height: 0;
}
div.btn-filter div:nth-child(4),
.cart-btn div:nth-child(4) {
bottom: 0;
right: 0;
width: 1px;
height: 0;
}
div.btn-filter:hover div:nth-child(1),
.cart-btn:hover div:nth-child(1) {
width: 100%;
transform: translateX(100%);
}
div.btn-filter:hover div:nth-child(3),
.cart-btn:hover div:nth-child(3) {
width: 100%;
transform: translateX(-100%);
}
div.btn-filter:hover div:nth-child(2),
.cart-btn:hover div:nth-child(2) {
height: 100%;
transform: translateY(100%);
}
div.btn-filter:hover div:nth-child(4),
.cart-btn:hover div:nth-child(4) {
height: 100%;
transform: translateY(-100%);
}
#buy-count{
position:absolute;top:.1em;right:.7em;
background: linear-gradient(45deg, rgba(255,50,50,.7), rgba(155,0,0,.6), rgba(255,150,150,0.8));
box-shadow: inset 1px 1px 0px rgba(255,255,255,.5),inset -1px -1px 0px rgba(0,0,0,.3),
inset 1px 1px 1px 1px rgba(255,255,255,.3),inset -1px -1px 1px 1px rgba(0,0,0,.3);
pointer-events: none;
color:white!important;
transition: opacity 0.4s ease;
}
.price-count{
position:absolute;bottom:0;left:0;
padding-bottom:.3em;
padding-left:.4em;
pointer-events: none;
text-shadow: 1px 1px 0px rgba(0,0,0,.5), -1px -1px 0px rgba(0,0,0,.5), -1px 1px 0px rgba(0,0,0,.5),  1px -1px 0px rgba(0,0,0,.5),
1px 1px 1px rgba(255,0,0,.5), -1px -1px 1px rgba(255,0,0,.5), -1px 1px 1px rgba(255,0,0,.5),  1px -1px 1px rgba(255,0,0,.5);
}
.navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 221, 102, 0.6)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
color:#fff;
}
.navbar-toggler{
padding: .0rem .3rem;
border-color:rgba(255,201,102,0.8);
}
.nav-cart{
width:30px;
height:30px;
}
.buy-count-navbar{
position:absolute;
top:0;
right:0;
color:#fd6;
pointer-events: none;
text-shadow: -1px -1px 0px #c00, 1px 1px 0px #c00, 1px -1px 0px #c00, -1px 1px 0px #c00,
0px 0px 5px #800,0px 0px 5px #800 ;
}
.first-row{
background-image: linear-gradient(to bottom, rgba(44,108,221,0.48) 30%, rgba(174,190,178,0.1) 100%);
}
nav{
background: linear-gradient(45deg, rgba(31,25,67,.46), rgba(12,0,38,.54), rgba(47,33,73,.57)), linear-gradient(to left, rgba(85,17,55,.73), rgba(13,12,63,.51));
box-shadow: inset 0px 1px 1px rgba(255,255,255,.55),inset 0px 3px 3px rgba(255,255,255,.25),
inset 0px -1px 1px rgba(255,255,255,.55),inset 0px -3px 3px rgba(255,255,255,.25),
0px 2px 2px rgba(0,0,0,.2), 0px 3px 3px rgba(0,0,0,.2),
0px -2px 2px rgba(0,0,0,.1), 0px -3px 3px rgba(0,0,0,.1);
padding-top:0.2rem!important;
padding-bottom:0.2rem!important;
}
.search::placeholder{
color:rgba(255,221,68,.8);
text-shadow: none;
}
.search{
color:#cf0;
background: linear-gradient(to left, rgba(49,0,96,.47), rgba(27,0,0,.5));
box-shadow: inset 0px 0px 2px 2px rgba(255,221,102,.2), inset 0px 0px 4px 2px rgba(255,221,102,.2);
border-color:#E8C95C;
transition: background .15s ease-in-out,border-color .15s ease-in-out
}
.search:focus{
color:#cf0;
text-shadow: 1px 1px 3px rgba(99,139,91,.4), 0px 1px 3px rgba(99,139,91,.4), -1px -1px 3px rgba(99,139,91,.4), -1px -1px 3px rgba(99,139,91,.4), -1px 1px 3px rgba(99,139,91,.4), 1px -1px 3px rgba(99,139,91,4);
border-color:#fd6;
background: linear-gradient(to left, rgba(94,37,61,.47), rgba(49,0,96,.47));
box-shadow: inset 0px 0px 2px 2px rgba(255,221,102,.4), inset 0px 0px 4px 2px rgba(255,221,102,.1);
}
.menu-search, #button-search{
box-shadow: inset 0px 0px 2px 2px rgba(255,221,102,.2), inset 0px 0px 4px 2px rgba(255,221,102,.2);
color:#E8C95C;
border-color:#E8C95C;
}
#button-search:hover, #button-search:focus{
background-color: rgba(255,221,102,.2);
}
*{box-sizing: border-box;}
div.btn-header-wrap + ul.submenu,
nav ul {
margin: 0!important;
padding: 0!important;
list-style: none!important;
}
nav ul:after {
content: "";
display: table;
clear: both;
}
div.btn-header-wrap + ul.submenu > li > a,
nav a {
text-decoration-line:none;
text-decoration: none;
display: block;
}
nav a:hover {
text-decoration: none;
text-decoration-line:none;
}
nav ul.topmenu > li {
float: left;
position: relative;
border-left: 1px solid rgba(255,221,109,.65);
}
nav ul.submenu li {
position: relative;
border-left: 1px solid rgba(255,221,109,.55);
margin-left:1rem;
}
nav ul.topmenu > li > a {
padding: 10px 30px;
font-size: 0.9rem;
text-transform: capitalize;
letter-spacing: 2px;
outline: 0;
}
a.btn-reset,
a.btn-reset-range,
.navbar-brand,
.btn-header i,
.btn-header strong,
.btn-header span,
div.btn-header-wrap + ul.submenu a,
ul.menu-search a,
nav ul.topmenu > li > a{
color:#fd6;
-ms-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-o-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-moz-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-webkit-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
}
a.btn-reset:hover,
a.btn-reset-range:hover,
.navbar-brand:hover,
.btn-header:hover i,
.btn-header:hover strong,
.btn-header:hover span,
div.btn-header-wrap + ul.submenu a:hover,
ul.menu-search a:hover,
nav ul.submenu a:hover,
nav ul.topmenu > li > a:hover{
color:#cf0;
-ms-text-shadow: 1.5px 1.5px 3px #890, 0px 1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px 1.5px 3px #890, 1.5px -1.5px 3px rgb(99,139,91);
-o-text-shadow: 1.5px 1.5px 3px #890, 0px 1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px 1.5px 3px #890, 1.5px -1.5px 3px rgb(99,139,91);
-moz-text-shadow: 1.5px 1.5px 3px #890, 0px 1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px 1.5px 3px #890, 1.5px -1.5px 3px rgb(99,139,91);
-webkit-text-shadow: 1.5px 1.5px 3px #890, 0px 1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px 1.5px 3px #890, 1.5px -1.5px 3px rgb(99,139,91);
text-shadow: 1.5px 1.5px 3px #890, 0px 1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px -1.5px 3px rgb(99,139,91), -1.5px 1.5px 3px #890, 1.5px -1.5px 3px rgb(99,139,91);
}
#calculate-shipping{
outline:0;
}
#calculate-shipping > i.fa-angle-down{
transform: rotate(0deg);
transform-origin:50%;
transition: .3s linear;
}
#calculate-shipping.active > i.fa-angle-down{
transform: rotate(-180deg);
transform-origin:50%;
transition: .3s linear;
}
nav ul.topmenu li > a > i.fa-angle-down{
transform: rotate(-90deg);
transform-origin:50%;
transition: .15s linear;
}
nav ul.submenu li > a > i.fa-angle-down{
transform: rotate(-90deg);
transform-origin:50%;
transition: .15s linear;
}
nav ul.topmenu li.active > a > i.fa-angle-down{
transform: rotate(0deg);
transform-origin:50%;
transition: .15s linear;
}
nav ul.submenu li.active > a > i.fa-angle-down{
transform: rotate(0deg);
transform-origin:50%;
transition: .15s linear;
}
nav ul.submenu {
position: relative;
display:none;
z-index: 5;
min-width: 200px;
margin-left: 2rem;
}
nav li:hover > .submenu {
display:none;
}
nav ul.menu-search li a,
nav ul.submenu li a {
padding: 10px 20px;
font-size: 0.9rem;
white-space:nowrap;
outline: 0;
color:#fd6;
-ms-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-o-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-moz-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
-webkit-text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
text-shadow: 1px 1px 0 rgba(136,85,0,.7), 0px 1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px -1px 0 rgba(136,85,0,.7), -1px 1px 0 rgba(136,85,0,.7), 1px -1px 0 rgba(136,85,0,.7);
}
@media (min-width: 992px) {
nav ul.submenu a:hover {
}
nav ul.topmenu > li:first-child {
border-left: 0;
}
nav ul.menu-search,
nav ul.submenu {
display:block!important;
position: absolute;
margin-left: 0;
visibility: hidden;
opacity: 0;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
transition: .3s linear;
background: linear-gradient(45deg, rgba(31,25,67,.46), rgba(12,0,38,.54), rgba(47,33,73,.57)), linear-gradient(to left, rgba(85,17,55,.73), rgba(13,12,63,.51));
border-radius:2px;
box-shadow: inset 1px 1px 1px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 1px rgba(255,255,255,.5),inset -1px -1px 0px rgba(255,255,255,.2),
2px 2px 3px rgba(0,0,0,.3), 4px 4px 5px rgba(0,0,0,.2);
}
nav li.menu-showed > .submenu,
nav li:hover:not(.menu-hide) > .submenu {
display:block;
transform: rotateX(0deg);
visibility: visible;
opacity: 1;
transition: .3s linear;
}
#button-search i.fa-angle-down,
nav ul.submenu li > a > i.fa-angle-down,
nav ul.topmenu li > a > i.fa-angle-down{
transform: rotate(0deg);
transform-origin:40% 55%;
transition: .15s linear;
}
#button-search:focus i.fa-angle-down,
#button-search:hover i.fa-angle-down,
nav ul.topmenu li.menu-showed > a > i.fa-angle-down,
nav ul.topmenu li:hover:not(.menu-hide) > a > i.fa-angle-down{
transform: rotate(-180deg);
transition: .15s linear;
}
nav ul.submenu li.menu-showed > a > i.fa-angle-down,
nav ul.submenu li:hover:not(.menu-hide) > a > i.fa-angle-down{
transform: rotate(-90deg);
transition: .15s linear;
}
nav ul.menu-search li a,
nav ul.submenu li a {
border-bottom: 1px solid #CBCBCC;
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2);
}
nav ul.submenu li {
border-left: none;
margin-left:0;
}
}
nav ul.submenu ul.submenu {
position: relative;
}
@media (min-width: 992px) {
nav ul.submenu ul.submenu {
position: absolute;
left: 100%;
top: -1px;
}
}
div.topmenu div.submenu a{
position: relative;
}
.rel{
position: relative;
}
a.btn-reset,
a.btn-reset-range,
div.topmenu .wrap .btn-header {
outline: 0;
white-space: nowrap;
}
a.btn-reset,
a.btn-reset-range,
.btn-header{
box-sizing: border-box;
display:block;
white-space: nowrap;
}
div.btn-header-wrap + ul.submenu li {
position: relative;
padding:0;
}
div.btn-header-wrap + ul.submenu {
display:block;
position: absolute;
visibility: hidden;
opacity: 0;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
transition: .3s linear;
border-radius:2px;
z-index:10;
background-color: rgba(0,0,0,.2);
background-image: linear-gradient(45deg, rgba(67,49,74,.27) 0%, rgba(56,34,70,.83) 50%, rgba(30,9,87,.25) 90%), linear-gradient(to left, rgba(102,42,89,.58), rgba(39,37,100,.47));
}
div.btn-header-wrap + ul.submenu.account > li > a{
padding: 10px 20px;
border-bottom: 1px solid #CBCBCC;
white-space: nowrap;
outline: 0;
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2);
}
.btn-header-wrap.menu-showed + ul.submenu,
div.wrap:not(.noanimate):hover .btn-header-wrap:not(.menu-hide) + ul.submenu {
display:block;
cursor:pointer;
transform: rotateX(0deg);
visibility: visible;
opacity: 1;
transition: .3s linear;
box-shadow: inset 1px 1px 2px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 2px rgba(255,255,255,.5),inset -1px -1px 0px rgba(255,255,255,.2),
2px 2px 3px rgba(0,0,0,.3), 4px 4px 5px rgba(0,0,0,.2);
}
div.topmenu div.wrap div.btn-header-wrap i.fa-angle-down{
transform: rotate(0deg);
transform-origin:50%;
transition: .15s linear;
}
div.topmenu div.wrap div.btn-header-wrap.menu-showed i.fa-angle-down,
div.topmenu div.wrap:hover div.btn-header-wrap:not(.menu-hide) i.fa-angle-down{
transform: rotate(-180deg);
transform-origin:50%;
transition: .15s linear;
}
div.wrap ul.submenu > li:first-child a,
div.wrap ul.menu-search > li:first-child a,
div.wrap ul.submenu > li:first-child,
div.wrap ul.menu-search > li:first-child{
border-top-left-radius:2px;
border-top-right-radius:2px;
}
div.wrap ul.submenu > li:last-child a,
div.wrap ul.menu-search > li:last-child a,
div.wrap ul.submenu > li:last-child,
div.wrap ul.menu-search > li:last-child{
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
}
ul.right{
right:0;
}
ul.language{
list-style: none;
}
ul.submenu.currency > li > a,
ul.submenu.language > li > a{
padding: 5px 15px;
white-space: nowrap;
outline: 0;
}
div#wishlist{
transition: opacity 0.4s ease;
}
.price-block{
transition: opacity 0.4s ease;
}
#nav-cart-button{
display:inline-block;
}
@media (min-width: 992px) {
#nav-cart-button{
display:none!important;
}
}
ul.menu-search {
margin: 0!important;
padding: 0!important;
list-style: none!important;
margin-bottom:-0.5rem!important;
bottom:-5rem!important;
}
nav ul.menu-search li {
border-left: none;
}
nav ul.menu-search{
display:block!important;
position: absolute;
margin-left: 0;
visibility: hidden;
opacity: 0;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
transition: .3s linear;
background: linear-gradient(45deg, rgba(31,25,67,.46), rgba(12,0,38,.54), rgba(47,33,73,.57)), linear-gradient(to left, rgba(85,17,55,.73), rgba(13,12,63,.51));
border-radius:2px!important;
box-shadow: inset 1px 1px 1px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 1px rgba(255,255,255,.5),inset -1px -1px 0px rgba(255,255,255,.2),
2px 2px 3px rgba(0,0,0,.3), 4px 4px 5px rgba(0,0,0,.2);
}
.menu-search:hover,
#button-search:focus + .menu-search,
#button-search:hover + .menu-search{
display:block;
transform: rotateX(0deg);
visibility: visible;
opacity: 1;
transition: .3s linear;
}
#button-search{
border-top-right-radius: .25rem!important;
border-bottom-right-radius: .25rem!important;
}