html,button,input,select,textarea {
color:#222;
}

body {
font-size:1em;
line-height:1.4;
background-image:url(../img/cloud.png);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center -75px;
overflow:hidden;
font-family:tahoma;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

img {
vertical-align:middle;
}

fieldset {
border:0;
margin:0;
padding:0;
}

textarea {
resize:vertical;
}

.chromeframe {
background:#ccc;
color:#000;
margin:.2em 0;
padding:.2em 0;
}

* {
text-decoration:none;
}

@font-face {
font-family:"Brannboll Fet";
src:url(../fonts/BrannbollFet.eot?) format(eot),url(../fonts/BrannbollFet.woff) format(woff),url(../fonts/BrannbollFet.ttf) format(truetype),url(../fonts/BrannbollFet.svg#BrannbollFet) format(svg);
font-weight:400;
font-style:normal;
}

html,body {
height:100%;
margin:0;
padding:0;
}

.wrapper {
width:950px;
min-height:100%;
margin:0 auto -300px;
}

.wrapper:after {
content:"";
display:block;
}

.header {
height:135px;
position:relative;
padding:10px;
}

.logo {
float:left;
}

.social {
position:absolute;
top:0;
right:30px;
width:270px;
}

.social span {
float:left;
position:relative;
top:20px;
left:40px;
color:#fff;
font-weight:700;
display:none;
}

.social ul {
float:right;
}

.social ul li img {
width:35px;
height:35px;
}

.nav {
float:right;
width:750px;
position:relative;
top:40px;
}

.nav ul li a {
font-size:0;
}

.pro {
background-image:url(../img/prod.png);
display:inline-block;
width:92px;
height:13px;
background-repeat:no-repeat;
background-position:center center;
margin-right:10px;
}

.pro:hover,.proActive {
background-image:url(../img/prodH.png);
width:92px;
height:59px;
background-position:center center;
position:relative;
top:-20px;
}

.health {
background-image:url(../img/health.png);
display:inline-block;
width:115px;
height:13px;
margin-right:10px;
background-repeat:no-repeat;
background-position:center center;
}

.health:hover,.healthActive {
background-image:url(../img/healthH.png);
width:115px;
height:46px;
background-position:center center;
position:relative;
top:-12px;
background-repeat:no-repeat;
}

.ads {
background-image:url(../img/ads.png);
display:inline-block;
width:70px;
height:13px;
background-repeat:no-repeat;
background-position:center center;
}

.ads:hover,.adsActive {
background-image:url(../img/adsH.png);
width:70px;
height:40px;
background-position:center center;
background-repeat:no-repeat;
position:relative;
top:-10px;
}

.partner {
background-image:url(../img/part.png);
display:inline-block;
width:181px;
height:17px;
background-position:center center;
background-repeat:no-repeat;
}

.partner:hover,.partnerActive {
background-image:url(../img/partH.png);
width:181px;
height:60px;
background-position:center center;
position:relative;
top:-20px;
background-repeat:no-repeat;
}

.quality {
background-image:url(../img/quality.png);
display:inline-block;
width:160px;
height:17px;
background-position:center center;
background-repeat:no-repeat;
}

.quality:hover,.qualityActive {
background-image:url(../img/qualityH.png);
width:160px;
height:53px;
background-position:center center;
background-repeat:no-repeat;
position:relative;
top:-15px;
}

.main {
position:relative;
height:420px;
z-index:10;
margin:0 auto;
}

h1 {
font-family:"Brannboll Fet";
color:#d63535;
text-shadow:-3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
text-align:center;
font-size:25px;
}

h3 {
color:#d63535;
font-size:20px;
margin-bottom:0;
padding-left:10px;
}

.mainP {
width:750px;
border:2px solid #fc182f;
background-image:url(../img/bgP.jpg);
box-shadow:inset 10px 10px 10px 0 rgba(255,255,255,0.9);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
overflow:hidden;
height:400px;
color:#555;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
padding:15px;
}

.content {
width:700px;
height:240px;
overflow:auto;
padding:10px;
}

.main form {
width:600px;
margin:0 auto;
}

.main form label {
width:100px;
display:table;
font-weight:700;
float:left;
}

.main form input {
width:470px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
outline:0;
border:2px solid #C5C5C5;
padding:4px;
}

.main form textarea {
width:470px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
outline:0;
height:60px;
margin-top:5px;
border:2px solid #C5C5C5;
padding:4px;
}

.send {
float:right;
width:90px !important;
font-weight:700;
background:#fc182f;
border:1px solid #F32338;
color:#fff;
position:relative;
right:17px;
cursor: pointer;
}

.mainPro{
background-image: url(../img/prdBg.png);
background-repeat: no-repeat;
background-position: center center;
width: 800px;
height:420px;
z-index:10;
margin:0 auto;
}

.produImg img{
width: 160px;
height: 320px;
position: relative;
left: 150px;
top: 90px;
}


.mainPro h2{
position: absolute;
width: 390px;
height: 40px;
top: -10px;
left: 250px;
text-align: center;
color: #fff;
font-family:"Brannboll Fet";

}
.footer {
background-image:url(../img/foot.png);
background-repeat:no-repeat;
background-position:center center;
min-height:300px;
width:100%;
position:relative;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:0;
padding:0;
}

.footerIn {
width:750px;
bottom:0;
position:absolute;
height:80px;
left:50%;
margin-left:-375px;
background-image:url(../img/footBg.jpg);
background-repeat:repeat-x;
}

.footerIn ul li {
float:left;
display:inline-block;
color:#fff;
}

.footerIn ul li a {
color:#fff;
font-weight:700;
text-decoration:none;
margin-right:72px;
margin-left:72px;
}

.footMenu,.copyrights {
width:750px;
display:block;
height:30px;
text-align:center;
color:#fff;
font-size:13px;
}

.copyrights {
line-height:40px;
}

.footerIn ul li a:hover {
-webkit-transition:2s;
-moz-transition:2s;
transition:2s;
text-decoration:underline;
color:#e7e7e7;
}

.slider li {
list-style:none;
float:left;
margin-right:20px;
}

.slider li img {
width:80%;
}

::-moz-selection,::selection {
background:#b3d4fc;
text-shadow:none;
}

.social ul li,.nav ul li {
float:left;
list-style:none;
}