@CHARSET "UTF-8";

figure.left, img.left, img[align="left"] { float: left;margin: 0 42px 34px 0;}
figure.right, img.right, img[align="right"] {float: right;margin: 0 0 34px 42px;}
.border{border-left:1px dotted #aeacab;}
.hide{display:inherit;border:inherit;clip:auto;height: auto;margin:auto;overflow:inherit;padding: inherit;position:inherit;width:auto;}

.container {padding: 1.3em 3em;}
.main{margin-top: 1em;}
.row{margin:1em -1.3em 2em}
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    float:left;
    padding-left:1em;
    padding-right:1em;}

.col-12 {width: 100%;}
.col-11 { width: 91.6667%;}
.col-10 {width: 83.3333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.6667%;}
.col-7 {width: 58.3333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.6667%;}
.col-4 {width: 33.3333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.6667%;}
.col-1 {width: 8.33333%;}

/*headings*/
p {font-size: 1.2em;}
h1 { font-size: 2.50em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.3em;}
.lead {font-size: 1.3em;}
body.home h1{color:#525252;font-size: 1.8em; }

/*header*/
body > header .header-top {height: 157px;position: fixed;}
body > header .header-box {height: 157px;}
body > header .container{position: relative;padding: 0 1.3em;}    
body > header .row { margin: 0;}
body > header .logo{width:250px;height:145px;text-indent:-999999em;background:transparent url('../img/club.svg') no-repeat 0 0;display:inline-block;margin:10px 0;
background-size:250px auto;transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;}

/*header nav scroll*/
body > header.small-header .logo{width:160px;height:97px;text-indent:-999999em;background:transparent url('../img/club.svg') no-repeat 0 0;
display:inline-block;margin:10px 0;background-size:160px auto;
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;margin: 7px 0 9px;}
body > header.small-header .login-info .login-box { width: 491px;}
body > header.small-header .login-info .login-box div {display: inline-block;clear: none;float: left;width: 50%;}
body > header.small-header .header-top {height: 110px;border-bottom: 1px solid #dbcfbb;transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;}
body > header.small-header .header-box {height: 110px;}
body > header nav.small-header {transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;}

/*Nav*/
body > header .nav-container{width: 100%;background: #fff;border-top: 1px solid #dbcfbb;}
body > header nav {float:right;margin: 0;display:inline-block;z-index:999;height:auto;width:776px;background: none;transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;margin-top: 4.1em;}
body > header nav:hover{background-image:none;}
body > header nav ul {display:block;position:static;padding:0;background: none;height:auto;min-height:0;border:0;margin: 0;text-align: right;word-spacing: -5px;}
body > header nav ul li{display:inline-block;vertical-align: top;position:relative;padding:0;word-spacing: 0;margin: 0 0 0 6px;background:none;}
body > header nav ul li:first-of-type{margin-left: 0;}
body > header nav ul li:last-of-type{margin-right: 0;}
body > header nav ul li a{display:block;text-decoration: none;padding:8px 0 45px; text-transform: uppercase;font-size:1em;border-bottom:none;margin:0;line-height:100%;
font-weight: 500;background: transparent;color:#525252;}
body > header nav ul li a:hover,
body > header nav ul li.selected > a, 
body > header nav ul li:hover > a {background: transparent;color:#525252!important;text-decoration: none;}
body > header nav ul li ul {background-color:rgba(255, 255, 255, 0.9);position:absolute;top:61px;left:0;right:auto;padding:0;display:none;text-align:left;
-webkit-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.37);
-moz-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.37);
box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.37);
}
body > header.small-header nav ul li ul{top:44px;}
body > header.small-header nav ul li ul li ul{top:0;}
body > header nav ul li ul li ul{position:relative;top:0;left:0;background-color: transparent;
-webkit-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0);
-moz-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0);
box-shadow: -1px 4px 6px -1px rgba(0,0,0,0);
}
body > header nav ul li.open {}
body > header nav ul li:hover ul{display:block;}
body > header nav ul li ul li{border-left:none;display:block;padding:0;margin: 0;}
body > header nav ul li ul li a{padding:8px 20px;white-space: nowrap;border:none;text-transform: none;font-weight: 600!important;color:#525252;}
body > header nav ul li ul li ul li {display:none;}
body > header nav ul li.open ul li ul li{background-color: transparent;}
body > header nav ul li ul li ul li a {font-weight: 400!important;padding: 3px 20px 3px 30px;position: relative;}
body > header nav ul li ul li.open ul li{display:block;}
body > header nav ul li ul li > a:hover {color:#ec0928!important;border:none;background: transparent!important;} 
body > header nav ul li ul li.selected > a {text-decoration: none;border-bottom:none;}
body > header nav ul li ul li:first-child {margin-left: inherit;} 
body > header nav ul li ul li:last-child {border:none;margin-right: inherit;} 
body > header nav ul li a span{display: inline-block;color:rgba(255, 255, 255, 0);font-weight: bold; padding: 0 5px;}
/*body > header nav ul li:hover > a{font-weight: 600!important;}*/
body > header nav ul li.selected > a{}
body > header nav ul li.selected > a span,
body > header nav ul li:hover > a span{color:#EB0029;}
body > header nav ul li.open, 
body > header nav ul li.open ul li {background-color:transparent;}

body > header nav ul li ul li .arrow{width: 20px;height: 20px; display: inline-block;background:transparent url('../img/arrow-red.svg') no-repeat center center;
text-indent: -10000em;position: absolute;right: 20px;background-size:15px auto;top:6px;}
body > header nav ul li ul li.open .arrow{background:transparent url('../img/arrow-red2.svg') no-repeat center center;background-size:15px auto;}




body > header nav ul li a:hover::before,
body > header nav ul li:hover > a::before {content: '';display: block;position: absolute;top: 43px;left: 0;
display: inline-block;width: 100%;height: 20px;background:transparent url('../img/arrow-red.svg') no-repeat center center;background-size:15px auto;}

body > header nav ul li ul li:hover > a::before{background: none;}

body > header nav ul li.selected ul li a::before,
body > header nav ul li ul li a:hover::before{background: transparent;}
body > header.small-header nav ul li.selected a::before{display: none;}
body > section { margin-top: 157px;padding: 0;}

/*slider home*/
body > section header .slick-slider {margin-bottom: 0;}
body > section header .slide{min-height: 348px; overflow: hidden;}
body > section header .slide-box{ position: relative;}
body > section header .slide-box img{margin: 0 auto;background-size:cover;width: 100%;}
body.home > section header .slide-box {padding-bottom: 66px;}
body > section header .info-box{display: block;position: absolute;top:0;width: 335px;right: 0;color:#fff;padding: 2em;}
body > section header .info-box a{margin-top: 3em;font-size: 1.1em;}
body > section header .info-box, body > section header .slick-dots{display: block!important;}
body > section header .slick-dots{bottom: 216px;}
body > section header .slick-dots li {height: 17px;width: 17px; margin: 0 2px;}
body > section header .slick-dots li button::before { border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;content: "";
height: 10px;width: 10px;opacity: 0.8;background-color: transparent; border: 1px solid #fff;}
body > section header .slick-dots li button {height: 15px;width: 15px;}
body > section header .slick-dots li.slick-active button:before{opacity: 1;background-color: #fff;}
body.home > section header .box-action{width: 204px;height: 204px;transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);border: 3px solid #fff;transition: all 0.2s ease-out 0s;
 -webkit-transition: all 0.2s ease-out 0s;}
body > section header .box-action{width: 204px;height: 204px;transform: translate(-50%, -70%);
-webkit-transform: translate(-50%, -70%);border: 3px solid #fff;transition: all 0.2s ease-out 0s;
 -webkit-transition: all 0.2s ease-out 0s;} 
body.home > section header .box-action:hover{border:3px solid #EB012A;}
body > section header .box-action a {font-size: 1.4em;padding-top: 2em;}
body > section header .box-action a span.icon {width: 47px;height: 47px;margin: 15px auto 0;background-size:47px auto;}

/*dynamic text*/
body > section .dynamictext .box h2{font-size:2.25em!important;}
body > section .team-gallery .item figcaption.info-team{display: none;}
body > section .team-gallery .item:hover  figcaption.info-team-short{display: none;}
body > section .team-gallery .item:hover figcaption.info-team{display: block;}
body > section .team-gallery .item figcaption h2{font-size: 1em;}
body > section .team-gallery .item figcaption.info-team .tel{font-size:1em; }
body > section .team-gallery .item{background-color: #fff;margin: -1px 1px 0;border:1px solid #DDD;border-right:0;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;}
body > section .team-gallery .item:hover{background-color: #EF3125;}

/*form*/
body > section form{float: left;}
body > section form .block div label{ display: inline-block; margin-right: 40px;}
body > section form input[type="submit"]{float: right;}

/*Dropdown menu*/
body > section .sort-box-menu nav .label{font-size:1.5em;}

/*Products home page*/
body > section .product-cat span{font-size: 2em;padding: 0.2em 1em;}
.slider-prods-box p{padding-right: 2em;}

/*Nav*/
body > section nav.prod-nav {float:left;margin:0 0 3em; background: none;
display:block;z-index:998;height:45px;width:100%;background-size:100% auto;}
body > section nav.prod-nav ul {display:block;list-style:none;position:relative;
padding-top: 0;text-align:left;margin: 0;background-color: transparent;
border-top:none;border-bottom:none;width: 100%;}
body > section nav.prod-nav:hover{background: none;}
body > section nav.prod-nav ul li a{display:inline-block;text-decoration:inherit;padding:0 6px 0 3px ; font-size:0.95em;margin: 0;color:#525252;}
body > section nav.prod-nav:hover ul{display:block;}
body > section nav.prod-nav ul li {background:transparent;display: inline-block;}
body > section nav.prod-nav span{display: inline-block;}
body > section nav.prod-nav ul li a:hover{color: #ec0928;}
body > section nav.prod-nav ul li:nth-last-of-type(1) span {display: none;}


/*nutritional facts*/
body > section .facts li{width: 97px; height: 60px; }
body > section .facts li .val1 {font-size: 1.8em;}
body > section .facts li .val3 {font-size: 0.9em;}
body > section .facts li .val2 {font-size: 0.9em;}

/*footer*/
footer .container{padding: 1.3em 3em;}
footer .row{margin: 2em -1.3em;}
footer .legal{bottom: 0;height: 53px;position: absolute;width: 100%;}
footer .legal .container{position: relative;padding: 0 3em;}
footer .legal a {text-decoration: none;font-size: 0.875em;}
footer .legal .col-5 span{display: block;padding-top: 9px;}
footer .legal .col-5 {width: 60%;float: left;}
footer .legal .col-7{width: 40%;float: right;text-align: right;}
footer .legal .col-7 span{text-align: right;margin-top: 7px;}


footer .legal .col-7 span:nth-of-type(1){display: inline-block;padding: 0 1em;}
footer .legal .col-7 a {padding-top: 8px;float: none;}
.social ul {margin-top: 0px;}
footer .col-3 img {margin-top: 0;margin-bottom: 45px;}




