/* to top */
#scrollTop {
	width:27px;
	height:40px;
	z-index: 9;
	position: fixed;
	bottom:40px;
	right:40px;
	cursor: pointer;
	display: none;
}
#scrollTop a {
	display: block;
	width: 100%;
	height: 100%;
	color:#575757;
	position: relative;
	padding-top: 10px;
}
#scrollTop a:before {
	content:"";
	position: absolute;
	top:0;
	left:calc(50% - 11px);
	width: 22px;
	border-top:2px solid #575757
}
#scrollTop a .svgic {
	width:27px;
	height: 27px;
}
#navigation ul{
    list-style:none;
}
#navigation ul li{
	float:left;
    position:relative;
}
#navigation ul li a{
    display:block;
    height:53px;
    width:56px;
    background-color:#1e1f20;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline:none;
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background-color:#fdc931;
}
#socialnetworks ul {
	margin:0;
  display: flex;
}
.align-right #socialnetworks ul {
  justify-content: flex-end
}

#socialnetworks li {
    margin:10px 5px 10px 0px;
    padding:0;
    width:40px;
    height: 40px;
    border: none;
  }
#socialnetworks li:last-child {
  margin-right: 0
}
#socialnetworks li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	border:2px solid rgba(255,255,255,0.08);
  color:rgba(255,255,255,.5)
}
#socialnetworks li a:hover {
	border-color:transparent
}
body #socialnetworks li.facebook a:hover {background-color: #3b5a9a; border-color:#3b5a9a}
body #socialnetworks li.twitter a:hover {background-color: #1aa9e1;border-color:#1aa9e1}
body #socialnetworks li.gplus a:hover {background-color: #dd4b39;border-color:#dd4b39}
body #socialnetworks li.youtube a:hover {background-color: #c3191e;border-color:#c3191e}
body #socialnetworks li.flickr a:hover {background-color: #3b5a9a;border-color:#3b5a9a}
body #socialnetworks li.instagram a:hover {background-color: #7c4a3a;border-color:#7c4a3a}
body #socialnetworks li.pinterest a:hover {background-color: #cc2127;border-color:#cc2127}
body #socialnetworks li.linkedin a:hover {background-color: #0073b2;border-color:#0073b2}
body #socialnetworks li.vimeo a:hover {background-color: #1ab7ea;border-color:#1ab7ea}
#socialnetworks li a:hover {color:#fff}
#socialnetworks li a .svgic {
	position: absolute;
	left:50%;
	top:50%;
  width:17px;
  height:17px;
  transform: translate(-50%, -50%);
}
#payment-icons, #payment-icons ul {margin: 0;}
#payment-icons li {padding: 0; float: left; margin: 5px 10px 5px 0;}
#cookieInfo .indent {width:80%; margin:0 auto; text-align: center;}

/* animation on load */

.no-touch .load-animate {opacity: 0;}
.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
.animated {
	-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes fadeInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(20px)
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0)
	}
}
@-o-keyframes fadeInUp{
	0%{
		opacity:0;
		-o-transform:translateY(20px)
	}
	100%{
		opacity:1;
		-o-transform:translateY(0)
	}
}
@keyframes fadeInUp{
	0%{
		opacity:0;
		transform:translateY(20px)
	}
	100%{
		opacity:1;
		transform:translateY(0)
	}
}
.footer_top_col {
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin-left: 4.5%;
}
.footer_top_col:first-child {
	margin-left: 0;
}
.footer-products > li > a {display: block; float: left; margin-right: 20px;}
.footer-products > li h5 {font-weight: normal; font-size: 16px; line-height: 24px}
#footer .footer-products .product-name {color:#666; display: block;}
#footer .footer-products .product-name:hover {text-decoration: none;}
.footer-products .info-section,
.footer-products > li {overflow: hidden; }
#footer .footer-products > li {padding: 12px 0}
.footer-products .price-box .price {
	font-size: 22px;
}
.footer-top-content {
  margin-bottom: 50px; padding: 60px 0; margin-top: -50px; background: #f1f1f1;
}
.product-cover .countdown {
	max-width: 300px;
}
.countdown {
	position: absolute;
	width:calc(100% - 30px);
	bottom:37px;
  transform: translateX(-50%);
  left:50%;
	justify-content:space-between;
	z-index:2;
  max-width: 250px
}
.countdown > div {
	width:calc(25% - 3px);
	padding: 10px 5px 7px 5px;
  text-align: center;
}
.countdown > div i {
	font-size: 18px;
  line-height: 18px;
	font-style: normal;
	display: block;
}
.countdown > div span {
	font-size: 8px;
  line-height: 12px;
	display: block;
	text-transform: uppercase;
}
.countdown > div:first-child {
	margin-left: 0
}
.cookie-message {
	position: fixed;
	bottom:0;
	left:0;
	padding: 20px 0px;
	width:100%;
	z-index: 9;
	background-color: rgba(220,220,220,0.9);
	border-top:1px solid #ccc
}
.cookie-message > div {
	display:flex;
	align-items:center;
}
.cookie-message a {color:inherit; margin-left: 10px; text-decoration: underline;}
.cookie-message a:hover {opacity:0.8}
.cookie-message span {flex-grow:1}
@media (max-width:480px) {
  #footer #socialnetworks ul {justify-content: center;}
}
/*
DEBUG
*[style],
a:not([href])
a[href="#"],
a[href=""],
a[href*="javascript:void(0)"],
img:not([alt]),
img[alt=""],
meta[charset]:not([charset="UTF-8"]),
meta[name="viewport"][content*="user-scalable=no"],
meta[name="viewport"][content*="maximum-scale"],
meta[name="viewport"][content*="minimum-scale"],
input:not([id]),
select:not([id]),
textarea:not([id]),
label:not([for]),
input:not([name]),
select:not([name]),
textarea:not([name]),
form:not([name]):not([id]),
button:empty,
a:empty,
script[type="text/javascript"],
link[rel="stylesheet"][type="text/css"] { border: 1px solid red; }
*/