@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-size:15px;
color:#454545;
line-height:24px;
font-family: 'Open Sans', sans-serif;
}

a {
text-decoration:none;
transition:0.2s ease all;
}

h1 {
color:#000000;
font-size:4em;
line-height:1em;;
padding:0;
margin:0;
font-weight:900;
text-transform:uppercase;

}

h1 span {
font-size:0.6em;
color:#8f8f8f;
display:block;
}

h2 {
font-weight:900;
color:#FFFFFF;
background:#000000 ;
text-transform:uppercase;
padding:10px;
display:inline-block;
margin-bottom:0;
}

.container {
width:96%;
max-width:1100px;
display:block;
margin:auto;
}

.header {
background-image:url(bg-desktop.jpg);
text-align:center;
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
color:#FFFFFF;
padding-bottom:50px;
}

.header img {
width:100%;
}

.imglogo {
margin-top:80px; margin-bottom:65px; width:98%; max-width:800px;
}

.mobpic {
display:none;
}

.reds {
background:url(bg-s.gif) center no-repeat #871518;
padding:65px 0;
}


.welcome {
margin-bottom:10em;
background-image:url(bg-ariel.jpg);
background-size:cover;
text-align:center;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 7%;
color:#FFFFFF;
padding-bottom:60px;
padding-top:60px;
}

.welcome .pic {
background:#eaeaea;
text-align:center;
}

.welcome .pic img {
width:100%;
max-width:774px;
}

h3 {
color:#FFFFFF;
font-size:44px;
line-height:50px;
padding:0;
margin:0;
margin-bottom:30px;
}

.welcome .descr {
width:100%;
max-width:760px;
text-align:center;
display:block;
margin:auto;
color:#000000;
padding:40px 0;
}

.welcome .descr a {
color:#000000;
text-decoration:underline;
}

.welcome .athl {
background:url(athletes.jpg) top center;
height:273px;
}

.push {
background:#e8e8e8;
text-align:center;
margin-bottom:9em;
}

.push img {
width:100%;
max-width:957px;
}

.products {
text-align:center;
padding-top:5em;
padding-bottom:10em;
}

.products p {
text-align:left;
margin-top:0;
display:block;
margin:auto;
width:100%;
max-width:631px;
margin-bottom:50px;
border:dashed #ba984b;
padding:25px;
}

.products a {
margin:3em 1%;
display:inline-block;
position:relative;
min-width:200px;
text-align:center;
font-size:0.7em;
color:#000000;
font-weight:bold;
line-height:20px;
border-bottom: 2px solid #cccccc;
padding-bottom:10px;
}

.products a span {
color:#999999;
display:block;
font-weight:normal;
}

.products a span.price {
font-size:1.6em;
font-weight:bold;
color:#bc2025;
}

.products a span.price b {
color:#666666;
margin-right:5px;
font-weight:inherit;
text-decoration:line-through;
font-size:0.9em;
}

.products a img {
transition: all .2s ease-in-out;
max-width:180px;
margin-bottom:5px;
}

.products a img:hover {
transform: scale(1.1);
}

.discount {
    background: rgba(0, 0, 0, 0) url("discount.png") no-repeat scroll top center;
    color: #ffffff;
    height: 51px;
    left: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    top: -10px;
	padding-top:12px;
	font-weight:bold;
    width: 51px;
	z-index:1;
	font-size:1.5em;
	line-height:24px;
}

.sq {
overflow:hidden;
margin-bottom:10em;
}

.sq .image {
display:block;
float:left;
width:30%;
max-width:332px;
}

.sq .image img {
width:100%;
}

.sq .descr {
display:block;
float:left;
width:70%;
max-width:755px;
}

.sq .descr p {
font-size:0.9em;
}

.sq .descr a p {
color:#454545;
}

.sq .descr a p u {
color:#3399CC;
}


.sq .price {
font-weight:900;
color:#a3a3a3;
vertical-align:middle;
text-transform:uppercase;
}

.sq .price span {
color:#000000;
font-size:1.4em;
text-decoration:line-through;
text-transform:lowercase;
display:block;
}

.sq .descr .clear {
height:10px;
}

.sq .descr .promo {
width:30%;
min-width:240px;
float:left;
color:#bc2025;
font-size:4em;
font-weight:900;
}

.sq .descr .promo span {
font-weight:900;
color:#a3a3a3;
display:block;
font-size:0.3em;
text-transform:uppercase;
padding-bottom:15px;
}

