html,body{margin:0;padding:0;font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif}
div{margin:0;padding:0}
.wrapper{max-width:1200px;margin:0 auto;position:relative}
.header{position:absolute;top:20px;left:0;width:100%;height:90px;background-image:url(/img/topnav_bg_small.png);background-position:456px 15px;background-repeat:repeat-x}
.logo{float:left}
.logo img{width:345px;height:auto}
.topNav{float:right;height:54px;margin:8px 0 0}
.topNav ul{display:block;margin:0;padding:0;list-style:none}
.topNav > ul > li{position:relative;display:block;float:left;height:54px;margin:0;padding:0;box-sizing:border-box}
.topNav > ul > li > a{display:block;height:54px;margin:0;padding:18px 20px 0;box-sizing:border-box;font-size:14px;color:#FFFFFF;text-transform:uppercase;text-decoration:none}
.topNav > ul > li:hover,.topNav > ul > li.active{background-color:#00A8A2}
.topNav > ul > li > div{display:none;position:absolute;z-index:20; max-width:650px; padding:30px;background-color:#FFFFFF;background-color:rgba(255,255,255,0.85)}
.topNav > ul > li > div ul{float:left;display:block;width:150px;margin:0;padding:0;list-style:none}
.topNav > ul > li > div ul li{margin:0;padding:0;font-size:14px;text-transform:uppercase}
/*.topNav > ul > li > div ul li a{display:block;margin:0 0 5px 0;padding:0 20px 3px 0;border-bottom:1px solid #00A8A2;color:#022644}*/
.topNav > ul > li > div ul li a{padding-right:20px; font-size:12px;color:#022644;text-decoration:none;line-height:25px}
.topNav > ul > li > div ul li a:hover{color:#3381C1}
.topNav > ul > li:hover > div{display:block}

.banner img,.video img{width:100%;height:auto;margin:0 0 20px 0}
.products {
    max-width: 625px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    display: block;
}
.slogan {
    display: block;
    margin: 0 auto;
}
.products-list {
    padding: 40px 0 20px 0;
    height: 500px;
}
.products-list__item {
    float: left;
    width: 50%;
}
.products-list__img {
    display: block;
    margin: 10px auto;
}

.member_title{
    text-align: center;
    margin-bottom:100px
}
/*.footer{height:400px;background-color:#806950}*/
/*-------FOOTER----------*/
.footer{padding:35px;background-color:#806950;text-align:center;}

.footer_container--outer{
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}
.footer_container--inner-left{
    width: 40%;
    float: left;
}
.footer_container--inner-right{
    width: 60%;
    float:left;
}
.footer .copyright{
    font-size: 12px;
    color: #FFFFFF;
    display: block;
    clear:both;
}
.footer__info{
    width: 35%;
    float: right;
    text-align: left;
    padding: 10px;
}
.footlists{
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0;
    list-style: none;
    float: left;
    margin: 0;
}
.footCat{
    padding-bottom: 5px;
}
.footitem:hover{
    color: #00A8A2;
}
.footlink {
    text-decoration: none;
    color: #ffffff;
}
.footlink:hover {
    color: #00A8A2;
}
/*-------FOOTER:SUBSCRIBE FORM----------*/
.subscribe {
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
}
.subscribe__label{
    margin: 10px 0 7px;
}
.subscribe__email{
    width: 200px;
    height: 20px;
    font-size: 15px;
    color: #b7b7b7;
}
.subscribe__button{
    background-color: #afd136;
    color: #0a133b; 
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 5px;
    width: 100px;
    box-sizing: border-box;
    padding: 4px;
    margin-left: 10px;
    border: 0;
}
.subscribe__button:hover{
    background-color: #00A8A2;
    transition: all 0.2s linear;
}
.smalltxt{
    font-size: 12px;
}
.header .mobileNav{display:none}

.mainContent{max-width:800px;margin:0 auto;padding:0 0 50px 0}
.mainContent.pContent{max-width:900px}
.mainContent.topPad{padding-top:250px}
.mainContent .inner{max-width:800px;margin:0 auto;box-sizing:border-box}
.mainContent.pContent .inner{max-width:900px}


/*-------PRODUCTS:ANCHOR JUMP LINKS----------*/
.anchors{
    margin: 0 auto;
    padding-top: 50px;
    display:block;
    clear: both;
    height: 375px;
    max-width: 900px;
    width: 100%;
}
.anchors__list {
    width: 112px;
    max-height: 300px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    float: left;
    list-style: none;
}
.anchors__link {
    min-height: 23px;
    display:block;
}
.anchors__link--category{
    color: #6b5114;
    margin: 0 0 10px;
    display:inline-block;
    text-decoration: none;
}
.anchors__link--category:hover{
    color: #00A8A2;
}
.anchors__link--product{
    margin: 0;
    color: #022644;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
}

.anchors__link--product:hover{
    color: #00A8A2;
}


.mainContent h1{margin:0 0 30px 0;padding:0 0 10px 0;border-bottom:2px solid #801045;color:#801045;font-size:36px;font-weight:normal;text-transform:uppercase;letter-spacing:1px}
.mainContent h2{margin:0 0 30px 0;padding:0 0 10px 0;border-bottom:2px solid #907C4E;color:#6B5114;font-size:36px;font-weight:normal;text-transform:uppercase;letter-spacing:1px;text-align:center}
.mainContent.pContent h2{padding:10px 0 10px 0;border-top:2px solid #907C4E}
.mainContent p{margin:0 0 12px 0;padding:0;color:#022644;font-size:14px;letter-spacing:1px;line-height:22px}
/*.mainContent ul{margin:0 0 12px 0;padding:0 0 0 20px;color:#022644;font-size:14px;letter-spacing:1px}
.mainContent ul li{margin:0 0 10px;padding:0}*/
.mainContent .tPad100{margin-top:100px}
.mainContent .tPad50{margin-top:50px}
.mainContent .bPad100{margin-bottom:100px}
.mainContent .bPad50{margin-bottom:50px}
.mainContent img{max-width:100%}

.pContent .thirds:after{content:'';display:block;clear:both;height:0}
.pContent .thirds > div{position:relative;float:left;width:33.333%;height:350px;margin:0;padding:0 6% 120px;box-sizing:border-box;text-align:center}
.pContent .thirds > div:before{content:'';display:block;position:absolute;top:0;right:18%;width:16px;height:15px;background-image:url(/img/zoom_button.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer}
.pContent .thirds > div a{color:#022644;font-size:19px;text-decoration:none}
.pContent .thirds > div a img{margin:0 0 10px}

.mainContent.news h2{border-color:#801045;color:#801045;text-align:left}
.mainContent.news .newsItem{margin:0 0 80px}
.mainContent.news .newsItem:after{content:'';display:block;clear:both}
.mainContent.news .newsItem img{float:left;margin:0 45px 20px 0}
.mainContent.news .newsItem p:first-of-type{padding-top:25px}
.mainContent.news .newsItem p a{display:inline-block;margin:10px 0 0;padding:4px 20px;background-color:#022544;border-radius:4px;font-size:16px;color:#FFFFFF;text-transform:uppercase;text-decoration:none}
.mainContent.news .newsItem p a:hover{background-color:#1B6FB9}

.mainContent form{margin:0;padding:30px 0 0}
.mainContent form p{margin:0 0 50px 0;padding:0}
.mainContent form input[type='text']{width:100%;height:35px;margin:8px 0 0;padding:0;background-color:#F5F5F5;border:none;box-sizing:border-box}
.mainContent form input[type='email']{width:100%;height:35px;margin:8px 0 0;padding:0;background-color:#F5F5F5;border:none;box-sizing:border-box}
.mainContent form textarea{width:100%;height:300px;margin:8px 0 0;padding:0;background-color:#F5F5F5;border:none;box-sizing:border-box}
.mainContent form input[type='submit']{display:inline-block;margin:0;padding:15px 35px;background-color:#022644;border:none;box-sizing:border-box;color:#FFFFFF;font-size:15px;line-height:14px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;border-radius:3px}
.mainContent form input[type='submit']:hover{background-color:#1366AA}


 @media(max-width: 375px){
    .pContent .thirds > div{float:left;width: 50%; height:300px;padding:0 4% 40px}
    .anchors {
        width: 70%;
        min-height: 40%;
    }
 }
@media (max-width: 638px) {
    .footer {  
        height: 340px;
        padding: 15px;
    }
    .footer_container--outer {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
    }
    .footer_container--inner-left {
        width: 100%;
        float: none;
    }
    .footer_container--inner-right {
        width: 100%;
        float: none;
        padding: 0;
    }
    .footer__info {
        display: inline-block;
        width: 100px;
        float: none;
        text-align: left;
        padding: 10px;
    }
    .footlists {
        padding-left: 15px;
    }
    .subscribe {
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }
    .subscribe__button {
        margin-top: 10px;
    }
    .subscribe__label, .copyright {
        max-width: 220px;
        width: 100%;
        margin: 12px auto;
    }
}
 @media (max-width: 800px) {
    .products-list {
        height: 1020px;
    }
    .products-list__item {
        clear: both;
        width: 100%;
    }
}
@media (max-width: 896px){
    .anchors{
        padding: 0 10px 0;
    }
    .pContent h2.bPad100{
        clear:both;
    }
}
@media (max-width:768px) {
	.mainContent{padding:0 20px 20px}
	.pContent h2.bPad100{margin-bottom:50px}
	.pContent .thirds.bPad100{margin-bottom:20px}
	.pContent .thirds > div{float:left;width:45%;height:320px;padding:0 6% 50px}
	.pContent .thirds > div:before{right:10%}
	.pContent .thirds > div a{font-size:20px}
	.pContent .thirds > div a img{margin:0 0 5px}
}
@media (max-width:1024px) {
    .header{position:static;top:auto;left:auto;width:100%;height:auto;background-image:none}
    .logo{float:none;background-color:#841045;text-align:center}
    .logo img{width:320px;height:auto}
    .topNav{display:none;float:none;width:220px;height:auto;position:absolute;top:42px;left:0;z-index:10;margin:0;padding:15px;background-color:#000000;background-color:rgba(0,0,0,0.5);box-sizing:border-box;font-family:Oswald;font-weight:400;font-size:17px;line-height:17px}
    .topNav > ul > li{float:none;display:block;height:auto;margin:0;padding:0}
    .topNav > ul > li > a{height:auto;padding:10px;color:#FFFFFF;font-weight:normal}
    .topNav > ul > li > a:hover,.topNav > ul > li > a.selected{color:#FFFFFF}
    .header .mobileNav{display:block;position:absolute;top:20px;left:10px;cursor:pointer}
}

@media (max-width:400px) {
    .logo img{width:300px;margin:5px 35px 0 0}
}

.languageBox {
	position:absolute;
	top:2px;
	right:5px;
	z-index:1;
    background-color: #00A8A2;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
}
.languageBox b {
    display: block;
    height: 16px;
    margin: 0;
    padding: 3px 7px;
    width: 75px;
}
.languageBox b::after {
    color: #ffffff;
    content: ">";
    display: block;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin: -2px 0 0;
    padding: 0;
}
.languageBox ul {
    background-color: #00A8A2;
    border-radius: 0 0 3px 3px;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    display: block;
    height: 0;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: height 0.3s ease-in 0s;
}
.languageBox:hover ul {
    height: 150px;
    list-style: none;
}
.languageBox ul li {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 5px 7px;
}
.languageBox ul li::before {
    margin: 0 5px 0 3px;
}
.languageBox ul li:hover {
	color: #00A8A2;
    background-color: #eeeeee;
    list-style: none;
}
div.translate, p.translate, h1.translate, h2.translate, h3.translate, h4.translate, h5.translate, h6.translate, .topNav ul li a.translate, .pContent a.translate {
    display: none;
}
div.translate.ENG, p.translate.ENG, p.translate.ENG, h1.translate.ENG, h2.translate.ENG, h3.translate.ENG, h4.translate.ENG, h5.translate.ENG, h6.translate.ENG, .topNav ul li a.translate.ENG, .pContent a.ENG {
    display: block;
}