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

body {
margin:0;
padding:0;
font-size:20px;
color:#000000;
line-height:24px;
font-family: 'Roboto', sans-serif;
background:url(images/bgtest.jpg) top center no-repeat #ffffff;
}



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

.half {
width:45%;
padding-bottom:20px;
}

.fLeft {float:left;}
.fRight {float:right;}

.headerdesk {
width:100%;
max-width:908px;
margin:auto;
text-align:center;
}

.headerdesk img, .headermob img {
width:100%;
}

.headermob {
display:none;
}

h1 {
max-width:760px;
display:block;
margin:auto;
color:black;
text-transform:uppercase;
font-size:45px;
text-align:center;
line-height:normal;
font-weight:300;
}

h2 {
font-weight:bold;
font-size:30px;
color:#3597be;
padding-top:0;
margin-top:0;
line-height:1.2em;
text-transform:uppercase;
}

h3 {
text-transform:uppercase;
color:#FFFFFF;
font-size:2.2em;
}

a.button {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fd650+0,8ec63f+100 */
background: #9fd650; /* Old browsers */
background: -moz-linear-gradient(top, #9fd650 0%, #8ec63f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9fd650 0%,#8ec63f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9fd650 0%,#8ec63f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd650', endColorstr='#8ec63f',GradientType=0 ); /* IE6-9 */
border-radius:5px;
min-width:300px;
max-width:320px;
padding:0.8em;
padding-bottom:0.4em;
text-align:center;
color:#FFFFFF;
font-size:1.7em;
font-weight:bold;
display:block;
margin:auto;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
margin-top:0.5em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
}

a.button span {
font-size:0.5em;
font-weight:400;
color:#577d20;
display:block;
padding-top:0.3em;
text-shadow:none;
}

.slogan {
background:url(images/bgslogan.jpg) center center;
color:#FFFFFF;
font-weight:300;
text-align:center;
padding:6% 0;
margin:6em 0;
}

.slogan p {
display:block;
max-width:1040px;
margin:auto;
width:90%;
font-size:1.6em;
line-height:1.2em;
}

.content {
width:95%;
max-width:1200px;
margin:auto;
display:block;
overflow:hidden;
}

.topPad {
padding-top:450px;
padding-bottom:1em;
}

.category {
background:url(images/hrbg.gif) top center repeat-x;
margin-top:30px;
}

.hr {
background:url(images/hr.gif) top center repeat-x;
height:37px;
}

.category h1 {
font-size:87px;
text-align:center;
line-height:80px;
}

.category h1 span {
font-size:47px;
margin-bottom:0;
padding-bottom:0;
display:block;
margin-top:50px;
}

.widediv {
border-top:solid 5px #f59794;
border-bottom:solid 5px #f59794;
margin-top:5em;
display: flex; 
margin-bottom:5em;
}

.wdleft {
float:left;
flex: 1;
width:50%;
background-image:url(images/wd-bg.jpg);
background-position:top right;
background-size:cover;
}

.wdright {
float:right;
flex: 1;
width:50%;
background-image:url(images/wd-bgr.jpg);
background-position:top left;
background-size:cover;
}

.wdc {
color:#000000;
font-size:1.2em;
max-width:540px;
padding:50px 100px;
}

.wdc h3 {
margin:0;
padding:0;
line-height:1em;
margin-bottom:0.5em;
}

.product {
display:block;
float:left;
}

.w4 {
width:20%;
margin:0 2.5%;
padding-bottom:1em;
}

.w4 img {
width:100%;
border:solid 1px #CCCCCC;
}

a.wbutton {
font-size:15px;
color:#FFFFFF;
background: #9fd650; /* Old browsers */
background: -moz-linear-gradient(top, #9fd650 0%, #8ec63f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9fd650 0%,#8ec63f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9fd650 0%,#8ec63f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd650', endColorstr='#8ec63f',GradientType=0 ); /* IE6-9 */
border-radius:5px;
max-width:100%;
padding:0.8em;
padding-bottom:0.4em;
text-align:center;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
display:block;
margin:auto;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.28);
margin-top:0.5em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
}

a.wbutton span {
font-size:0.5em;
font-weight:400;
color:#577d20;
display:block;
padding-top:0.1em;
text-shadow:none;
}

.prod img {
display:block;
margin:auto;
width:100%;
}

ul.nobullet {
line-height:2.5em;
list-style-type: none;
padding: 0;
margin: 0;
}

ul.nobullet li {
background:url(images/check.gif) 0px 0px no-repeat;
padding-left: 44px;
padding-top: 3px;
height:50px;
font-weight:300;
}

ul.nobullet li.price {
background:url(images/price.gif) 0px 0px no-repeat;
}

ul.nobullet li p {
margin:0;
padding:0;
line-height:1em;
}

.product a h3 {
font-size:18px;
color:#3597be;
font-weight:bold;
padding:0;
margin:10px 0;
}

a.product ul.nobullet {
line-height:1em;
font-size:14px;
}

.sum {
background:url(images/sum.gif) top center;
height:51px;
display:block;
overflow:hidden;
width:100%;
margin-top:1em;
}
.sumleft {float:left;}
.sumright {float:right;}

.photos {
background-size:cover;
background-position: center;
width:33.3%;
float:left;
height:206px;
}

.photos.pic1 {background-image:url(images/pic2.jpg);}
.photos.pic2 {background-image:url(images/pic0.jpg);}
.photos.pic3 {background-image:url(images/pic3.jpg);}

.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:80px;;
	}
	
.why {
background:#e9e9e9;
padding:3em 0;
clear:both;
margin-top:5em;
}

.why {
color: #808080;
font-size: 0.6em;
line-height: 1.2em;
font-weight: 300;
}

.why .r1 {
width:20%;
float:left;
margin-right:5%;
}

.why img {
float:left;
margin-right:1em;
margin-bottom:30px;
}

.why b {
font-size:1.1em;
color:#000000;
font-weight:bold;
margin-bottom:-5px;
display:block;
}



.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;
}

@media screen and (max-width: 1055px) {
	.content .prod {font-size:0.8em}
	.why .r1 {width:45%; margin-right:5%;}
	.wdleft {height:300px;}
	.wdleft, .wdright {width:100%; flex:0;}
	.widediv {display:block;}
	.wdc {width:100%; text-align:center; max-width:none; padding: 30px 0;}
	.w4 {width:40%; margin:0 5%; margin-top:70px;}
}


@media screen and (max-width: 850px) {
	.content .prod {width:90%; float:none; display:block; max-width:400px; margin:auto; margin-bottom:2em; margin-top:2em; font-size:1em;
}

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

body {background-size: 170% auto;}
.topPad  {padding-top:320px}

}

@media screen and (max-width: 640px) { 
	.photos.pic1 {width:100%; float:none;}
	.photos.pic2 {width:50%;}
	.photos.pic3 {width:50%;}
	.why .r1 {width:100%;}
	.w4 {width:100%; margin:auto; margin-top:70px; max-width:360px; float:none;}
}

@media screen and (max-width: 560px) { 
	body {background-size: 200% auto;}
	h1 {font-size:1.4em; padding:0 2%}
	a.button {width:70%; line-height:1em; margin-top:1em;}
	a.button span {line-height:1em;}
	.topPad {padding-top:250px;}
	.half.prod.fRight {padding-top:50px;}
	.category h1 span {font-size:0.4em}
	.category h1 {font-size:3em; line-height:50px;}
}

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

}