﻿body{background-color: #070707; overflow-x: hidden;}
.green{color: #33cc33;}
.red{color: #e42f37;}
.clearfix:after{content: ''; display: block; clear: both;}
.scroll{visibility: hidden;}
.scroll.up{visibility: visible; animation: up 1s 1; -o-animation: up 1s 1; -ms-animation: up 1s 1; -moz-animation: up 1s 1; -webkit-animation: up 1s 1;}
.scroll.left{visibility: visible; animation: left 1s 1; -o-animation: left 1s 1; -ms-animation: left 1s 1; -moz-animation: left 1s 1; -webkit-animation: left 1s 1;}
.scroll.right{visibility: visible; animation: right 1s 1; -o-animation: right 1s 1; -ms-animation: right 1s 1; -moz-animation: right 1s 1; -webkit-animation: right 1s 1;}
.scroll.float{visibility: visible; animation: float 5s infinite; -o-animation: float 5s infinite; -ms-animation: float 5s infinite; -moz-animation: float 5s infinite; -webkit-animation: float 5s infinite;}
@keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-o-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-moz-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-webkit-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes float{
	0% {transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px);}
	25% {transform: translateX(-15px) translateY(15px); -o-transform: translateX(-15px) translateY(15px); -ms-transform: translateX(-15px) translateY(15px); -moz-transform: translateX(-15px) translateY(15px); -webkit-transform: translateX(-15px) translateY(15px);}
	50% {transform: translateX(-30px) translateY(-15px); -o-transform: translateX(-30px) translateY(-15px); -ms-transform: translateX(-30px) translateY(-15px); -moz-transform: translateX(-30px) translateY(-15px); -webkit-transform: translateX(-30px) translateY(-15px);}
	75% {transform: translateX(-15px) translateY(15px); -o-transform: translateX(-15px) translateY(15px); -ms-transform: translateX(-15px) translateY(15px); -moz-transform: translateX(-15px) translateY(15px); -webkit-transform: translateX(-15px) translateY(15px);}
	100% {transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px);}
}
@-o-keyframes float{
}
@-moz-keyframes float{
}
@-webkit-keyframes float{
}
@media screen and (max-width: 1500px) {
	nav a img{width: 120px;}
}
@media screen and (max-width: 1500px) {
	.productDetail .content .textBox{position: static; float: right; margin-right: 0;}
}