@charset "UTF-8";

body{line-height: 1.8em;}a:focus{text-decoration: none;}img{max-width: 100%; height: auto;}img.alignright{float:right;margin:0 0 2em 2em}img.alignleft{float:left;margin:0 2em 2em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important;}.color-red{color: #e31e25!important;}p{margin: 0 0 2em 0;}p:last-child{margin: 0;}.display-t{display: table; width: 100%;}.display-tc{display: table-cell; vertical-align: middle;}
.embed-container{ 
position: relative; 
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed{ 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a.btn[href$=".pdf"]{
background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/images/icons/pdf-icon.png);
background-position: 2.071428571428571em center;
background-repeat: no-repeat;
background-size: auto 1.2142857142857142em;
padding-left: 3.8571428571428568em;
}
a{
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;	
} #header{padding-top: 2.1333333333333333em; border-bottom: 1px solid #e8e8e8;}
.header-top{padding-bottom: 0.3333333333333333em;}
#sitelogo{display: block; float: left; margin-top: 0.5333333333333333em;}
#lang_sel_click{font-size: 0.9333333333333333em; float: left; margin-left: 3.4285714285714284em;}
#lang_sel_click ul{list-style: none; padding: 0; margin: 0;}
#lang_sel_click a{display: block; height: 2.8571428571428568em; line-height: 2.714285714285714em; text-transform: uppercase; width: 6.142857142857142em; border: 1px solid #f1f1f1; text-align: center; color: #454545; background-color: #fff; -webkit-border-radius: 1.4285714285714284em; -moz-border-radius: 1.4285714285714284em; border-radius: 1.4285714285714284em;}
#lang_sel_click a:focus{text-decoration: none!important;}
#lang_sel_click a:hover{text-decoration: none; background-color: #f1f1f1;}
#lang_sel_click > ul > li{position: relative;}
#lang_sel_click > ul > li > a{background-color: #f1f1f1;}
#lang_sel_click > ul > li > a:after{
content: "\f107";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 0.5714285714285714em;
}
#lang_sel_click li > ul{position: absolute; top: 100%; left: 0; display: none;}
#lang_sel_click li > ul > li{margin-top: 1px;}
.header-logo-right{line-height: 2.6666666666666665em}
#primary-menu{font-size: 1.0666666666666667em; text-transform: uppercase; font-weight: 700; line-height: 0.8em; margin-left: -15px; margin-right: -15px;}
#primary-menu ul{list-style: none; padding: 0; margin: 0;}
#primary-menu > ul > li{float: left; padding-left: 15px; padding-right: 5px;}
#primary-menu > ul > li > a{display: block; color: #302e33; padding: 1.0625em 0;}
#primary-menu > ul > li > a:hover,
#primary-menu > ul > li.current-menu-item > a,
#primary-menu > ul > li.current-menu-parent > a,
#primary-menu > ul > li.current-menu-ancestor > a,
#primary-menu > ul > li.current_page_item > a,
#primary-menu > ul > li.current_page_parent > a,
#primary-menu > ul > li.current_page_ancestor > a{color: #6c6c6d; text-decoration: none;} #intro .display-t{height: 8.266666666666666em;}
#intro .display-tc.text-left{color: #e31e25; font-size: 4.666666666666667em; line-height: 0.85em;}
#intro .display-tc.text-right .btn:after{
content: "\f105";
color: #e4242b;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 0.5714285714285714em;
margin-right: -0.5714285714285714em;
}
#home-slider{position: relative; background-color: #323232; max-height: 33.06666666666666em; overflow: hidden; border-bottom: 6px solid #e31e25;}
#home-slider .container{position: relative; z-indx: 10; max-width: 1400px;}
#home-slider .container > span{position: absolute; top: 2.8em; z-index: 15;}
#home-slider .container > #home-slider-prev{left: 0;}
#home-slider .container > #home-slider-next{right: 0;}
#home-slider .container > span > a{display: block; width: 4.266666666666667em; height: 4.266666666666667em; background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/js/bxslider/images/controls.png); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.6); background-size: 6.4em auto}
#home-slider .container > #home-slider-prev > a{background-position: 0 0;}
#home-slider .container > #home-slider-next > a{background-position: 0 -4.266666666666667em;}
#home-slider:after{content: ''; z-index: 0; width: 100%; height: 100%; background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/images/bgs/slide-bg.png); background-position: 0 bottom; background-repeat: no-repeat; display: block; position: absolute; left: 0; bottom: 0;}
#home-slider ul li{position: relative; overflow: hidden;}
#home-products{
position: relative;
z-index: 20;
background-color: #fafafa;
}
#home-products > h2{
font-size: 3.375em;
text-transform: uppercase;
font-weight: 400;	
margin: 0 0 1.3333333333333333em 0;
}
#home-slider + #home-products > h2{
position: absolute;
color: #fff;
top: -2.3518518518518516em;
width: 100%;
}
#home-slider + #home-products > h2::after {
font-family: FontAwesome;
content: '\f107';
position: absolute;
top: 1em;
width: 100%;
left: 0;
color: #e31e25;
}
#home-products .home-product{
height: 23em;
float: left;
width: 20%;
overflow: hidden;
}
#home-products .home-product:hover{overflow: visible;}
#home-products .home-product .home-product-inner{
padding: 15px 15px 20px 15px;
min-height: 23em;
position: relative;
z-index: 1;
}
#home-products .home-product:hover .home-product-inner{
z-index: 5;
-webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.09);
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.09);
}
.home-product-inner .product-thumb{
height: 14.466666666666667em;
line-height: 14.466666666666667em;
margin-bottom: 0.5333333333333333em;
overflow: hidden;	
}
.home-product-inner h4{
margin: 0 0 0.9090909090909092em 0;	
}
.home-product-inner p{
display: none;
font-size: 0.9333333333333333em;	
line-height: 1.5714285714285714em;
margin: 0;
}
.home-product-inner .product-btn{display: none; padding-top: 2em;}
.home-product:hover .home-product-inner{background-color: #fff;}
.home-product:hover .home-product-inner p,
.home-product:hover .home-product-inner .product-btn{display: block;}
.customer-story {    margin: 4em 0;
min-height: 150px;
}
.customer-story img, .modal-header img {
position: absolute;
max-width: 10em;
left: 0;
border-radius: 50%;
}
.customer-story .customer-txt, .modal-header .modal-header-txt {
padding-left: 12em;
position: relative;
min-height: 10em;
}
.customer-story button {
float: right;
margin: 1em 0 2em;
}
.modal-header .close {
position: relative;
z-index: 10;
}
.modal-header .modal-title {padding-bottom: 10px;}
.modal-header p {margin: 0;} .page-title{border-bottom: 6px solid #e31e25; color: #fff;}
.page-title .display-t{background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/images/page-header.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 13.066666666666666em;}
.page-title h1{font-weight: 400; margin: 0;}
.page-title h1 small{font-size: 0.4074074074074074em; line-height: 1.3636363636363638em;}
.page-section{padding: 3em 0;}
.page-section.section-gray + .page-section.section-gray{padding-top: 0;}
.page-section.section-gray{background-color: #fafafa;}
.page-section.section-gray .page-inner{background-color: #fff; padding: 2.3333333333333335em;}
.btns-block{margin: 3.3333333333333335em 0;}
.page-section .btns-block{margin-bottom: 0;}
.table.product-table th, .table.product-table td{border-right: 0; padding: 1em; vertical-align: top;}
.table.product-table th, .table.product-table td{border-bottom: 1px solid #e9e9e9;}
.table.product-table th.with-border, .table.product-table td.with-border{border-right: 1px solid #e9e9e9;}
.table.product-table thead tr:first-child th{text-align: center;}
.table.product-table thead tr:first-child th:first-child{text-align: left;}
.table.product-table tbody tr:hover th, .table.product-table tbody tr:hover td{background-color: #f6f6f6;}
.table{margin: 0;}
.childpages-list > div:nth-child(3n+1){clear: left;}
.childpages-list > div:nth-child(n+4){margin-top: 30px;}
.childpages-list .page-child > div{
border: 1px solid #e8e8e8;
padding: 15px;
}
.childpages-list .page-child .child-image{
margin-bottom: 2em;
display: block;
}
.childpage-item{padding-top: 2em; margin-top: 2em; border-top: 1px solid #e5e5e5;}
.childpage-item:first-child{padding-top: 0; margin-top: 0; border: none;}
.childpage-item-inner .child-image{margin-bottom: 2em; display: block;} .slides{list-style: none; padding: 0; margin: 0;}
.slides li{position: relative;}
.slides li > a.slider-fullscreen{display: block; width: 4.266666666666667em; height: 4.266666666666667em; position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); background-position: center; background-repeat: no-repeat; background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/images/icons/fullscreen.png); background-size: 1.6em auto;}
.slides li > a.slider-fullscreen:hover{background-color: rgba(0, 0, 0, 0.8);}
.slider-thumbs{margin-left: -4px; margin-right: -4px; overflow: hidden;}		
.slider-thumbs .slides > li{width: 25%; float: left; padding-left: 4px; padding-right: 4px; margin-top: 8px;}
.slider-thumbs .slides > li > a{display: block; cursor: pointer;} #footer-slogan{height: 17em; background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/images/page-header.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff;}
#footer-slogan h4{margin: 0; color: #fff; font-weight: 400; line-height: 1.3636363636363638em;}
#footer-slogan h4 + .inline-btns{margin-top: 2.3333333333333335em;}
.inline-btns .btn{margin-left: 5px; margin-right: 5px;}
#footer-slogan .btn-default{border-color: #e31e25; color: #fff;}
#footer-slogan .btn-default:hover{border-color: #fff; background-color: #fff; color: #323232;}
#footer{border-top: 10px solid #e8e8e8; padding-top: 1.3333333333333333em; background-color: #fff; padding-bottom: 3em;}
#footer .container > div.clearfix{margin-bottom: 2em;}
.footer-logo-left{line-height: 2.6666666666666665em;}
#footer-menu{font-size: 0.8666666666666667em; text-transform: uppercase; font-weight: 700;}
#footer-menu ul{list-style: none; padding: 0; margin: 0;}
#footer-menu > ul > li{float: left; line-height: 3.076923076923077em; margin-left: 1.9230769230769231em}
#footer-menu > ul > li:first-child{margin-left: 0;}
#footer-menu > ul > li > a{color: #6c6c6d;}
#footer-menu > ul > li > a:hover,
#footer-menu > ul > li.current-menu-item > a,
#footer-menu > ul > li.current-menu-parent > a,
#footer-menu > ul > li.current-menu-ancestor > a,
#footer-menu > ul > li.current_page_item > a,
#footer-menu > ul > li.current_page_parent > a,
#footer-menu > ul > li.current_page_ancestor > a{color: #2f3234; text-decoration: none;}
#footer .row{position: relative; font-size: 1.0666666666666667em; line-height: 1.375em;}
a#ama{
position: absolute;
right: 0;
bottom: 7px;
right: 15px;
color: #cecece;
font-size: 10px;
line-height: 10px;
font-family: 'Ubuntu Condensed', sans-serif;	
}
a#ama:hover{color: #323232; text-decoration: none;} .noscroll{overflow: hidden;}
#head-mobile{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 75px;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.noscroll #head-mobile{background-color: #fff;}
#head-mobile #mobile-logo{
margin-top: 15px;
margin-left: 15px;
display: block;
float: left;
max-width: 250px;
}
#head-mobile .header-logo-right {
position: absolute;
bottom: 5px;
left:15px;
}
body.noscroll #head-mobile #mobile-logo{background-position: 0 100%;}
#head-mobile .cart-contents-mobile{
position: absolute;
top: 15px;
right: 75px;
display: block;
height: 45px;
width: 45px;
border: 1px solid #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 43px;
text-decoration: none;
background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/css/images/cart-ico.png);
background-position: center center;
background-repeat: no-repeat;
}
#head-mobile .top-animate{top: 19px!important;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#head-mobile .mid-animate{opacity: 0;}
#head-mobile .bottom-animate{top: 19px !important;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
#head-mobile .top-menu{top: 14px;}
#head-mobile .mid-menu{top: 19px;}
#head-mobile .bottom-menu{top: 24px;}
#head-mobile .menui{
width: 24px;
left: 50%;
margin-left: -12px;
height: 2px;
background: #323232;
transition: 0.6s ease;
transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
position: absolute;
}
#head-mobile .icon{
transition: 0.8s ease;
z-index: 9999;
position: absolute;
height: 43px;
width: 43px;
margin: 0px;
top: 15px;
right: 15px;
border: 1px solid #323232;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#head-mobile .icon:hover{border-color: #c21908;}
#head-mobile .icon:hover .menui{background-color: #c21908;}
.mobilenav{
font-family: 'Source Sans Pro', sans-serif;
display: none;
background-color: rgba(0,0,0,0.75);
font-family: inherit;
top: 0;
left: 0;
z-index: 999;
position: fixed;
width: 100%;
height: 100%;
padding-bottom: 45px;
background-color: #fff;
}
.mobilenav .inner{
height: 100%;
overflow-y: auto;
background: #fff;
padding: 75px 15px 0 15px;
}
.mobile-icons{
background-color: #003751;
width: 100%;
list-style: none;
padding: 15px 0;
margin: 0;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
}
.mobile-icons li{
display: inline-block;
margin: 0 10px;
}
.mobile-icons li a{
cursor: pointer;
display: block;
height: 45px;
width: 45px;
line-height: 43px;
border: 1px solid #f5f5f5;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-indent: -5000px;
background-position: center center;
background-repeat: no-repeat;
}
#mobile-bottom{position: fixed; bottom: 15px; right: 0; width: 75px; z-index: 9998;}
#mobile-bottom ul{list-style: none; padding: 0; margin: 0;}
#mobile-bottom ul li{margin: 15px 0 0 0;}
#mobile-bottom ul li a.button{
margin: 0 auto;
display: block;
height: 45px;
width: 45px;
border: 1px solid #fff;
line-height: 45px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
text-indent: -5000px;
}
.mobilenav .inner:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.mobile-menu {
text-align: center;
display: inline-block;
vertical-align: middle;
font-weight: 300;
width: 99%;
font-size: 14px;
}
.mobilenav #lang_sel_click{
position: absolute;
top: auto;
bottom: 10px;
left: 50%;
margin: 0 0 0 -35px;
right: inherit;
font-size: 14px;
text-align: center;
}
.noscroll .cart-contents-mobile{display: none!important; visibility: hidden!important;}
.noscroll #head-mobile .icon{border-color: #000!important;}
.noscroll #head-mobile .icon .menui{background-color: #000!important;}
#mobile-bottom{position: fixed; bottom: 15px; right: 0; width: 75px; z-index: 9998;}
#mobile-bottom ul{list-style: none; padding: 0; margin: 0;}
#mobile-bottom ul li{margin: 15px 0 0 0;}
#mobile-bottom ul li a.button{
margin: 0 auto;
display: block;
height: 45px;
width: 45px;
border: 1px solid #fff;
line-height: 45px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
text-indent: -5000px;
}
#mobile-bottom ul li a.button.phone-ico{background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/css/images/mobile/phone.png);}
#mobile-bottom ul li a.button.email-ico{background-image: url(//www.highdumpbuckets.com/wp-content/themes/rauakoda/theme/css/images/mobile/email.png);}
.mobile-menu ul{list-style: none; padding: 0; margin: 0;}
.mobile-menu li{ border-top: 1px solid #f2f2f2; padding: 5px 0; width: 70%; margin: 0 auto;}
.mobile-menu li:first-child{border-top: 0;}
.mobile-menu li > a{display: block; text-decoration: none; color: #040404; border: none; text-transform: uppercase;}
.mobile-menu li > a:hover,
.mobile-menu li.current-menu-item > a,
.mobile-menu li.current-menu-parent > a,
.mobile-menu li.current-menu-ancestor > a{color: #d81c09;}
.lg-backdrop.in,
.lg-outer.lg-visible{z-index: 99999;}
.mouse {
position: absolute;
display: block;
width: 22px;
height: 42px;
bottom: 40px;
left: 50%;
margin-left: -12px;
border-radius: 15px;
border: 2px solid #fff;
-webkit-animation: intro 1s;
animation: intro 1s;
cursor: pointer;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #fff;
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
} #childpages{margin-left: -15px; margin-right: -15px; overflow: hidden;}
#childpages .column{float: left; padding-left: 15px; padding-right: 15px; position: relative;}
.size-1of2{width: 50%;}
.size-1of3{width: 33.333333%;}
.size-1of4{width: 25%;}
.size-1of1{width: 100%;}
.column:before, .column:after{
content: '';
width: 1px;
background-color: #e5e5e5;
height: 100%;
position: absolute;
top: 0;
}
.column:before{right: -1px;}
.column:after{left: 0;}
.column.size-1of1:after,
.column.size-1of1:before,
.column.size-1of2:nth-child(2n+1):after,
.column.size-1of3:nth-child(3n+1):after,
.column.size-1of4:nth-child(4n+1):after{display: none;}
@media screen and (max-width: 480px){
#childpages[data-columns]::before{content: '1 .column.size-1of1';}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#childpages[data-columns]::before{content: '2 .column.size-1of2';}
}
@media screen and (min-width: 769px) {
#childpages[data-columns]::before{content: '3 .column.size-1of3';}
}
@media (max-width: 1200px){
#primary-menu{font-size: 0.9666666666666667em;}
#primary-menu > ul > li{float: left; padding-left: 15px; padding-right: 0;}
}
@media (max-width: 1024px){
body{font-size: 12px;}
}
@media (max-width: 768px){
#home-products .home-product{width: 50%;}
#footer .col-md-4 + .col-md-4 {margin-top: 30px;}
}
@media (max-width: 767px){
.col-sm-6 + .col-sm-6{margin-top: 45px;}	
.page-section.section-gray .page-inner{padding: 15px;}
.page-section.section-gray .container{padding-left: 0; padding-right: 0;}
.page-section.section-gray{padding: 0; background-color: #fff;}
.page-section.section-gray .container > h4{padding-left: 15px; padding-right: 15px;}
.page-section .btns-block{margin-bottom: 3em;}
#home-slider {display: none;}
#home-slider + #home-products > h2 {position: relative; color: #000; top: inherit;}
img.alignright, img.alignleft, img.alignnone {float: none; margin: 0 auto 2em auto; display: block}
#footer-menu > ul > li {float: none; margin-left: 0;}
.footer-logo-left, #footer-menu ul {float: none!important;}
}
@media (max-width: 991px) {
#wrapper {padding-top: 75px;}
#head-mobile {
display: block !important;
}
#header {display: none;  }
#intro .display-t,
#intro .display-tc {display: block;}
#intro .display-t {height: auto;}
#intro .display-tc.text-left, #intro .display-tc.text-right {text-align: center!important; padding: 15px 0;}
}
@media (max-width: 479px) {
.customer-story img, .modal-header img {display: none;}
.customer-story .customer-txt, .modal-header .modal-header-txt {padding-left: 0; min-height: auto;}
.customer-story {text-align: center; margin-bottom: 1em;}
.customer-story .customer-txt {text-align: left;}
.customer-story .btn {float: none; margin-top: 2em;}
#footer {text-align: center;}
}
.header-top{
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 0.625rem
}
.header-top__right{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.header-top__right > * + *{margin-left: 1.875rem;}
.header-secondary-menu ul{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0;
list-style: none
}
.header-secondary-menu ul > li + li{margin-left: 1.25rem}
.header-secondary-menu a{color: currentColor; text-decoration: none;}
.header-secondary-menu a:hover
.header-secondary-menu [class*="current-"] > a,
.header-secondary-menu [class*="current_"] > a{
color: #e31e25
}
.bx-wrapper img{margin-left:auto; margin-right:auto}