/* AST Desktop */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');

@keyframes scroll-out { 0% { top: 2px;}49% {top: 19px;}50% {top: -14px;}100% {top: 2px;}}
@keyframes scroll-in{0%{top:2px}49%{top:-14px}50%{top:19px}100%{top:2px}}
@keyframes lds-ripple { 0% { top: 28px;left: 28px;width: 0;height: 0;opacity: 1;} 100% {top: -1px;left: -1px; width: 58px;height: 58px; opacity: 0; }}
@keyframes up-down{0% {top: 0px;} 48% {top: 20px;}100% {top: 0px;}}
*{outline: none;}
*,*:before,*:after {box-sizing:inherit;}
:root { --site-color: #000;--site-text-color: #666;}
html, body { font-size: 14px;color:#666; font-family: 'Open Sans', serif;width: 100%;height: 100%; font-weight:100; }
html{box-sizing: border-box;}
*,*:before,*:after {box-sizing:inherit;}

body {font-size: 16px; margin:16px;  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }

input, select { font-size: 100%; }
input, :before, :after {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', serif !important;color: #000 ;}
a {text-decoration:none;color:#000;}
a.name {font-size:14px; text-transform: uppercase;}
a.top-links:hover::after {top: 50px !important;}
a.svg-link:hover::after { top: 31px; }
li {list-style: none;}
fieldset {margin: 47px 2px;}
[type="button"]:hover { background: #5c4842 !important;color: #fff !important;cursor:pointer;}
.by{display:inline-block;width:1px;}
.dView,.mView,.tView{margin:0;padding:0;}
.half,.min-half {
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
}
.flex-container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.alert.alert-warning {
    color: red;
    font-weight: bold;
}
.alert.alert-warning button {
    border-radius: 10px;
    padding: 3px;
    font-size: inherit;
    border: none;
    margin-left: 15px;
}
h2.secondary-title {
    font-size: 18px;
    background: #eee;
    padding-left: 10px;
}
.at300b{
	float: none !important;
}
/*
* W3- HACK
*/
.w3-top{border-bottom: 0px solid #ededed;width:100vw;height:75px;z-index:999;-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.07);box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.07);background-color: #fff;}
.w3-border-left {border-left: 1px solid #ededed!important;}
.w3-border-top {border-top: 1px solid #ededed!important;}
.w3-border-bottom {border-bottom: 1px solid #ededed!important;}
.w3-display-middle { -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.w3-display-bottommiddle { transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);-o-transform: translate(-50%,0%);}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {background: none;color:inherit;}
/*
* Common
*/

.noscroll ,.noscroll #product-zoomed-image { overflow: hidden;}
.clearfix::after { content: ""; clear: both; display: table;}
.lazyLoad > div {opacity:0;}
.system{position:absolute;z-index:99999999999999999999;}
.to-stop{width:100%;height:1px;}
.side-width {width: 45%;}
.side-content{padding-bottom:30px;}
.full-width-screen{ width:100%; width:calc(100vw);}
.full-height-screen{height:100%; height:calc(100vh);}
.logo-pozitive{height:45px;}
.logo-container{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.w100{width:100%;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
/* .no-link > a{cursor:default !important;} */
.content-height{min-height:100%;min-height:calc(100vh - 75px);}
.content-title{font-size: 1.6em;text-transform: capitalize;text-align: center;letter-spacing: 0.075em;line-height: 1.1;max-width: 40vw;width:40%;}
.content-title:after{content: "";display: block;width: 25%;height: 3px;margin-left:38%; margin-top: 37px;background: #666;}
.content-title h2{font-size: 44px;}
.actions .w3-hover-none:hover { background-color: transparent!important;}
.text-danger{color:red;}
.box-content .box-content-input{height:60px;display:block;}
.box-content .box-content-submit{height:60px;display:block;}
.box-content .box-content-submit button {float: unset!important;margin-top: 13px;}

.lds-ripple { display: inline-block;position: relative;width: 64px;height: 64px;left: calc((100vw / 2) - 32px ); top: calc((100vh / 2) - 32px);}
.lds-ripple div { position: absolute;border: 4px solid #ccc; opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) { animation-delay: -0.5s;}
.header-3{text-transform:capitalize;}
.buttons{margin-top:40px;height:60px;}
.form-group{margin-bottom:10px;}
#mobile-menu{display:none;}
ul.list-unstyled {
    margin: 0;
    padding: 0;
}
ul.breadcrumb {
	display: none;
    position: absolute;
    margin-top: -4px;
    margin-left: -49px;

    padding: 0;
}
.opt-box {
    border-top: solid 1px #ccc;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    clear: both;
    padding-top: 10px;
}

.select-opt {
	
    float: right;
	width: 50%;
	padding: 0 20px 0 0;
    border: none;
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		*/
	
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
.h100,.h100>figure {
	height: 100%;
}


/*
* HEADER
*/
#view-back{display: none;position:absolute;top:0px;bottom:0px;height:calc(100% - 1px);width:100%;left:0px;background-color: rgba(10, 10, 10, 0.69); z-index:11;}
#page-loader{position:absolute;width:100%; height:100%; z-index:9999999999999;left:0; top:0;background-color: rgba(255, 255, 255, .59);}
#page-loader.loader-opt{ background-color: rgba(255,255,255,1); !important;}
#page-loading{display:none;}
#side-content,#menu-content,#info-content,#search-content{display:none;position:fixed;}
#page-container{min-height:300px;width:100vw;margin-top:75px;}
#products-sub {margin-top: 0px;}
#main{min-height:500px;}
#navbar {background-color: #333;position: fixed;top: 0;width: 100vw;display: block;transition: top 0.3s; z-index:9999;height:75px;}
#navbar.upnav{margin-top:-75px !important;}
#info-side-items{width:80%;margin:auto;margin-bottom: 24px;padding-bottom: 60px;}
#info-content-header-title {text-align: center;border-bottom: solid 1px #ccc;margin-bottom: 40px;}
.close-text {font-size: 11px;margin-bottom: 45px;position: absolute;right: 51px;top: 7px;}
.side-cart-container,.side-menu-container,.side-info-container,.side-search-container {width:100%; width:calc(100vw )!important; height:100%;height:calc(100vh) !important;left:0;top:0;z-index:99999999; background-color:rgba(0, 0, 0, 0.49);}
.side-cart-content,.side-menu-content{margin-right:-480px; position:absolute;right: 0px;background-color: #fff;}
.side-search-content{margin-left:-480px; position:absolute;left: 0px;background-color: #fff;}
.side-info-content{margin-right:-50%; position:absolute;right: 0px;background-color: #fff;}
.cart-close,.menu-close,.info-close,.search-close{font-size: 42px !important; color: #000 !important;line-height: 42px!important;padding-top: 8px;float:right !important;position: absolute !important;right: 0px;    top: 0px!important;}
.cart-close i,.menu-close i,.info-close i,.search-close i{color:red; font-size:21px;}
.cart-side-body{overflow-y: auto;overflow-x: hidden;max-height: calc(100vh - 117px);width: 97%;}
.info-side-body{overflow-y: auto;max-height: calc(100vh - 117px);padding-bottom:20px;}
.right-content,.left-content{ width:70%; margin:auto;}
.left-content{margin-top:calc(50% - 20px);}
.top-cart {margin-right: 25px;padding-right: 10px;}
.cart-holder {margin-top:-8px;}
.cart-holder a {padding: 9px 20px 13px 20px;}
.cart-menu .count-holder {position: absolute;top: 18px;left: 21px;width: 24px;text-align: center;font-size: 0.8125rem;line-height: 1;font-weight: bold;color: #000;height: 22px;overflow: hidden;}
.cart-menu .count {animation-name: scroll-out; }
.cart-menu .count {transition: top 150ms linear;position: relative;top: 7px;animation-duration: 300ms;color:red;}

.head-container{margin: 0 50px;position: relative;}
.amenu-btn {
    color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    position: unset;
    top: auto;
    border: none;
    border-left: solid 1px #333;
    padding: 2px 22px;
    height: 28px;
}
#search .amenu-btn {border:none;border-right: solid 1px #333;}
#search .w3-dropdown-content{
	min-width: 200px;
}
.amenu-content {min-width: auto;}
.menu a.active {border-bottom: solid 2px #ccc;}
.mini-cart-container{padding:15px;}
.mini-cart-container .button{padding: 0px 10px;}
#mini-cart{margin:0px;padding:0px;}
.mini-cart-items{
	position: relative;
	display: block;
    width: 100%;
}
.btn-cart-remove {
    border-radius: 10px;
    position: absolute;
    top: 0px;
    right: 10px;
}

.dropdown-content-container{
	padding:9px;
	margin: 3px;
	border:solid 1px #ccc;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 80vh;
}
#desk-menu ul {width: auto;display: inline-block; margin: 11px;}
#desk-menu ul li {display: inline-block;padding:10px 44px;}
#desk-logo,#header-actions {position: absolute;}
#desk-logo{top: 15px;}
#header-actions{right:10px;top: 10px;}

/* Portrait */
.menu-key {display: none; padding-top: 10px;padding-right: 10px;line-height: 75px;vertical-align: middle;}
.menu-key button{padding: 0px 8px 8px 6px !important;}
.menu-close{z-index:1;}
.side-menu-container{display:none;}
.mobil-search-button{display:none;position:absolute;top: 30px;left: 20px;}

/* Landscape */
.top-search.d-search{display:inline-block;}

#search input[type="text"]{  width: calc(100% - 30px) !important;background:#fff;border:solid 1px #ededed;}
.search-submit.button {width: 28px;padding: 0;margin-left: -5px;margin-top: 0px;}
.top-search .qua_top_menu {height: 75px;}
.d-search ul {margin: 0;padding:0;}
.d-search > .qua_top_menu{display: none;top: 75px;margin-top: 0px;position: absolute;left: 0;width: 100%;border-top:solid 1px #ededed;}
.d-search > .qua_top_menu > ul {padding-left:0px;}
.d-search{display:inline-block;width:50px;margin: 0;    padding: 30px 10px 10px 10px;height:100%;}
.d-search > .qua_top_menu{display:none;}
.d-search:hover {width:350px;}
.d-search:hover ul{margin:15px 0;}
.d-search:hover #search input {width: calc(100% - 66px) !important;margin-left:10px;}
.d-search:hover > .qua_top_menu{display:inline-block; background-color:#fff;top:0;width: 350px;}
.tree-menu-container > .uper-item,.top-cart {list-style: none;display:inline-block;} /* responsive */
.tree-menu-container a.active:after,a.upper-parent:after  {content: "";position: absolute;display: block;width: 25%;height: 2px;left: 38%; background: black !important;}
.tree-menu-container {margin-right:10px;margin-top:0;}
.tree-menu-container > li {margin: 0; text-align: right;height:75px;}
.tree-menu-container > li > a {line-height:75px; color: #000;}
/* .tree-menu-container > li:hover .qua_top_menu { display:block;}*/
.tree-menu-container > li.tagled .qua_top_menu { display:block;}
.tree-menu-container li ul li ul {margin: 0;padding-left: 0;}
.tree-menu-container a {color: #000;}
.tree-menu-container a:hover::after {content: "";position: absolute;display: block;width: 25%;height: 2px;left: 38%;background: #ccc !important;}
.tree-menu-container a.no-link:hover::after,.tree-menu-container li.no-link > a:hover::after {display:none;}
.tree-menu-container li > a:hover::after,a.upper-parent:after {top:43px;}
.tree-menu-container li > div > ul > li > a:hover::after{top:40px;}
.tree-menu-container li > div > ul > li > div > ul > li > a:hover::after{top:35px;}
.tree-menu-container .qua_top_menu  a { text-align:right; text-decoration: none; font-size: 1.125rem;font-weight: 500;line-height: 1;text-transform: uppercase;color: #977d73;position: relative; cursor: pointer;}
.tree-menu-container > .has-sub > .qua_top_menu {display: none;top: 75px;margin-top: 0px;position: absolute;left: 0;width: 100%;border-top:solid 1px #ededed;}
.tree-menu-container > .has-sub > .qua_top_menu > ul{background-color:#fff; padding-right:30px;}
.tree-menu-container > .has-sub > .qua_top_menu > ul > li {display:inline-block; line-height:70px;text-align:left;vertical-align: top;padding-top:14px;}
.tree-menu-container  ul.user > li {line-height:30px;}
.tree-menu-container .user-menu{margin-right:20px;}
.tree-menu-container > .has-sub > .qua_top_menu > ul> li > a { font-size: 15px; color:#000; }
.tree-menu-container > .has-sub > .qua_top_menu > ul> li .qua_top_menu a { font-size: 14px; color:#666; }
.mega-group.has-sub > .qua_top_menu > ul > li {display:block;padding-top: 5px; padding-bottom: 5px;line-height: 19px; text-align: left;}
.mega-group.has-sub > .qua_top_menu > ul > li a {text-align:left;}
.qua_top_menu .qua_top_menu {padding-bottom:22px;}
.qua_top_menu .qua_top_menu ul{padding-right:20px;} 


.site-nav.style--classic {display: flex;margin-right: -10px;}
.primary-menu a {font-size: 1.125rem;font-weight: 500;line-height: 1;text-transform: uppercase;letter-spacing: 0.075em;color: #aaa;position: relative;padding: 15px 20px 27px 20px;    cursor: pointer;z-index: 9;}

.nav--visible #mobile-menu{
	display: block;
}

.dView #product-container{
	position: relative;
}
ul.sub {
    position: absolute;
    bottom: 70px;
}
#header-actions li{
	float: right;
}
span.legend {
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

button {
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    border: none;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
}
.nav__toggle {
    position: fixed;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100;
    height: 80px;
    padding: 0 4vw;
    margin-right: 4%;
    font-size: 8px;
    color: #000;
    background-color: transparent;
}
.nav__toggle__line {
    display: block;
    width: 22px;
    margin-bottom: 3px;
    background-color: #2e2e2d;
}
.nav__toggle__line:nth-child(1){height: 1px;}
.nav__toggle__line:nth-child(2){height: 2px;}
.nav__toggle__line:nth-child(3){height: 3px;}

.nav--visible .nav__toggle__line:nth-child(1), .page-id-cart .nav__toggle__line:nth-child(1) {
    transform-origin: left top;
    transform: rotate(45deg) scaleX(.75);
    height: 3px;
}
.nav--visible .nav__toggle__line:nth-child(2), .page-id-cart .nav__toggle__line:nth-child(2) {
    visibility: hidden;
}
.nav--visible .nav__toggle__line:nth-child(3), .page-id-cart .nav__toggle__line:nth-child(3) {
    transform-origin: left bottom;
    transform: rotate(-45deg) scaleX(.75);
    
}
.nav__toggle__line:last-child {
    margin-bottom: 0;

}
#mobile-menu{
	position: fixed;
    background: #eeede9;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 75px;
}
#mobile-menu > ul{
	margin:30px 0;
	padding:0;
}
#mobile-menu > ul >li {
   padding: 20px;
   border-bottom: dotted 1px #ccc;
} 

/*
* HOME
*/
.site-box.active .site-box-content { transform: translateY(0);opacity: 0;}
.site-box-container {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #ededed;
  height: 100vh;
}
.site-box {
    display: flex;
    position: relative;
    float: left;
    overflow: hidden;
    background-color: #fff;
}
.box--big {
    width: 50%;
    min-height: 100vh;
  cursor:default !important;
}
html:not(.ie9) .site-box .site-box-content {
    transform: translateY(0);
  	-ms-transform: translateY(0);
  	-webkit-transform: translateY(0);
  	-o-transform: translateY(0);
    opacity: 1;
}
html:not(.ie9) .site-box .site-box-content {
    transition: opacity 300ms linear, transform 300ms linear;
  	-ms-transition: opacity 300ms linear, transform 300ms linear;
  	-webkit-transition: opacity 300ms linear, transform 300ms linear;
  	-o-transition: opacity 300ms linear, transform 300ms linear;
}
.site-box .site-box-content {
    display: flex;
    padding: 0 15%;
    width: 100%;
    align-items: flex-start;
  text-align:center;
}

.site-box-content {
    z-index: 9;
}
.site-box-content .content { width: 100%;margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;z-index: 9;}
.site-box-content .content p {font-size: 1.125rem;margin-bottom: 15px;text-transform: uppercase;letter-spacing: 0.075em;color: #fff;}
.title-home{    cursor: pointer;}
.site-box .title,.title-home {font-size: 5.625rem;line-height: 1;letter-spacing: 0.075em;text-transform: uppercase;color:#fff;}
.site-boxt .title { margin-bottom: 0;}
.site-box .title.add-hr:after {width: 40px;height: 3px;margin-top: 40px;}
.title-home.add-hr:after {width: 40px;height: 3px;margin: auto; margin-top: 40px;background:#fff;display: block;content: "";transition: all 150ms linear;-ms-transition: all 150ms linear;	-webkit-transition: all 150ms linear;-o-transition: all 150ms linear;}
.site-box.box--big:hover .title-home.add-hr:after { width: 80px;background: #fff !important;}
.site-box .title:after { display: block;content: ""; margin: auto; transition: all 150ms linear;-ms-transition: all 150ms linear;-webkit-transition: all 150ms linear;-o-transition: all 150ms linear;   background: #fff;}
.site-box:hover .title:after { width: 70px; background: #fff !important;}
.site-box .site-box-background:after { background: #000;}
.site-box .site-box-background:after {opacity: 0;}
/* 
.site-box:hover .site-box-background.with-image:after {content: "";position: absolute;top: 0;left: 0;width: 100%;
    height: 100%;
    background: black;
    opacity: .4; 
    transition: opacity 200ms linear, background 200ms linear;
  	-ms-transition: opacity 200ms linear, background 200ms linear;
  	-webkit-transition: opacity 200ms linear, background 200ms linear;
  	-o-transition: opacity 200ms linear, background 200ms linear;
} */
.site-box:hover .site-box-background{
    transform: scale(1.025);
  	-ms-transform: scale(1.025);
  	-webkit-transform: scale(1.025);
  	-o-transform: scale(1.025);
}
.site-box .site-box-background.with-image {
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
  -ms-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
  -webkit-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
  -o-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
}
.site-box .site-box-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: background 200ms linear;
  	-ms-transition: background 200ms linear;
  	-webkit-transition: background 200ms linear;
  	-o-transition: background 200ms linear;
   	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  	-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    
}

.site-box a {
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
  	-webkit-transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
  	-ms-transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
  	-o-transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}
.media1{width:100%;}
.media2{width:49.9999%;}
.media3{width:33.3333%;}
.media4{width:24.9999%;}
	
.media1,
.media2,
.media3,
.media4{display: inline-block;float: left;}

figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    height: auto;
}
section#homer {
   
}
fieldset {
    border: none;
}
.size1,
.size2,
.size3,
.size4
{
	position: absolute;
}

.size1{padding: 40px;
    font-size: 60px;}
 .size2{padding: 40px;
    font-size: 40px;}
 .size3{padding: 40px;
    font-size: 20px;}
    
     
.black{color:#000;}
.white{color:#fff;}
.red{color:#ff0000;}
.gray{color:#ccc;}
.yellow{color:yellow;}
.green{color:#00ff00;}
.blue{color:#0000ff;}

.mobile-only{
			display: none;
		}
/*
* CATEGORY
*/

#category-content{height: calc((100vh - 107px )/ 2); }
#category-content> div{font-size: 4.375rem;font-size: 3vw;text-transform: uppercase;text-align: center;letter-spacing: 0.075em;line-height: 1.1;max-width: 40vw;color:#aaa;}

.product-result {font-size: 16px !important;padding-bottom: 40px;}
.w3-half .product-cell{width: 49.99999%;}
.product-cell {overflow:hidden;width: 33.333333%;float:left;position:relative;padding:0px;}

.product-cell-text {margin-left: 30px;min-height: 90px;padding: 25px;}
.product-cell-text .wishlist{width: 20px;display: inline-block;position: absolute;margin-left: -30px; margin-top: 6px;cursor: pointer;}
.product-cell-img img{width:100%;}

/*
.product-cell:hover .product-cell-text {background-color:rgba(0, 0, 0, 0.35);}
.product-cell:hover .second-image{opacity:1;transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 300ms linear;}
.product-cell:hover .name{transform: translateY(0) !important;opacity: 1;}
.product-cell .to-middle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.product-cell .name {transition: all 150ms linear 50ms;transform: translateY(100%);opacity: 0; display: inline-block;font-size: 1.375rem;line-height: 1.3;font-weight: bold;text-decoration: none;}
.product-cell .name span{color:inherit;}
.product-cell-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;}
.product-cell-img {height: calc((100vh - 88px )/ 2);  background-size: cover; background-position: center center;width:100%;overflow:hidden;}
*/
.product-info-item-name:hover{background-color:rgba(221, 221, 221, 0.51);}
.product-info-item-model {display: block;font-size: 14px;}
.product-col{ height: calc((100vh - 88px )/ 2); overflow:hidden;width: 33.333333%;float:left;}
.product-list-content{height: 100%;background-size: cover;background-position: center center;width: 100%;}
.second-image { transform: scale(1.1);height: 100%;background-size: cover;background-position: center center;width: 100%;top: 0;left: 0;opacity: 0;z-index: 0;}
.exp-container{position: absolute;top: 0px;height: 100%; left: 0px; width: 100%;}
.exp-container:hover{background-color: rgba(25, 24, 24, 0.41);}

.product-list-content:hover .second-image{opacity:1;transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 300ms linear;}
.product-list-content:hover .name{transform: translateY(0) !important;opacity: 1;}
.product-list-content .name {transition: all 150ms linear 50ms;transform: translateY(100%); opacity: 0;display: inline-block; font-size: 1.375rem;line-height: 2;font-weight: bold;color:#fff !important;text-decoration:none;}
.product-info-item-name:hover{background-color:rgba(221, 221, 221, 0.51);}
.product-info-item-model {display: block;font-size: 14px;}
.product-list-content .name span{color:inherit;}
.list-item-name{text-transform: capitalize;}

.price-old,.old-price {  text-decoration: line-through;}
.product-list-content .price-old {font-size: 16px;color: #ccc;}
.product-list-content .price{display:block;}
.product-badge {position: absolute;background:transparent;bottom: 0;z-index: 99;}
.product-badge.more-color{left: 0;}
.product-badge.sale{right: 0;}
.more-product {
    cursor: pointer;
    text-align: center;
    border: solid 1px #ccc;
    padding: 10px;
}
.more-product:hover {
    color: #fff;
    background: #ccc;
}
.tedarik {
    position: absolute;
    top: 36%;
    width: 100%;
    padding: 32px;
    text-align: center;
    vertical-align: middle;
    min-height: 50px;
    background-color: rgba(256, 256, 256, 0.53);
    color: #000;
    overflow: hidden;
    font-size: 33px;
    font-weight: 400;
}
#cart .w3-dropdown-content{min-width: 180px;}

/*
* PRODUCT
*/
#col-image, #col-info {width:49%;display: inline-block;}
#col-image{float:left;}
#col-image-container{height:100%;}
#col-image-container.upnav{margin-top:0px !important;}
#pzHolder {width:100%;  position:relative; }
.dView .zhBtn{display:none;}
.zhBtn{position:absolute;top:calc(50% - 36px);z-index:20;background-color: transparent;}
.zhBtn.btnBefore{left:10px;}
.zhBtn.btnNext{right:10px;}
.hdBtn{ display:none !important; }
.fullscreenDiv .zhBtn {display:none; }
.controlHolder,{display:none;}
.thumbHolder{display:none;}
.image-container{height:100%;}

.control-container{position: absolute;top: 40px;left:0px; width:100%;}
#social-share {margin-left: -31px;}
.slider-control{width:70px;}
.product-description li{list-style:disc;}
#slider-control{display:none;}
#slider-control {right:50px; top:0px;}
#slider-control div{float:left; }
#slider-control .w3-btn{padding: 4px 4px;}


.animate-cc {-ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear;transition: all 300ms linear;}
.out-with-cc {bottom: -100px !important;opacity: 0 !important;}
.zoomed {position: absolute;height: 100vh; width: 100vw;overflow: hidden;}

#col-info {float:right;}
#col-info-container{width: 70%; margin:auto;padding-top: 0px;}
#col-info .product-name{ padding: 50px 0 10px 0;line-height: 1;letter-spacing: 0;text-transform: capitalize;margin:0;}
#col-info .product-name h1{font-size:20px !important;}
#col-info .product-model {margin-bottom: 5px;font-size:12px;}
#col-info .option-row .mobile-size li .option-content:before{content: "";font-family: FontAwesome;font-weight: bolder; font-size:20px; text-align:center; position: absolute;margin-top:-25px;}
#col-info .option-row .mobile-size li.selected .option-content{color:#fff;background-color:#222; }
#col-info .product-price{font-size: 40px;}
#col-info .product-description ul{padding: 0 0 0 21px;}
#col-info .product-description ul li{padding:0;}
#col-info .size-selector,#col-info .color-selector,#col-info label {display: inline-block;}
#col-info .color-selector{margin-bottom:0;}
#col-info .color-selector > li { display: inline-block; position: relative;cursor: pointer; width: 100px;height: 100%;min-height:100px; margin:0 10px 0px 0;}
#col-info .color-selector > li:before {}
#col-info .color-selector > li > div { display:inline-block;}
#col-info .color-selector > li > .option-content{width:100px;height:100px;}
#col-info .color-selector > li > .opt-name {width:100%;margin-top:10px;height:40px; font-size: 15px;line-height:20px; font-weight:bold; text-transform:lowercase;text-align:center;overflow:hidden;}
#col-info .color-selector > .selected .opt-name {color:#000;}
#col-info .color-selector li:hover  .option-content ,.size-selector li:hover{ border-color: #aaa;color:red;}
#col-info .size-selector .selected .option-content,
#col-info .color-selector .selected .option-content{opacity:1;}
.option-row{display:block;margin-top: 10px; display: block; margin-bottom: 10px;}
.option-row .option-selector{display: inline-block;padding-left: 0;width: calc(100% - 80px);}
.option-row .s-selector li .option-content:before{content: "";font-family: FontAwesome;font-weight: bolder; font-size:20px; text-align:center; position: absolute;margin-top:-25px;}
.option-row .s-selector li.selected .option-content:before{content: "\f0d7"; color:#000; }
.option-row .s-selector li.selected .option-content{color:#000; }
.option-row .color-selector li.selected .option-content{color:#000; }
.option-row .color-selector li.selected .option-content:before{width: 100%;content: "\f0d7"; color:#000; font-family: FontAwesome;font-weight: bolder; font-size:20px; text-align:center; position: absolute;margin-top:-25px; }
.size-selector li{margin: 0;display: inline-block;margin: 0 6px;position: relative;cursor: pointer;text-align: center;opacity: .66;padding: 3px;}
.option-selector ul {padding-left:0;}
.option-label{float:left;display: inline-block;width:80px;padding-top:12px;}
.old-price,.new-price,.norm-price,.price-special,.price-new,.price-old{ }
.old-price,.new-price,.norm-price{font-size: 40px;}
.old-price{font-size: 21px;}

.product-buttons{display:block;}
.product-info-item-price{font-size:24pt !important;}
.mobile-product-name{display:none;}
.resp-price,.mobile-size{display:none !important;}
.s-selector {display:inline-block !important;}
.s-selector .size-selector{margin-top:10px;}
.s-selector .size-selector li{display:inline-block;}
.responsive-selector{border:none; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;height: auto;overflow: hidden; margin-bottom: 25px;}
.responsive-model{display:none; margin-bottom: 20px; margin-top: 10px;}
.responsive-model .option-label {width: 100%;}
.mobile-product-name{color: #666;font-size: 18px;text-align: center; line-height: 2; text-transform: captalize;}
.mobile-size .size-selector{padding:0;}
.responsive-selector{border:none;border-top:none; border-bottom:none;}
.s-selector{display:inline-block;}
.responsive-selector > div { text-align: left;}
.mobile-title{display:none;}
#input-quantity{color:#999;background-color:#fff;}
.inp-qty{height: 55px;
    font-size: 17px;
    font-weight: 500;
    padding: 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: #ededed;
    color: #b8a69f;
    transition: all 150ms linear;
  	margin-top: -1px !important;
  	width: 58px !important;
}

#button-cart{background: transparent;
    color: #000 !important;
    border: 1px solid #bbb;
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 30px;
    position: relative;
    top: -1px;
    transition: all 150ms linear;
    cursor: pointer;
    height: 55px;
    margin: 0;
    display: inline-block;
    line-height: 52px;
    border-radius: 0;
    -webkit-appearance: none;}
#button-cart:hover{background: #5c4842 !important;color: #fff !important;}
.charts {margin-top:20px;margin-bottom:20px;}
.charts ul{padding-left:0;}
.charts ul li{display:inline-block;padding-right:10px;}
.charts ul li a{color:#000;}
.animate-owy {transition: all 300ms linear;}
.site-sharing {position: relative;height: auto;width: 26px;left: 60px;cursor: pointer;transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.addThis {margin-top:0;height:0px;overflow:hidden;}
.site-sharing:hover .addThis {margin-top:20px;height:220px;margin-left:-12px; transition: transform 1s;}
.site-sharing .icon {display: block;width: 30px;height: 30px;bottom: 0;left:5px;}
.at-share-btn{transition: all 1.3s;}
.product-product #category-content{height:calc(100vh - 75px);}
.information-link{display:block;text-decoration:none; margin-bottom:20px;}
.content-tags{font-size: 14px !important;text-transform: lowercase !important;}
a.at-icon-wrapper.at-share-btn { background-color: transparent !important;}
.at-icon-wrapper svg path { fill: #fff !important;}
.fa-spin{margin-right:20px;}
.addthis_toolbox {margin-top: 30px;}
.addthis_toolbox a {margin-right: 18px;font-size: 1.5em;}
button#button-cart {
    width: 100%;
}
.colorop  {padding:0;}
.colorop li {text-align: center;width:70px;}
.colorop li img {
    display: block;
    opacity: .4;
}
.colorop li.active{
	opacity: 1;
}

.no-zoom-ex {
    font-size: 16px;
    transform-origin: top left;
    /*transform: scale(0.75);      12px / 16px */
    transform: scale(1);     /* 12px / 16px */

   
    width:  240px;             /* 180px / 0.75 */
    height: 32px;              /*  24px / 0.75 */
    padding      : 5.333333px; /*   4px / 0.75 */
    border-radius: 6.666667px; /*   5px / 0.75 */
    border-width : 1.333333px; /*   1px / 0.75 */

    margin-right: -60px;       /* 240px * 0.25 */
    margin-bottom: -8px;       /*  32px * 0.25 */
    
    
    
}
span#cart-total {
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 11px;
    color: red;
    padding: 4px;
    line-height: 16px;
}

.i-item{
	position: relative;
}
.i-item:hover .zuzu{
	display: inline-block;
}
.zuzu{
	position: absolute;
	width:30px;
	height:30px;
	right: 50%;
	top: 50%;
	display: none;
	cursor: pointer;
}
a.pan{
	cursor: inherit;
}
#tdo-price{
	margin-top: 20px;
}
#tdo-price h2 {
    margin-top: -8px;
}
ul.list-unstyled.prices {
    padding-top: 20px;
}
.relative{
	position: relative;
}
label.label-opt {
    position: absolute;
    top: 20px;
}

/*
* INFORMATION
*/
#information-page{float:right;}
#col-title{ position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top:0px;}
.info-width{width:50%;}
a.turn-to-product {
    position: absolute;
    margin-top: -60px;
}
.information-information #information-title{position:sticky; height:calc(100vh - 75px);}
.information-page-content{width:70%;}
.information-page-content li{list-style: initial;}


/*
* CONTACT
*/
.shea-btn{font-size:18pt;}

/*
* CART
*/
.checkout-cart-item{position: relative;min-height: 128px; margin-bottom:20px;}
.checkout-cart-item-img{position: absolute;top: 1px;}
.checkout-cart-item-content{margin-left: 15px;left: 120px;position: absolute;}
.checkout-cart-item-price{line-height: normal;}
#checkout-cart-items{padding-top:30px; margin-bottom:30px;}
#cart-side-items{margin:0 20px;}
.cart-item .cart-item-content { width: 228px;padding-left: 20px;line-height: 17px;}
.cart-item table{width:100%;}
.cart-item {display: flex;border-bottom: solid 1px #dedede; align-items: center;position: relative;vertical-align:top;}
.cart-item .img-content {width:110px;display:inline-block;}
.cart-item .cartx-option-group,.cart-item .cartx-model {display:block;}
.cart-item .cartx-option-group .cartx-option{display:inline-block;}
.cart-item .cart-item-content .title {font-weight: bold;text-transform: uppercase; word-break: break-word;}
.cart-item .actions {}
.cart-item .cart-item-actions svg polygon{fill:red;}
.cart-item .remove {display: inline-block;width: 45px;height: 45px;border: none;}
.cart-item .cart-item-quantity {right: 150px;}
.cart-item .qty {width: 45px!important;height: 45px !important;border: none !important;text-align: center;opacity: .92;display: inline-block;}
.bootstrap-datetimepicker-widget{display:none;background-color:#fff;border:solid 1px #000;}
.bootstrap-datetimepicker-widget .day{color:#000;}
.bootstrap-datetimepicker-widget .day.old{color:#ccc;}
.bootstrap-datetimepicker-widget  th.dow{color:#333;}
.bootstrap-datetimepicker-widget.bottom:before { border-bottom: 7px solid #000; border-bottom-color: rgba(0,0,0,1);}

.input-group.date > span {position: absolute; right: 0px;top: 1px;}
.input-group.date{position:relative;}
.input-group.date  .button {padding: 0 12px !important;}
._quantity{padding-top:16px;}
/*
* CHECKOUT
*/
.checkout-checkout #main {margin-top: 75px;}
#side-a label {display: block;}
#side-a [type="text"],#side-a select{width:100%;}
#shipping-existing > .shipping-address-item{position:relative;}
#shipping-existing > .selected:after { content: 'SELECTED'; position: absolute; right: -40px; top: 7px; transform: rotate(90deg); transform-origin: left top 0; filter: flipv fliph; font-size: 13px; color: green;font-weight: 800;}
#last-confirm{display:none;position:absolute; z-index: 999;width: 100vw;height: 100vh;top: 0;left: 0;background-color: rgba(37, 36, 36, 0.6);}
#last-confirm .confirm-container{margin:auto;width:380px;height:auto;margin-top:calc(50vh  - 150px);background-color:#f3f3f3;padding:10px}
#last-confirm .container-body {background-color: #fff;padding: 4px;}
#guest-view,#guest-entry-view{display:none;}
.authorizenet_aim {height: 568px !important;margin-top: calc(50vh - 273px) !important;}
.checkout-side-content{ width:70%; margin:auto;padding-top: 60px;    padding-bottom: 60px;}
.address-container{max-height:200px;overflow:auto;}
.address-item,.shipping-address-item {width:100%;text-align:left;height:80px; cursor: pointer;}
.address-item.add, .shipping-address-item.add{height:auto;}
.address-item span,.shipping-address-item span{display:block;}
.address-item .add-name,.shipping-address-item .add-name{font-size:18px;}
.address-item .addr-name,.shipping-address-item .addr-name{font-size:13px;}
.panel-title{border-bottom:solid 1px #ccc;}
.addr-name strong{text-transform:uppercase;}
.address-item .item-buttons, .shipping-address-item .item-buttons, #guest-shipping-view .item-buttons,#guest-view .item-buttons{display:none; position: relative;margin-top: -54px;text-align: right;width: 100%;}
.item-buttons > button {display:inline-block;}
.remove-address-item:hover{color:red;}

.address-item:hover .item-buttons,.shipping-address-item:hover .item-buttons{display:block;}
.address-item.w3-light-grey:hover .item-buttons,.shipping-address-item.w3-light-grey:hover .item-buttons{display:none;}
#guest-shipping-view:hover .item-buttons,#guest-view:hover .item-buttons{display:block;}

.checkout-cart-item-img {display: inline-block;width: 120px;height: 120px;border-radius: 8px;}
.checkout-cart-item-content{ width: 180px;display: inline-block;height: 120px;}
.checkout-cart-item-price{ width: 80px;display: inline-block;height: 120px;line-height: 120px;vertical-align:middle;}
#side-b{background-color:#fafafa;}
.payment-buttons{margin-top:30px;}
#payment .text-right{text-align:right;margin-left:5px;}
#payment .text-left{text-align:left;margin-right:5px;}
.coupon-container{padding-top:20px;}
#coupon-gate{cursor:pointer;}
#coupon-box{display:none;}
#input-coupon{ width: calc(100% - 173px)! important;}
#button-coupon{float: right!important;width: 172px;}
.pay-close {color: #000;font-size: 2.4em;margin-top: -20px;margin-right: -20px;}
.pay-close:hover { color:#000;}

/*
* FOOTER
*/
footer{
	margin-top: 50px;
	clear: both;
}
footer .footer-content-left{width: 60%; margin: auto;padding-top:75px;padding-bottom:35px;height:100%;}
footer .footer-content-right{width: 60%; margin: auto;padding-top:75px;padding-bottom:35px;height:100%;}
footer > div,footer .w3-display-container {height:100%;}
footer h4{opacity: .48; text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 20px;}
footer ul {padding:0;width:100%;}
footer ul li {margin-bottom:6px;}
footer ul a{text-decoration:none;text-transform: uppercase;font-size: 12px;}
footer .box-content {transform: translateY(0);opacity: 1;}
footer .box-content { transition: opacity 300ms linear, transform 300ms linear;}
footer .inputNew{text-align:center}
footer .btn-outline{width:130px;}
footer .topicons {margin-bottom: 25px;margin-top: 50px;text-align: center;}
footer .topicons li{display: inline-block;margin-right:15px;}
footer .topicons .icon {fill: #ccc;}
footer #siteseal{margin-right:30px;}
footer #siteseal img{filter: grayscale(100%);}
footer .powered {font-size:12px !important;text-align: center;}
.float-right-icon{position: fixed; right: 10px;bottom: 10px; z-index: 9999;}
.secure-icons {padding-top:10px;padding-bottom:10px;text-align: center;}
.secure-icons #siteseal{}
#down-btn{ position:absolute; -webkit-animation-name: up-down; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-name: up-down; animation-duration: 4s; animation-iteration-count: infinite;}
#up-btn{padding: 0 10px;font-size:25px;}
#up-btn.on,#down-btn.on{-webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out;-o-transition: opacity 2s ease-in-out;       transition: opacity 2s ease-in-out;}
#up-btn.off,#down-btn.off{opacity: 0;}
.footer-list{text-align: center;}
.footer-list li {display: inline-block;padding: 10px 14px;}
footer .input-form { width: 50%;display: inline-block;text-align: right;}
footer div.button-submit{width: 49%;display: inline-block;text-align: left;}
footer .wraper{text-align: center;}
footer .description {padding: 35px;}
footer .social i {
    font-size: 1.3em;
    font-weight: bold;
    margin-left: 20px;
}
input.inputNew {width: 300px !important;}
footer p img{filter: grayscale(100%);}
footer p {
    font-size: 9px;
}

.contact-address {
    height: 246px;
    width: 50%;
    float: left;
    display: inline-block;
}

.contact-right-content{
    width: 80%;
    margin: auto;
    padding-top: 150px;
}

/*
* TOOLS
*/
svg:not(:root) {overflow: hidden;}
svg {overflow: visible;}
svg path {fill:#000;}
svg * {transition: opacity 150ms linear, fill 150ms linear, stroke 150ms linear;}
textarea:focus  {background: #efefef;border-color: #ededed;color:#000;}
textarea {font-size: 0.9375rem;font-weight: 500;padding: 0 20px;margin: 0;display: inline-block;border-radius: 0;-webkit-appearance: none;border: 1px solid #ccc;background: #efefef;color: #fff;width: calc(100%);transition: all 150ms linear;}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),select {height: 55px;font-size: 0.9375rem;font-weight: 500;padding: 0 20px; margin: 0;display: inline-block;border-radius: 0;    -webkit-appearance: none;border: 1px solid #ccc;background: none;color: #000;transition: all 150ms linear;}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus {background: none;border-color: #ccc;color:#000;}
button[type="submit"]:hover,input[type="submit"].hover, .button:hover, button.hover {background: #5c4842;color: #fff;}
input[type="submit"], button[type="submit"] {cursor: pointer;background: transparent;color: #000;top: 1px;margin-top: 10px;}
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),select,textarea {background: none;color: #000;width: calc(100%);}
input:not([type="radio"]) {width: auto;}
input[type="submit"], .button,button[type="submit"] ,button.close{ background: transparent; color: #000;border: 1px solid #ccc;font-size: 0.8125rem;font-weight: bold;text-transform: uppercase;  padding: 0 30px;position: relative;top: -1px;transition: all 150ms linear; cursor: pointer;height: 55px;margin: 0;display: inline-block;line-height: 52px;border-radius: 0;-webkit-appearance: none;      cursor: pointer;}
input[type="number"] {padding: 0 !important;}
button.close {color: red;font-size:2em;}

.simple-grid .one-whole {width: 100%;}
.simple-grid, .simple-grid .errors {float: left;width: 100%;margin-bottom: 30px;}
.button-near{ display:inline-block; padding-left:10px;}

/* 
* ACCOUNT 
*/
.account-account #account-title{position:sticky; height:calc(100vh - 75px);}
.account-page-content{}
.s-hidden {visibility:hidden;padding-right:10px;}
.select {cursor:pointer;display:inline-block; position:relative;font:normal 11px/22px Arial, Sans-Serif;color:black;border:1px solid #ccc;}
.styledSelect {position:absolute;top:0;right:0;bottom:0;left:0;background-color:white;padding:0 10px;font-weight:bold;}
.styledSelect:after {content:"";width:0;height:0;border:5px solid transparent; border-color:black transparent transparent transparent;position:absolute;top:9px;right:6px;}
.styledSelect:active, .styledSelect.active {background-color:#eee;}
.options {display:none;position:absolute;top:100%;right:0;left:0; z-index:999;margin:0 0;padding:0 0;list-style:none;border:1px solid #ccc;background-color:white;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);}
.options li {padding:0 6px;margin:0 0; padding:0 10px;}
.options li:hover { background-color:#39f;color:white;}


/*
* MEDIA QUERY
*/

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	
   /* Styles for Desktops */
 }
/* ----------- Non-Retina Screens ----------- */


/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
   
    
}

#popup-camp {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin-top: 0;
    padding: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 999999;
}
.popup-camp-content{ text-align:center;max-height:80%;}
.popup-camp-content img{}
.popup-camp-content span {
    position: absolute;
    right: 0px;
    top: 0px;
   margin: -18px -10px 0 0;
    padding: 5px;
}
.popup-camp-content span:hover{background-color: #caa958!important;}