.sq .descr .buy {
width:60%;
float:right;
padding-top:5px;
}

.sq .descr .buy a {
background:#bc2025;
padding:10px;
width:100%;
display:block;
text-align:center;
color:#FFFFFF;
text-transform:uppercase;
font-weight:900;
text-decoration:none;
font-size:2em;
padding:15px 0;
}

.sq .descr .buy a:hover {
background:#628b00;
}

.sq .descr .buy span {
display:block;
text-align:center;
font-weight:900;
color:#a3a3a3;
text-transform:uppercase;
padding-top:5px;
}

.quote {
background:#fee28d;
padding:3em 10%;
text-align:center;
margin-bottom:5em;
}

.quote .buy {
display:block;
margin:auto;
padding-top: 5px;
width: 60%;
}

.quote .buy a {
background: #75a501 none repeat scroll 0 0;
color: #ffffff;
display: block;
font-size: 2em;
font-weight: 900;
padding: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
line-height:36px;
margin-top:10px;
}

.quote .buy span {
color: #a3a3a3;
display: block;
font-weight: 900;
padding-top: 5px;
text-align: center;
text-transform: uppercase;
}

.quote h1 {
font-weight:900;
text-transform:uppercase;
color:#000000;
font-size:2.1em;
margin-bottom:0.6em;
line-height:36px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.contacts {
    font-size: 2em;
    padding: 40px 2% 30px;
    text-align: center;
	font-weight:bold;
}
.contacts a {
    color: #ffffff;
    display: inline-block;
    line-height: 26px;
    margin: 1%;
    padding: 14px 14px 14px 65px;
}
.contacts a:nth-of-type(1) {
    background: rgba(0, 0, 0, 0) url("i-phone.png") no-repeat scroll 10px 5px;
}
.contacts a:nth-of-type(2) {
    background: rgba(0, 0, 0, 0) url("i-skype.png") no-repeat scroll 10px 5px;
}
.contacts a:nth-of-type(3) {
    background: rgba(0, 0, 0, 0) url("i-loc.png") no-repeat scroll 10px 5px;
}
.contacts a:nth-of-type(4) {
    background: rgba(0, 0, 0, 0) url("i-fb.png") no-repeat scroll 10px 5px;
}
video {
  width: 100%    !important;
  height: auto   !important;
}

.parallax {
    /* Set a specific height */
    height: 380px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:7%;
	}
	
.pa1 {
background-image:url(https://i.imgur.com/7t1Cb2O.jpg);
}

.pa2 {
background-image:url(https://i.imgur.com/4f73Xn0.jpg);
}

@media screen and (max-width: 850px) {

	.sq .descr .promo {
	font-size:3em;
	min-width:180px;
	}

}

@media screen and (max-width: 768px) { 

	body {
	background-position: center -110px;
	}

}

@media screen and (max-width: 640px) { 

	.sq .image {
	float:none;
	margin:auto;
	width:auto;
	max-width:320px;
	}
	
	.sq .descr {
	width:100%;
	}
	
	h2 {
	text-align:center;
	}
	
	.sq {
	margin-bottom:6em;
	}
	
	h1 {
	text-align:center;
	}
	
	.mobpic {
	display:block;
	}
	
	.header  {
	padding-bottom:0;
	}
		
	.imglogo {
	margin-top:10%; margin-bottom:10%; 
	}

}

@media screen and (max-width: 560px) { 
	body {
	background:none;
	}
}

@media screen and (max-width: 440px) { 
	
	
	h1 {
	font-size:3em;
	}
	
	.sq .descr .buy {
	float:none;
	width:100%;
	display:block;
	}
	
	.sq .image {
	text-align:center;
	}
	
	.sq .image img {
	width:80%;
	}
	
	.sq .descr .promo {
	display:block;
	margin:auto;
	height:90px;
	overflow:hidden;
	float:none;
	text-align:center;
	font-size:3.5em;
	min-width:250px;
	}
	
	.sq .descr .promo span {
	padding-bottom:10px;
	}
	
	.sq .price {
	text-align:center;
	}
	
	.sq .descr .buy a {
	line-height:36px;
	}
	
	.quote h1 {
	font-size:1.8em;
	}
	
	.quote .buy {
	width:100%;
	}
	
	.products p {
	width:82%;
	}
	
	.quote .buy a {
	width:80%;
	}
	
	
	.welcome .athl {
	background-size:260%;
	background-repeat:no-repeat;
	height:110px;
	}
	

}