/* DO NOT MODIFY VIA EDITOR */
/*  Theme Name: Bare Republic  Author: Explore Consulting */
@import "//fonts.googleapis.com/css?family=Lobster";
@font-face{font-family:'DINPro';
    src:url(fonts/DINPro.eot);
    src:url(fonts/DINPro.eot#iefix) format("embedded-opentype"),
    url(fonts/DINPro.woff) format("woff2"),
    url(fonts/DINPro.woff) format("woff"),
    url(fonts/DINPro.ttf) format("truetype")
}
@font-face{font-family:'DINPro-Bold';
    src:url(fonts/DINPro-Bold.eot);
    src:url(fonts/DINPro-Bold.eot#iefix) format("embedded-opentype"),
    url(fonts/DINPro-Bold.woff) format("woff2"),
    url(fonts/DINPro-Bold.woff) format("woff"),
    url(fonts/DINPro-Bold.ttf) format("truetype")
}
@font-face{font-family:'DINPro-Italic';
    src:url(fonts/DINPro-Italic.eot);
    src:url(fonts/DINPro-Italic.eot#iefix) format("embedded-opentype"),
    url(fonts/DINPro-Italic.woff) format("woff2"),
    url(fonts/DINPro-Italic.woff) format("woff"),
    url(fonts/DINPro-Italic.ttf) format("truetype")
}

/*----------------------------- modified bootstrap grid-----------------------------*/
.container-fluid{margin-right:auto;margin-left:auto}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .col-sm-pull-12{right:100%}
    .col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}
    .col-sm-pull-9{right:75%}
    .col-sm-pull-8{right:66.66666667%}
    .col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}
    .col-sm-pull-5{right:41.66666667%}
    .col-sm-pull-4{right:33.33333333%}
    .col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}
    .col-sm-pull-1{right:8.33333333%}
    .col-sm-pull-0{right:auto}
    .col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}
    .col-sm-push-10{left:83.33333333%}
    .col-sm-push-9{left:75%}
    .col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}
    .col-sm-push-6{left:50%}
    .col-sm-push-5{left:41.66666667%}
    .col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}
    .col-sm-push-2{left:16.66666667%}
    .col-sm-push-1{left:8.33333333%}
    .col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0}
}
@media (min-width: 1025px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
    .col-md-12{width:100%}
    .col-md-11{width:91.66666667%}
    .col-md-10{width:83.33333333%}
    .col-md-9{width:75%}
    .col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}
    .col-md-6{width:50%}
    .col-md-5{width:41.66666667%}
    .col-md-4{width:33.33333333%}
    .col-md-3{width:25%}
    .col-md-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
    .col-md-pull-12{right:100%}
    .col-md-pull-11{right:91.66666667%}
    .col-md-pull-10{right:83.33333333%}
    .col-md-pull-9{right:75%}
    .col-md-pull-8{right:66.66666667%}
    .col-md-pull-7{right:58.33333333%}
    .col-md-pull-6{right:50%}
    .col-md-pull-5{right:41.66666667%}
    .col-md-pull-4{right:33.33333333%}
    .col-md-pull-3{right:25%}
    .col-md-pull-2{right:16.66666667%}
    .col-md-pull-1{right:8.33333333%}
    .col-md-pull-0{right:auto}
    .col-md-push-12{left:100%}
    .col-md-push-11{left:91.66666667%}
    .col-md-push-10{left:83.33333333%}
    .col-md-push-9{left:75%}
    .col-md-push-8{left:66.66666667%}
    .col-md-push-7{left:58.33333333%}
    .col-md-push-6{left:50%}
    .col-md-push-5{left:41.66666667%}
    .col-md-push-4{left:33.33333333%}
    .col-md-push-3{left:25%}
    .col-md-push-2{left:16.66666667%}
    .col-md-push-1{left:8.33333333%}
    .col-md-push-0{left:auto}
    .col-md-offset-12{margin-left:100%}
    .col-md-offset-11{margin-left:91.66666667%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-8{margin-left:66.66666667%}
    .col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-6{margin-left:50%}
    .col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-3{margin-left:25%}
    .col-md-offset-2{margin-left:16.66666667%}
    .col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-0{margin-left:0}
}
@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
    .col-lg-12{width:100%}
    .col-lg-11{width:91.66666667%}
    .col-lg-10{width:83.33333333%}
    .col-lg-9{width:75%}
    .col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}
    .col-lg-6{width:50%}
    .col-lg-5{width:41.66666667%}
    .col-lg-4{width:33.33333333%}
    .col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}
    .col-lg-1{width:8.33333333%}
    .col-lg-pull-12{right:100%}
    .col-lg-pull-11{right:91.66666667%}
    .col-lg-pull-10{right:83.33333333%}
    .col-lg-pull-9{right:75%}
    .col-lg-pull-8{right:66.66666667%}
    .col-lg-pull-7{right:58.33333333%}
    .col-lg-pull-6{right:50%}
    .col-lg-pull-5{right:41.66666667%}
    .col-lg-pull-4{right:33.33333333%}
    .col-lg-pull-3{right:25%}
    .col-lg-pull-2{right:16.66666667%}
    .col-lg-pull-1{right:8.33333333%}
    .col-lg-pull-0{right:auto}
    .col-lg-push-12{left:100%}
    .col-lg-push-11{left:91.66666667%}
    .col-lg-push-10{left:83.33333333%}
    .col-lg-push-9{left:75%}
    .col-lg-push-8{left:66.66666667%}
    .col-lg-push-7{left:58.33333333%}
    .col-lg-push-6{left:50%}
    .col-lg-push-5{left:41.66666667%}
    .col-lg-push-4{left:33.33333333%}
    .col-lg-push-3{left:25%}
    .col-lg-push-2{left:16.66666667%}
    .col-lg-push-1{left:8.33333333%}
    .col-lg-push-0{left:auto}
    .col-lg-offset-12{margin-left:100%}
    .col-lg-offset-11{margin-left:91.66666667%}
    .col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-9{margin-left:75%}
    .col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-6{margin-left:50%}
    .col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-3{margin-left:25%}
    .col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-0{margin-left:0}
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
/*-----------------------------reset and helper classes-----------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
::-moz-selection,::selection{background:none repeat scroll 0 0 #25549a;color:#fff;text-shadow:none}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul.no-list,.no-list ul,ul.no-list li,header nav ul,header nav li,footer .nav li,footer ul.nav{list-style:none;margin:0;padding:0}
ul.inline li{display:inline-block}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.text-align-left, .text-align-Left {text-align:left}
.bold{ font-family: 'DINPro-Bold', sans-serif;}
.italic{ font-family: 'DINPro-Italic', sans-serif;}
.float-right,.pull-right{float:right}
.float-left,.pull-left{float:left}
small,.small,.smalltext{font-size:80%;color:inherit}
.large{font-size:120%}
.hidden{display:none}
.lobster{font-family:'Lobster',cursive !important;}
.yellow {color: #fbe446;}
.dark-yellow {color: #ffce00;}
.orange {color: #ffa409;}
/*----------------------------- elements -----------------------------*/
body,html{font-size:14px;color:#9a9b9d;font-family:'DINPro',sans-serif;height:100%}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html.no-js,html.js{margin:0!important}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
h1,h2,h3,h4,h4,h5,h6{font-family:'DINPro-Bold',serif;font-weight:400}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:26px}
h4{font-size:22px}
h5{font-size:18px}
h6{font-size:14px}
a{color:#00add9;text-decoration:none}
a:active,a:hover{outline:0;text-decoration:underline;color:#00add9}
a:focus{outline:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;color:#00add9}
img{vertical-align:bottom;max-width:100%}
strong{font-weight:400;font-family:'DINPro-Bold',serif}
/*----------------------------- style all form elements + buttons -----------------------------*/
fieldset{min-width:0;padding:0;margin:0;border:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none;border-radius:0;box-shadow:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
address{font-style:normal}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
/*---- buttons and form elements */
input[type=submit],input[type=button],button,a.button,.button{box-shadow:none;border:none;outline:none;cursor:pointer;text-transform:uppercase;color:#000000;padding:10px 12px;font-size:18px;font-weight:500;background:transparent;border:none;box-shadow:none;border-radius:0}

button.button, a.button, input[type=submit].button, input[type=button].button, .coolaBtn  {border: 2px solid #000000;padding: 8px 20px; -o-transition: all 0.2s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s; overflow:hidden;z-index: 1;position: relative; display:inline-block; overflow: hidden;}
button.button:hover, a.button:hover, input[type=submit].button:hover, input[type=button].button:hover, .coolaBtn:hover {text-decoration:none;}

button.button:hover, a.button:hover, input[type=submit].button:hover {color: white;}
input[type=submit].button:hover {background: #000000}
button.button:before, a.button:before, input[type=submit].button:before {content: "";position: absolute; background: #ff9016; z-index: -1; -webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;   -webkit-transform:scale3d(0.1, 0.1, 1);-moz-transform:scale3d(0.1, 0.1, 1);-ms-transform: scale3d(0.1, 0.1, 1);-o-transform: scale3d(0.1, 0.1, 1); transform:scale3d(0.1, 0.1, 1);opacity:0;  top: 0;left: 0;width: 100%;height: 100%;}
button.button:hover:before, a.button:hover:before, input[type=submit].button:hover:before, button.button:focus:before, a.button:focus:before, input[type=submit].button:focus:before {opacity: 1;-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:  scale3d(1, 1, 1); transform: scale3d(1, 1, 1);;height: 200%;width: 200%;left: -50%;top: -50%; }

.button.button-white {border:2px solid #ffffff;color:white;}
.button.button-white:before {background: #ff9016}
.button.button-white:hover {border-color: #ff9016}

.button.button-orange {border:2px solid #ff9016;color:#ff9016;}
.button.button-orange:before {background: #ff9016; color: white;}
.button.button-orange:hover {border-color: #ff9016}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,input#qty,input.input{outline:none;background-color:#fff;border:1px solid #9d9d9d;color:#9a9b9d;font-size:14px;line-height:18px;padding:4px;width:100%;font-weight:400;-webkit-box-shadow:none;-mox-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;height:auto}
select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus{border-color:#00add9}
a.grow-underline:after{content:"";display:block;height:2px;width:10%;margin:15px auto 0;background:#dfdfdf;transition:all .3s ease-out}
a.grow-underline:hover:after{width:65%}
.buckets .bucket h3{font-size:30px;margin-top:50px;font-weight:100}
@media (max-width: 1024px) {
    a.grow-underline:after{width:65%}
}
/*----------------------------- chrome -----------------------------*/
.container .inner,.inner, .content > .woocommerce{max-width:1280px;margin:0 auto}
@media (max-width:1320px) {
    .container .inner, .inner, .content > .woocommerce {width:100%;max-width:100%;padding:0 20px}
}
.site-content-wrapper{position:relative;z-index:2;margin-top:60px;}
.social-media-icons p{text-transform:uppercase}
.social-media-square a span{background:#8a8a8c;color:#fff;text-align:center;height:35px;width:35px;display:inline-block;margin-right:4px;overflow:hidden;vertical-align:middle}
#mobile_menu .social-media-square a span{background:#fff;margin:0}
.social-media-square-small a span{height:24px;width:24px}
.social-media-square i{display:inline-block;line-height:38px;font-size:18px}
.social-media-square-small i{line-height:24px;font-size:16px}

.share-link .menu-item {display: inline-block; vertical-align: middle;width:auto;height: auto;}
.share-link .menu-item a {font-size: 0; color: transparent;width:auto;}
.share-link .menu-item a:before {display: inline-block; font-family: 'FontAwesome';font-size: 18px; color: #8a8a8d; padding-right:12px;}
@media (max-width:1170px) {
    .share-link .menu-item a:before {color:white; padding-right:0; font-size: 28px;}
    .share-link .menu-item a {padding: 8px;}
    .menu-items-no-toggle li.share-link {padding-left: 8px;}
}
/* facebook */
.menu-item-618 a:before {content:"\f230"}
/* twitter */
.menu-item-619 a:before {content:"\f081"}
/* instagram */
.menu-item-620 a:before {content:"\f16d"}
/*----------------------------- header -----------------------------*/
header#site-header {padding: 0; text-align:center;z-index: 10; position: fixed; top:0; left:0;right:0; background: rgba(255,255,255,.98);-webkit-transform: translate3d(0,0,0);}
header#site-header:hover {background: rgba(255,255,255,1) }
header#site-header a.logo {display:inline-block; width: 18%;text-align:center;height:60px; padding:12px 0; }
header#site-header a.logo img {max-height: 100%}
header nav > ul > li {display:inline-block; vertical-align:top;}
.main-navigation-left ul.navigation-menu > li > a {padding: 21px 20px;display: block;}
header a:hover {text-decoration: none}

/*----------------------------- main navigation -----------------------------*/
.main-navigation-left,.main-navigation-right{width:41%}
.main-navigation-right,.main-navigation-right a{color:#8a8a8d}
.main-navigation-right{text-align:right}
.main-navigation-left ul.navigation-menu{position:relative;text-align:left;text-transform:uppercase}
.main-navigation-left .nav > li {position: relative; overflow: visible;}
.main-navigation-left .nav > li > a {padding:10px 0}
.main-navigation-left .nav > li:hover {background: #ff9016; }
.main-navigation-left .nav > li:hover a, .main-navigation-left .nav > li a:hover {color:white;}
.main-navigation-left .nav > li > .sub-menu{background:#ff9016;position:absolute;padding:20px;max-width:640px;opacity:0;top:52px;visibility:hidden;z-index:1;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; -webkit-box-shadow:2px 2px  2px rgba(0,0,0,.2);-mox-box-shadow:2px 2px 2px rgba(0,0,0,.2);box-shadow:2px 2px 2px rgba(0,0,0,.2); min-width: 200px; left:0; color:white;}

.main-navigation-left li:hover .sub-menu{opacity:1;top:60px;visibility:visible;}
.main-navigation-left .sub-menu li{display:block}
.main-navigation-left .sub-menu p{border-bottom:1px solid #fff;padding:8px 0;margin:0 0 7px;cursor:default}
.main-navigation-left .sub-menu .has-submenu,.main-navigation-left .menu-item-163 > .sub-menu > li{width:33.3%;float:left;position:relative}
.main-navigation-left .sub-menu .has-submenu a,.main-navigation-left .sub-menu a{padding:4px 0 3px;display:inline-block;border-bottom:1px solid #ff9016}
.main-navigation-left .sub-menu .has-submenu a:hover,.main-navigation-left .sub-menu a:hover,.main-navigation-left .menu-item-has-children .sub-menu > li.menu-item-has-children > a{text-decoration:none;border-bottom:1px solid #fff}
.main-navigation-left .menu-item-has-children .sub-menu > li.menu-item-has-children > a{margin-bottom:7px}
.main-navigation-left a {color:#8a8a8d;text-transform:uppercase}
.main-navigation-right li {vertical-align:middle;height:60px;width:60px;overflow:hidden;position:relative;float:right}

.main-navigation-right .navigation-menu > li > a {text-align:center;display:block;height:60px;line-height:60px;padding:0 20px}
.main-navigation-right li > a,.main-navigation-right li > .sub-menu{float:right}
.main-navigation-right li > .sub-menu{overflow:hidden;vertical-align:top;line-height:60px;position:absolute;right:60px;top:0}
.main-navigation-right li.share-link > .sub-menu {right:50px;}
.main-navigation-right li:hover > .sub-menu, .main-navigation-right li > .sub-menu:hover{width:auto}
.main-navigation-right li:hover{width:auto}
.main-navigation-right li.search-link:hover{width:310px}
.main-navigation-right li.search-link input{border:none;border-bottom:1px solid #555}
.main-navigation-right li.share-link:hover{width:140px}
.main-navigation-right li.my-account-container:hover{width:210px}
.main-navigation-right li.shopping-link span.circle {  display: block;color: white;position: absolute;top: 8px;right: 7px;border-radius: 50%; background: #ff9016;padding:0;height:20px; width:20px; text-align: center; line-height: 20px;font-size: 12px;}
.main-navigation-right li.shopping-link:hover{width:200px}
.shopping-link .sub-menu a:after {content: " "; display: inline-block; margin-left: 4px; padding-left:4px; border-left: 1px solid #ccc }
.shopping-link .sub-menu a:after:first-child {contet:""; margin-left: 0}
#wpadminbar{display:none!important;visibility:hidden}
/*----------------------------- mobile menu -----------------------------*/
#site-wrapper{position:relative}
.page-overlay{position:absolute;top:0;left:0;z-index:3000;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity 0.4s,-webkit-transform 0 .4s;transition:opacity 0.4s,transform 0 .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);display:none}
.menu-open .page-overlay{opacity:1;-webkit-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/*----------------------------- hamburger */
.hamburger{width:30px;height:42px;position:relative;margin:0 16px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
.hamburger span{display:block;position:absolute;height:4px;width:100%;background:#8a8a8b;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.hamburger span:nth-child(1){top:6px}
.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:16px}
.hamburger span:nth-child(4){top:26px}
.hamburger.open span:nth-child(1){top:16px;width:0;left:50%}
.hamburger.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.hamburger.open span:nth-child(4){top:18px;width:0;left:50%}
/*----------------------------- menu items */
#mobile_menu{height:100%;min-height:100%;top:0;z-index:1000;width:240px;left:-240px;position:fixed;background:#00add9;color:#fff;bottom:0;overflow-y:scroll;padding:60px 0 40px;-ms-overflow-style:-ms-autohiding-scrollbar}
#mobile_menu::-webkit-scrollbar{display:none}
.mobile-menu-inner{min-height:780px;padding-bottom:40px}
#mobile_menu a,#mobile_menu p{color:#fff}
#mobile_menu .search input[type='text']{color:#9a9b9d}
.menu-open #mobile_menu{left:0}
#mobile_menu_trigger{position:fixed;left:0;top:12px;z-index:20000}
#mobile_menu p,.menu-items-no-toggle a,#footer-accordion a,.social-media-icons p,.mobile-menu-inner > div > ul > li a{padding:8px 16px;font-size:16px;cursor:pointer;line-height:26px;display:block}
#mobile_menu p,.menu-items-no-toggle a,#footer-accordion a{display:block}
#mobile_menu .sub-menu li a:hover,#mobile_menu .sub-menu li a:focus{text-decoration:none}
#mobile_menu p span,.mobile-footer p span,.mobile-menu-inner > div > ul > li a span{float:right;line-height:26px;display:inline-block}
#mobile_menu .submenu,#mobile_menu .sub-menu .sub-menu,#learn_accordion .sub-menu,#blog_accordion .sub-menu,#press_accordion .sub-menu{background:#00add9}
#mobile_menu .submenu li a,.menu-items-no-toggle a{display:block;padding:8px 16px}
#mobile_menu li .sub-menu a {background: #ffce00; color: #555}
#mobile_menu .menu-item-163 > a{display:none}
.menu-items-no-toggle li{display:block;overflow:auto}
.menu-items-no-toggle li.search{padding:20px 0;margin:20px 0 20px -1px}
.menu-items-no-toggle i{display:inline-block;margin-right:8px}
.mobile-footer #footer-accordion p{font-size:16px;cursor:pointer;display:block;text-transform:uppercase;line-height:26px}
.mobile-footer .submenu{background:#fff}
/*----------------------------- search */
.search form {display:block; position: relative;}
.search input[type='text'] {width: 208px; margin-left:16px; line-height:35px;font-size:16px; padding-right:35px;background:#fdf7ed}
.search button[type='submit'] {max-width:50px;background:#fdf7ed;position: absolute; right: 18px; top:1px; color: #8a8a8c; height:43px; }
.search button[type='submit']:before { color: #8a8a8c; }
/*----------------------------- social */
.menu-items-no-toggle li.social-icons{margin-top:20px;padding-left:16px}
.menu-items-no-toggle li.social-icons li{display:inline-block}
.menu-items-no-toggle li.social-icons .social-media-square a{background:#fff;padding:0}
#mobile_menu .social-icons i{color:#00add9;margin:0;line-height:36px;font-size:26px;border-radius:1px}
.show-nav #site-canvas{-webkit-transform:translateX(250px);transform:translateX(250px);transform:translate3d(250px,0,0);-webkit-transform:translate3d(250px,0,0)}

/*----------------------------- footer -----------------------------*/
footer{background: #ff9016;position: relative;z-index: 3;color:white;}
footer ul{padding:0;margin-top:4px;list-style-type:none}
footer li{padding:4px 0}
footer ul li a{font-size:14px;color:#fff}
footer ul li a:hover, footer ul li a:focus, footer ul li a:active {text-decoration:none;color:#fff}
#footer-accordion a {color: #ff9016}
footer .footer-contact ul li{color:#fff}
footer .nav p {text-transform:uppercase;font-family: 'DINPro-Bold', serif; }
footer .social-media-icons a:hover{color:#fff;text-decoration:none;border:none}
footer .social-media-icons a:hover:before{background:#fff}
footer .social-media-icons a:before{font-family:'FontAwesome';color:#fff;background:#ff9016;text-align:center;height:24px;width:24px;margin-right:4px;display:inline-block;line-height:24px;font-size:16px}
footer .copyright a {color:#ff9016 }
footer .social-media-icons a:hover:before {background: white; color: #ff9016}
.mobile-footer .social-media-icons a{color:transparent;font-size:0}
.mobile-footer .social-media-icons a:before{font-size:18px;line-height:38px;height:35px;width:35px}
.menu-item-275 a:before{content:'\f09a'}
.menu-item-276 a:before{content:'\f16d'}
.menu-item-277 a:before{content:'\f099'}
.menu-item-278 a:before{content:'\f231'}
.menu-item-279 a:before{content:'\f0d5'}
.footer-newsletter-mobile{padding:0 16px;margin:16px 0}
.sign-up input[type="email"],.sign-up input[type="text"]{margin-top:8px;border:none;width:67%;line-height:35px}
.sign-up button, .sign-up input[type="submit"] {background:#00add9;font-size:14px;color:#fff;padding:10px 9px 12px;width:17%;border-radius:0;border:none;margin-left:-4px;min-width:33%;border-bottom:4px solid #00add9; height:43px;vertical-align: bottom;display: inline-block}
.sign-up button:hover, .sign-up input[type="submit"]:hover{background:#00a1c9;border-bottom:4px solid #00a1c9}
.copyright{font-size:12px;margin-top:30px}
@media (min-width:1171px) {
    #mobile_menu{display:none}
    header [role='navigation'] ul li{display:inline-block}
    .main-navigation-right li > .sub-menu,.main-navigation-right li{-webkit-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;-ms-transition:all .3s ease .15s;transition:all .3s ease .3s;-ms-transform:translateZ(0);transform:translateZ(0)}
    button.button,a.button,input[type=submit].button,input[type=button].button,.coolaBtn{-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s;-o-transition:all .3s ease .15s;-ms-transition:all .3s ease .15s;transition:all .3s ease .15s;-ms-transform:translateZ(0);transform:translateZ(0)}
    .desktop-menu{display:block}
    .mobile-menu{display:none}
}
.pusher, #site-wrapper {height:100%}
@media (max-width:1170px) {
    #mobile_menu{display:block}
    #footer-accordion p{padding:12px 16px}
    #mobile_menu,.pusher,header#site-header,a.logo{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
    body{position:relative}
    .pusher{left:0;position:relative}
    .menu-open .pusher{left:240px}
    .menu-open header#site-header{right:-240px;left:0}
    .menu-open #mobile_menu_trigger span{background:#fff}
    .desktop-menu,.desktop-footer{display:none}
    .mobile-menu,.mobile-footer{display:block}
    .mobile-menu{width:240px;height:60px;position:fixed;z-index:2000;left:-240px;top:0}
    .menu-open .mobile-menu{background:#ff9016}
    header#site-header .header-inner{position:relative}
    header#site-header a.logo{position:absolute;left:50%;margin-left:-92px;top:0;width:184px}
}
@media (min-width:768px) {
    .wrapper {margin: 0 auto -250px;min-height: 100%;}
    footer, .push {height: 250px;}
    .push {position: relative;z-index: 1}
    .desktop-footer{display:block}
    .mobile-footer{display:none}
    footer{padding-top:40px; }
    footer ul li a{border-bottom:1px solid #ff9016}
    footer ul li a:hover{border-bottom:1px solid #fff}
    footer h5{text-transform:uppercase;margin-bottom:4px;padding-bottom:3px;font-size:14px;color:#fff;font-family:'DINPro-Bold',sans-serif;cursor:default}
}
@media (max-width:767px) {
    .desktop-footer{display:none}
    .mobile-footer{display:block}
    footer .inner{padding:0}
    footer{padding:16px 0}
    .nav-shopping .my-account-container,.nav-shopping .checkout-link,.nav-shopping .search-link{display:none}
    header#site-header a.logo{max-width:148px;margin-left:-74px;line-height:36px}
}
@media (max-width:360px) {
    .mobile-footer ul.no-list.social-media-square{padding-left:16px}
}
/*----------------------------- homepage -----------------------------*/
/*----------------------------- slider */
.owl-carousel,.slider-image{height:80vh;min-height:500px;max-height: 530px}
.owl-carousel-item-text{text-align:left!important}
.owl-carousel .owl-item img{height:auto!important}
.owl-controls{width:100%;position:absolute;bottom:5px}
.owl-pagination{width:100%;margin:0 auto}
.owl-page{width:18%;margin:0 .5%}
.owl-page span{border-radius:0;width:100%;height:3px;background:#99999A;opacity:1}
.owl-page.active span{background:#fff}
.scrolled .owl-carousel{padding-top:60px}
.slider-image{background-repeat:no-repeat;position:relative; background-position: center top;}
/*----------------------------- slide content on slide */
.slider-image .slide-content{line-height:1.4;}
.slider-image .slide-content.slide-content-left {width: 33%; padding-left:30px;}
.slider-image .slide-content::after{clear:both;content:"";display:table}
.slider-image .slide-content h1, .slider-image .slide-content h2,.slider-image .slide-content h3,.slider-image .slide-content h4,.slider-image .slide-content h5,.slider-image .slide-content h6{text-align:left;line-height:1;font-family:'DINPro-Bold',sans-serif}
.slider-image .slide-content p:nth-child(1){font-size:48px}
@media (min-width:1921px) {

    .slider-image{background-position: center top; background-size:cover}
}
@media (min-width:1025px) {
    .slider-image .slide-content{height:300px;position:absolute;top:50%;margin-top:-120px;}
    .slider-image .slide-content h2{font-size:60px}
    .slider-image .slide-content h1{font-size:72px}
    .slider-image .slide-content p{font-size:32px}
    .slider-image .slide-content a{font-size:24px;margin-top:24px}
}
@media (max-width:1024px) {
    .slider-image{background-size:cover;}
    .slider-image .slide-content{height:300px;position:absolute;top:50%;margin-top:-170px}
    .slider-image .slide-content h2{font-size:40px}
    .slider-image .slide-content h1{font-size:48px}
    .slider-image .slide-content p{font-size:24px}
    .slider-image .slide-content a{font-size:24px;margin-top:12px}
}
/*----------------------------- content */
.content > .woocommerce {padding-top: 20px;}
.welcome {position:relative;text-align:center;padding:20px 0;z-index:100}
.welcome h1{color:#fff;font-size:24px;text-transform:uppercase;font-family:'DINPro',sans-serif}
.homepage .welcome{background:#26cad3}
.sunscience .welcome h1{color:#ff9016}
.content-text,.page-header-content{display:table}
[class*='homepage-conten'] .content-text{background:#fef8f1;height:400px}
.content-text-inner,.page-header-content-inner{display:table-cell;vertical-align:middle}
[class*="homepage-content-block"]{margin:60px auto}
.homepage-content-block-1,.homepage-content-block-3{text-align:center}
.homepage-content-block-1 h3 a,.homepage-content-block-3 h3 a{text-align:center;font-size:24px;display:block;color:#8b8a8f;font-family:'DINPro',sans-serif;margin-bottom:20px}
.homepage-content-block-1 h3 a:hover,.homepage-content-block-3 h3 a:hover{text-decoration:none}
.homepage-content-block-1 img,.homepage-content-block-3 img{max-width:100%}

.homepage-content-block-2 .content-text-inner {padding: 0 10%}
.homepage-content-block-2 h2,.homepage-content-block-2 h6{font-family:'DINPro',sans-serif;line-height:1.6}
.homepage-content-block-2 h1{font-size:42px;line-height:1}
.homepage-content-block-2 a.button{display:inline-block;margin-top:32px;}

.homepage-content-block-4{text-align:center; }
.homepage-content-block-4 .join-banner {position: relative; min-height: 250px;}
.homepage-content-block-4 h2{font-size:32px;line-height:1.6;font-family:'DINPro',sans-serif;text-align:center; position: relative; z-index: 10}
.homepage-content-block-4 a,.homepage-content-block-4 p{font-size:26px;display:inline-block;color:#8b8a8f;line-height:26px;position: relative; z-index: 10}
.homepage-content-block-4 a i{font-size:24px}
.homepage-content-block-4 img {marign-top: -20px; position: absolute; display: inline-block; top:0; z-index: 1; left: 0; right: 0}
.ready-pulse{margin-top:4px;overflow:hidden}
@media (max-width: 1320px) {
    .homepage-content-block-2 img{max-width:200%}
    .homepage-content-block-2 .col-md-7{overflow:hidden; text-align: left}
}
@media (max-width: 1280px) {
    .homepage-content-block-4 .join-banner {min-height: 100px; overflow: hidden}
}
@media (max-width: 1024px) {
    .content-text,.homepage-content-block-2 .col-md-7{height:334px}
    .homepage-content-block-2 img{max-width:200%;max-height:334px}
}
@media (max-width: 767px) {
    .homepage-content-block-2 img{max-width:100%;max-height:100%}
    .homepage-content-block-2 .col-md-7{height:auto}
    .content-text{width:100%}
}
@media (max-width: 667px) {
    .homepage-content-block-3 [class*='col']{width:100%;float:none}
}
/*----------------------------- two column grid styles */
.page p {line-height: 1.3;margin: 8px 0}
.two-column-post .page-header,.page-header-content{height:350px; margin-bottom: 60px;}
.page-header-content{max-width:325px}
.page-header .inner{position:relative;z-index:20}
.page-header img{position:absolute;top:0;z-index:10}
.page-header h1{font-family:'DINPro',sans-serif;font-size:60px;color:#fff;line-height: .9;margin-bottom: 20px;}
.page-header p{color:#000;font-size:20px}
.custom-page h2{color:#26cad3;padding:20px 0;font-size:40px}
.custom-page section:last-child{margin-bottom:40px}
.sunscience section h2{padding:60px 0}
.sunscience section p{font-size:20px;padding:0 20px 20px 0}
.sunscience section:nth-child(even){background:#f5eee0;margin-bottom:20px}
.sunscience section:last-child{margin-bottom:0}
.sunscience [class*='text-wrapper']{padding:0 20px}
.sunscience .image-caption{color:#26cad3;padding-top:20px}
.blog-featured .blog-summary-content{display:table;height:100%;min-height:400px;table-layout:fixed;width:100%}
.blog-summary-content-inner{display:table-cell;vertical-align:middle;padding-left:20px}
.blog-featured{height:60vh;min-height:400px;overflow:hidden;margin:20px 0}
.blog-featured img,.blog-image-wrapper img{max-height:100%!important;height:auto!important;width:auto!important}
.blog .inner{width:1280px;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;-moz-column-count:5;-webkit-column-count:5;column-count:5}
.blog section{background:#fff;display:inline-block;position:relative;overflow:hidden;max-width:100%}
.blog section h1,.blog section p,.blog section a{position:relative;z-index:10}
.blog section h1{font-size:18px;margin:8px 0 16px;font-family:'Swiss',sans-serif}
.blog section a{display:inline-block;margin-top:8px}
.blog section .blog-summary-content{padding:20px 12px}
@media (max-width:1320px) {
    .homepage-content-block-4 .inner,.homepage-content-block-2 .inner{padding:0}
}
@media (min-width: 1250px) {
    header.navigation .nav-pages .nav-link{display:inline}
    a.toggle-nav,a.toggle-nav-sidemenu{display:none}
}
@media (min-width: 1140px) {
    .banner .first-banner .info{padding-top:120px}
}
@media (min-width: 1120px) {
    header.navigation .navigation-menu-button{display:none}
    header.navigation .nav-shopping{display:inline!important}
}
@media (min-width: 1050px) {
    header.navigation .nav-shopping ul.shop-links li:last-child{display:none}
    header.navigation .nav-shopping ul.shop-links{padding-top:10px}
    header.navigation .nav-home{float:left;display:block;margin-right:2.36%;width:31.76%}
    header.navigation .nav-home:last-child{margin-right:0}
    header.navigation .nav-shopping ul.shop-links li:nth-child(n+2):nth-child(-n+4){display:inline-block}
    header.navigation li.more{position:relative}
    header.navigation ul.submenu{position:absolute}
    header.navigation ul.submenu .submenu{top:0}
    header.navigation ul.submenu li a{text-align:left}
    .banner .first-banner .info{-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;-webkit-flex:2;-moz-flex:2;-ms-flex:2;flex:2;padding-top:70px}
    .banner .first-banner .image{-webkit-box-flex:4;-moz-box-flex:4;box-flex:4;-webkit-flex:4;-moz-flex:4;-ms-flex:4;flex:4}
    .banner .first-banner .image img{width:100%}
    .buckets-sm .bucket{float:left;display:block;margin-right:2.36%;width:14.7%}
    .buckets-sm .bucket:last-child{margin-right:0}
    .buckets-sm .bucket:nth-child(3n){margin-right:2.36%}
    .buckets-sm .bucket:nth-child(3n+1){clear:none}
    .buckets-sm .bucket:nth-child(6n){margin-right:0}
    .buckets-sm .bucket:nth-child(6n+1){clear:left}
}
@media (min-width: 768px) {
    .buckets{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row}
    header.navigation .nav-shopping ul.shop-links li:first-child{display:inline-block}
    header.navigation nav{float:left}
    header.navigation ul.navigation-menu{display:inline;margin:0;padding:0}
    header.navigation ul li.nav-link{background:transparent;display:inline;line-height:60px;text-decoration:none}
    header.navigation .nav-pages{float:left;display:block;margin-right:2.36%;width:40.29%}
    header.navigation .nav-pages:last-child{margin-right:0}
    header.navigation .nav-home{float:left;display:block;margin-right:2.36%;width:14.7%}
    header.navigation .nav-home:last-child{margin-right:0}
    header.navigation .nav-home img{width:auto}
    header.navigation .nav-shopping{float:left;display:block;margin-right:2.36%;width:40.29%}
    header.navigation .nav-shopping:last-child{margin-right:0}
    .welcome{font-size:28px}
    .banner .first-banner{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row}
    .banner .first-banner .info{padding-top:90px}
    .banner .first-banner .image img{width:auto}
    .sign-up{text-align:left}
    .copyright{text-align:right;margin-top:55px}
    #footer-accordion,.footer-contact{float:none!important;margin-left:auto!important;margin-right:auto!important;width:160px!important}
    #footer-accordion{display:none}
    .footer-contact{float:left;padding-top:0}
    .footer-contact ul li{padding-top:4.5px;padding-bottom:4.5px}
    .buckets-sm .bucket{float:left;display:block;margin-right:2.36%;width:31.76%}
    .buckets-sm .bucket:last-child{margin-right:0}
    .buckets-sm .bucket:nth-child(2n){margin-right:2.36%}
    .buckets-sm .bucket:nth-child(2n+1){clear:none}
    .buckets-sm .bucket:nth-child(3n){margin-right:0}
    .buckets-sm .bucket:nth-child(3n+1){clear:left}
}
@media (min-width: 480px) {
    .buckets-sm .bucket{float:left;display:block;margin-right:2.36%;width:48.82%}
    .buckets-sm .bucket:last-child{margin-right:0}
    .buckets-sm .bucket:nth-child(2n){margin-right:0}
    .buckets-sm .bucket:nth-child(2n+1){clear:left}
}

/*-------------------- woocommerce -------*/
li.type-product {text-align: center}
.type-product h3 {font-size: 14px;}
.type-product span.price {display: inline-block; font-size: 14px; line-height: 2.3}
.type-product a.button {display: inline-block}
li.type-product a {display: block}
.type-product a:hover {text-decoration: none;}

.addtocart-block {margin: 16px 0}
.quantity input {line-height: 22px; font-size: 18px;padding:8px}

.woocommerce-tabs {margin-top:16px;}
.woocommerce-tabs li {list-style: none;}
.woocommerce-tabs li a {display: inline-block; font-size: 18px; color: #00add9}
.woocommerce-tabs h2 {font-size: 18px; margin: 20px 0 4px; font-weight: normal}

.woocommerce-message {text-align: center; max-width: 600px; margin: 20px auto}
.cart_totals h2 {display: none;}
.cart_totals table {width: 100%; text-align: right;vertical-align: top}
.cart_totals td {text-align: left;}
.cart_totals td, .cart_totals th {padding:8px;vertical-align: top}
.woocommerce .cart-collaterals .cart_totals {max-width: 30%; padding-right:20px;}
.order-total {border-top: 1px solid #ccc; font-size: 18px;}
.woocommerce .wc-proceed-to-checkout a {display: block; background: #ff9016; color:white; font-size: 18px;margin: 8px; text-align: center;padding:12px;}
.woocommerce a.remove {color: #ff9016}
.woocommerce a.remove:hover {color:#fff;background:#ff9016}
.woocommerce table.cart td.actions .input-text {width:180px}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background: transparent; border-radius: 0; line-height: normal; font-weight: 400}
.woocommerce table.cart td.actions .input-text {line-height: 28px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {position: relative; background: #00add9; overflow: hidden}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #00add9;}
.products, .products li {list-style: none;}
.products li {width: 25%; float: left; padding-bottom: 20px; }
.products li img, .images img {max-width: 100%; max-height: 100%; height: auto !important;}
ul.products { border-top: 1px solid #ccc;}
.woocommerce-breadcrumb {padding: 20px 0; }
@media (max-width:1320px) {
    .woocommerce-breadcrumb {width:100%;max-width:100%;padding:20px}
}
.page-title {padding: 40px 0 20px;border-bottom:1px solid #ccc; }
.woocommerce-result-count, .woocommerce-ordering {display: inline-block; vertical-align: middle; padding: 20px 0; }
.images {width: 45%; float: left; }
.summary.entry-summary, .woocommerce-tabs {width: 55%; float:right;}
.related.products {display: block; clear:both;padding-top: 60px; }
.related.products h2 {line-height: 2}
.quantity {display: inline-block; max-width: 75px;}
.product_meta {display: block; margin: 20px 0}
p.price {font-size: 18px; font-family: 'DINPro-Bold'; line-height: 2}
.woocommerce-tabs .description_tab {display: none;}
@media only screen and (max-width: 520px) { ul.products li.product{ width:100% !important; float:left; /* Previous it was none */ } .woocommerce ul.products li.product { clear: none !important; /*margin: 2% !important; width: 12% !important;*/ } }
@media only screen and (max-width: 520px) { .images {width: 100%; float: center; }
@media only screen and (max-width: 520px) { .summary.entry-summary, .woocommerce-tabs {width: 100%; float: center;}