/*
Green: #63A830;
*/

/* general styles */
html, body, h1, h2, h3, h4, p, form, ul, li, ol{
  margin: 0px;
  padding: 0px;
}
html, body{
  width: 100%;
  height: 100%;
}
body{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  color: #393939;
}

.mobileOnly{
  display: none;
}
div.mainContainer a:not(.mainButton){
  outline: 0;
  color: inherit;
  text-decoration: none;
}

img{
  border: 0;
}

textarea{
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  resize: none;
}
.pointer{
  cursor: pointer;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

input:focus,
select:focus,
button:focus,
textarea:focus,
button:active,
.btn:active{
  /*outline: none !important;*/
  /*box-shadow:none !important;*/
  /*border-color: inherit !important;*/
}

.clear{
  display: block;
  clear: both;
  min-height: 0px !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


div.mainContainer{
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}
div.centerContent{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
}
div.centerContent.half{
  padding-right: 700px;
}
.textCenter{
  text-align: center;
}

.textTable{
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.textCell{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.mainButton,
article div.homeText div.textHolder a{
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 14px;
  padding-right: 45px;
  box-sizing: border-box;
  background-color: #63A830;
  border-radius: 5px;
  color: #FFF;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  background-image: url("../images/arrow-right-white.svg");
  background-size: auto 8px;
  background-position: right 20px center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
}
.mainButton.noArrow{
  background-image: none;
  padding-right: 14px;
}
.mainButton.back{
  padding-left: 45px;
  padding-right: 14px;
  background-image: url("../images/arrow-left-white.svg");
  background-position: 20px center;
}

.mainButton:hover,
.mainButton.back:hover,
article div.homeText div.textHolder a:hover,
div.itemHolder .item:hover a.mainButton,
div.referalSliderHolder div.arrow.mainButton:hover{
  background-color: #393939;
  color: #FFF;
  text-decoration: none;
}
div.textSliderHolder div.arrowHolder div.arrow,
div.categorySliderHolder div.arrow,
div.referalSliderHolder div.arrow{
  height: 45px;
  width: 45px;
  line-height: 45px;
  padding: 0px;
  background-position: center center;
}
div.textSliderHolder div.arrowHolder div.arrow.left,
div.categorySliderHolder div.arrow.left,
div.referalSliderHolder div.arrow.left{
  background-image: url("../images/arrow-left-white.svg");
  margin-right: 15px;
}

.greenIcon{
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  background-color: #63A830;
  color: #FFF;
  text-align: center;
  font-size: 1em;
}
.greenIcon.big{
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5em;
}


.greenText{
  color: #63A830;
}
.bold{
  font-weight: 700;
}


/*      HEADER      */
header{
  padding-top: 42px;
  position: relative;
  z-index: 15;
}

a.logoHolder{
  display: block;
  width: 220px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: -35px;
  z-index: 10;
}
a.logoHolder img{
  display: block;
  width: 100%;
}
div.menuHolder nav{
  box-sizing: border-box;
}
div.menuHolder nav ul{
}
div.menuHolder nav ul li{
  position: relative;
  display: block;
  float: left;
  list-style-type: none;
  cursor: pointer;
  font-weight: 500;
  height: 77px;
  padding-bottom: 42px;
  margin-right: 22px;
  box-sizing: border-box;
}
div.menuHolder nav ul li:hover ul{
  display: block;
}
div.menuHolder nav ul li ul{
  position: absolute;
  left: -22px;
  top: 77px;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 10px;
  display: none;
  border: solid 1px #393939;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #FFF;
}
div.menuHolder nav ul li ul li{
  display: block;
  float: none;
  height: auto;
  line-height: 2.8em;
  white-space: nowrap;
  border-bottom: dashed 1px #707070;
  background-image: url("../images/arrow-right.svg");
  background-size: auto 8px;
  background-repeat: no-repeat;
  background-position: right 5px center;
  margin: 0px;
  padding: 0px;
}
div.menuHolder nav ul li ul li:last-child{
  border: none;
}

div.menuHolder nav ul li.active>a,
div.menuHolder nav ul li a:hover{
  color: #63A830;
}
div.menuHolder nav ul li a{
  display: block;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  color: inherit;
}
div.menuHolder nav ul li ul li a{
  padding-right: 30px;
}
div.menuHolder nav>ul>li>a{
  height: 35px;
  line-height: 35px;
}

div.menuHolder nav ul li a.arrow{
  background-image: url("../images/arrow-down-green.svg");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 13px;
}

div.menuButton,
div.closeMenu{
  display: none;
}


div.menuInfo{
  float: right;
}
div.menuInfo div.infoItem{
  float: left;
  height: 35px;
  line-height: 35px;
  border-left: solid 1px #000;
  padding-left: 18px;
  margin-left: 18px;
  box-sizing: border-box;
  position: relative;
}
div.menuInfo div.infoItem:nth-child(3){
  padding-right: 38px;
  padding-top: 5px;
}
div.menuInfo div.infoItem:first-child{
  padding-left: 0px;
  border: none;
}
div.menuInfo div.infoItem .fa-user{
  display: none;
}
div.menuInfo div.infoItem.cart.stacked{
  padding-right: 10px;
}

div.menuInfo div.priceSwitch{
  font-size: 0.65em;
}
div.menuInfo div.priceSwitch div{
  float: left;
  height: 26px;
  border: solid 1px #393939;
  line-height: 24px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  margin-top: 5px;
  cursor: pointer;
}
div.menuInfo div.priceSwitch div.active{
  background-color: #63A830;
  color: #FFF;
}
div.menuInfo div.priceSwitch div:first-child{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
}
div.menuInfo div.priceSwitch div:nth-child(2){
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: none;
}
div.menuInfo div.cart span.amount{
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #63A830;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  color: #FFF;
  position: absolute;
  right: -2px;
  top: 2px;
}
div.menuInfo div.cart span.fa{
  font-size: 2.2em;
  line-height: 35px;
}


div.menuInfo div.infoItem a.phone,
div.menuInfo div.infoItem p{
  font-weight: 900;
  line-height: 1.1em;
  text-transform: uppercase;
  display: block;
}
div.menuInfo div.infoItem p{
  color: #63A830;
}
div.menuInfo div.infoItem a.phoneIcon{
  position: absolute;
  right: 5px;
  top: 2px;
  display: block;
  font-size: 1.2em;
}


/*      CONTENT      */
div.pageHeader{
  width: 100%;
  height: 0px;
  padding-top: 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
div.pageHeader div.headerText,
div.slideshow div.headerText,
div.textSlider div.headerText{
  height: 210px;
  width: 500px;
  box-sizing: border-box;
  background-image: url("../images/header.svg");
  background-size: auto 100%;;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-left: 30px;
}
div.textSlider div.headerText{
  width: 90%;
}

div.pageHeader div.headerText h2,
div.slideshow div.headerText h2,
div.textSlider div.headerText h2{
  color: #FFF;
  font-weight: 900;
  font-size: 2.8em;
  line-height: 1.2em;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  padding-top: 40px;
  min-height: 190px;
  box-sizing: border-box;
}
@media screen and (max-width: 1700px) {
  div.pageHeader div.headerText div.headerTextBG,
  div.slideshow div.headerText div.headerTextBG,
  div.textSlider div.headerText div.headerTextBG{
    height: 160px;
    left: -1600px;
  }
  /*
  div.pageHeader div.headerText h2,
  div.slideshow div.headerText h2,
  div.textSlider div.headerText h2{
    font-size: 2em;
    padding-top: 25px;
    min-height: 135px;
  }
  */
}

div.searchBar{
  background-color: #C3C3C3;
  padding-top: 36px;
  padding-bottom: 36px;
}
div.searchBar div.searchHolder{
  width: 400px;
  float: left;
}
div.slideshowHolder div.searchHolder{
  width: 1000px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 10;
}
div.slideshowHolder div.searchHolder div.searchInput{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

div.searchHolder input.inputText{
  border-right: none;
  float: left;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 0px;
  width: 350px;
  height: 40px;
  line-height: 36px;
}
div.slideshowHolder div.searchHolder input.inputText{
  width: 530px;
  height: 44px;
  line-height: 42px;
  border: solid 1px #393939;
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

div.searchHolder input.inputText::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #393939;
}
div.searchHolder input.inputText::-moz-placeholder{ /* Firefox 19+ */
  color: #393939;
}
div.searchHolder input.inputText:-ms-input-placeholder{ /* IE 10+ */
  color: #393939;
}
div.searchHolder input.inputText:-moz-placeholder{ /* Firefox 18- */
  color: #393939;
}

div.searchHolder button{
  display: block;
  float: left;
  background-color: #63A830;
  color: #FFF;
  font-size: 1.6em;
  line-height: 36px;
  height: 40px;
  width: 50px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #000;
  border-left: none;
  padding: 0px;
}

div.slideshowHolder div.searchHolder button{
  height: 44px;
  font-size: 1.8em;
  line-height: 42px;
  border: solid 1px #393939;
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.searchResults{
  background-color: #FFF;
  border-radius: 8px;
  border: solid 1px #393939;
  padding-top: 15px;
  margin-top: 15px;
  position: relative;
}
div.searchBar div.searchResults{
  position: absolute;
  left: 0px;
  top: 50px;
  max-width: 100%;
  z-index: 100;
}


div.searchResults div.arrow{
  border: solid #393939;
  width: 30px;
  height: 30px;
  border-width: 1px 1px 0 0;
  background-color: #FFF;
  position: absolute;
  left: 50%;
  top: -1px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
div.searchBar div.searchResults div.arrow{
  left: 40px;
  -webkit-transform: translate(0%, -50%) rotate(-45deg);
  -ms-transform: translate(0%, -50%) rotate(-45deg);
  transform: translate(0%, -50%) rotate(-45deg);
}
div.searchResults div.col-4{
  border-right: solid 1px #393939;
  padding-left: 30px;
  padding-right: 30px;
}
div.searchResults div.col-4:last-child{
  border: none;
}
div.searchResults p.title{
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
}
div.searchResults a.product,
div.searchResults a.category{
  display: block;
  border-bottom: dashed 1px #707070;
  background-image: url("../images/arrow-right.svg");
  background-size: auto 8px;
  background-repeat: no-repeat;
  background-position: right 5px center;
  position: relative;
  cursor: pointer;
}
div.searchResults a.product{
  min-height: 40px;
}
div.searchResults a.product:last-child,
div.searchResults a.category:last-child{
  border-bottom: none;
}

div.searchResults a.product span.imageHolder{
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #E1E2E0;
}
div.searchResults a.product span.title{
  display: block;
  padding-left: 50px;
  height: 40px;
}
div.searchResults a.product span.title .textCell{
  text-align: left;
}

div.searchResults div.searchOther{
  background-color: #E1E2E04D;
}
div.searchResults div.searchOther a{
  color: #63A830;
  text-decoration: underline;
}


div.searchBar p.registerText{
  float: right;
  text-align: right;
  line-height: 40px;
}
div.searchBar p.registerText a{
  text-decoration: underline;
}
div.flex{
  display: flex;
  align-items: stretch;
}
div.flex,
div.productDetails{
  margin-top: 70px;
  margin-bottom: 100px;
}

aside{
  width: 22%;
  border-right: solid 1px #393939;
  padding-right: 4%;
  box-sizing: border-box;
}
aside nav p{
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  margin-bottom: 10px;
}

aside nav ul li{
  list-style: none;
  line-height: 2em;
  background-image: url("../images/arrow-right.svg");
  background-size: auto 8px;
  background-repeat: no-repeat;
  background-position: right center;
}
div.content.product aside nav ul li.active{
  background-image: url("../images/arrow-down.svg");
  background-size: 8px auto;
  background-position: right 10px;
}
div.content.product aside nav ul li ul li,
div.content.product aside nav ul li ul li.active{
  background: none;
}
aside nav ul li.active>a{
  font-weight: 700;
}
aside nav ul li ul li{
  list-style: disc;
  line-height: 2em;
  background: none;
  margin-left: 15px;
}
aside nav ul li ul li.active{
  background: none;
}
aside nav ul li a{
  display: block;
  width: 100%;
  height: 100%;
}


article{
  width: 74%;
  box-sizing: border-box;
  margin-left: 4%;
}
div.content.search article,
div.content.cart article{
  width: 100%;
  margin-left: 0px;
}


article h1,
.h1,
div.content.home h2,
div.projectText h2,
div.recentHolder h4{
  font-size: 2.2em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  margin-bottom: 25px;
}
article h2{
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 10px;
}
article div.textHolder a,
article div.textHolder .cookieSettings{
  color: #63A830;
}
article div.textHolder a:hover{
  text-decoration: underline;
}

article div.textHolder ul{
  margin-left: 20px;
}
article div.textHolder hr{
  border-top: dashed #000 1px;
}
article div.cols div.block{
  float: left;
  width: 48%;
}
article div.cols div.block:nth-child(2n){
  margin-left: 4%;
}
article div.cols div.block:nth-child(2n+1){
  clear: both;
}

div.crumblePath{
  margin-bottom: 20px;
  line-height: 1em;
}
div.crumblePath ul.crumbles{
  list-style: none;
}
div.crumblePath ul.crumbles li{
  display: inline-block;
}
div.crumblePath ul.crumbles li:last-child{
  font-weight: 700;
}

article img.systemLiftSeal,
article img.systemLiftLogo{
  display: inline-block;
  margin-top: 20px;
  width: 150px;
}
article img.systemLiftLogo{
  margin-left: 20px;
  width: 300px;
}

/*      ITEMHOLDER      */
div.itemHolder{
  margin-top: 60px;
}
div.recentHolder{
  margin-bottom: 60px;
}

div.itemHolder .item{
  display: block;
  float: left;
  width: 29.73%;
  margin-right: 5.4%;
  margin-bottom: 5.4%;
  box-sizing: border-box;
}
.slick-slide{
  display: block;
  width: 264px;
  margin-right: 48px;
}
div.catSlider .slick-arrow{
  background-color: #E1E2E0;
  height: 45px;
  width: 45px;
  line-height: 45px;
  padding: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
}
div.catSlider .slick-prev{
  left: -75px;
  background-image: url("../images/arrow-left-white.svg");
}
div.catSlider .slick-next{
  right: -75px;
  background-image: url("../images/arrow-right-white.svg");
}
div.catSlider .slick-arrow:before{
  display: none;
}

div.itemHolder .item:nth-child(3n){
  margin-right: 0px;
}
div.itemHolder .item:nth-child(3n+1){
  clear: both;
}
div.itemHolder.col4 .item:nth-child(3n+1){
  clear: none;
}
div.itemHolder.col4 .item:nth-child(4n+1){
  clear: both;
}

div.itemHolder.col4 .item{
  width: 22%;
  margin-right: 4%;
  margin-bottom: 4%;
}
div.itemHolder.col4 .item:nth-child(3n){
  margin-right: 4%;
}
div.itemHolder.col4 .item:nth-child(4n){
  margin-right: 0px;
}
div.itemHolder .slick-slide a.item{
  width: 100%;
  margin: 0px;
}

div.itemHolder .item span.imageHolder{
  display: block;
  width: 100%;
  height: 0px;
  padding-top: 100%;
  background-color: #E1E2E0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div.itemHolder .item.product span.imageHolder{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 10px;
}
div.itemHolder .item.product span.productInfo{
  min-height: 80px;
  display: block;
  margin-bottom: 10px;
}
div.itemHolder .item.product span.productTitle{
  display: block;
  font-weight: 900;
  margin-bottom: 3px;
  text-transform: uppercase;
  line-height: 1.1em;
  min-height: 28px;
}
div.itemHolder .item.product span.productPrice{
  display: block;
  margin-bottom: 0px;
}


div.itemHolder .item:not(.product) span.mainButton{
  display: block;
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
div.itemHolder .item:not(.product) span.mainButton .textTable{
  text-align: left;
}
div.itemHolder .item .mainButton{
  line-height: 13px;
}


div.itemHolder .item.product .mainButton.grey{
  background-color: #393939;
  color: #FFF;
  line-height: 30px;
  height: 30px;
  font-weight: 400;
  background-position: right 12px center;
}
div.itemHolder .item.product span.greenIcon{
  line-height: 30px;
  display: block;
  height: 30px;
  float: right;
  font-size: 1.2em;
  padding-left: 6px;
  padding-right: 6px;
  width: auto;
  cursor: pointer;
}

div.itemHolder .item.banner{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
div.itemHolder .item.banner img{
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
div.itemHolder .item.banner p.bannerTitle{
  font-size: 1.7em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  margin-bottom: 10px;
}
div.itemHolder .item.banner p.bannerText{
  margin-bottom: 15px;
}
div.itemHolder .item.banner a{
  display: block;
  margin-top: 8px;
}
div.itemHolder .item.banner a .greenIcon{
  margin-right: 10px;
}
div.itemHolder .item.newsletter{
  background-color: #63A830;
  height: 304px;
  border-radius: 10px;
  padding: 25px;
  padding-top: 30px;
}

div.itemHolder .item.newsletter p.newsletterTitle{
  font-size: 1.6em;
  line-height: 1.1em;
  color: #FFF;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 20px;
}
div.itemHolder .item.newsletter p.newsletterText{
  color: #FFF;
  margin-bottom: 20px;
}
div.inputNewsletter input.inputText{
  border-right: none;
  float: left;
  border: solid 1px #393939;
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 0px;
  width: 75%;
  box-sizing: border-box;
}


div.inputNewsletter button.mainButton{
  display: block;
  float: left;
  background-color: #393939;
  color: #FFF;
  width: 25%;
  height: 45px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  line-height: 35px;
  padding: 0px;
  text-align: center;
  border: solid 1px #393939;
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  box-sizing: border-box;
}


/*      HOME      */
div.slideshowHolder{
  width: 100%;
  height: 0px;
  padding-top: 32%;
  position: relative;
}
div.slideshowHolder div.slideshow div.slide, div.pageHeader div.pageHeaderContent{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.slideDots{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin-bottom: 20px;
}
div.slideDots>div{
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
  border: solid 1px transparent;
}
div.slideDots div.active{
  border: solid 1px #FFF;
}
div.slideDots div div.dot{
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #FFF;
  box-sizing: border-box;
  margin-left: 4px;
  margin-top: 4px;
}
div.content.home article{
  padding: 0px;
  margin: 0px;
  margin-top: 60px;
  width: 100%;
  float: none;
}
div.projectText,
div.content.home article div.categoryText{
  text-align: center;
  padding-left: 175px;
  padding-right: 175px;
}
div.homeTextHolder{
  background-color: #E1E2E0;
  padding-top: 80px;
  padding-bottom: 80px;
}
div.projectText{
  padding-top: 80px;
}

div.accountBanner {
  position: relative;
  background-image: url("../uploads/image/125_0.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}
div.accountBanner div.centerContent{
  z-index: 2;
}
div.accountBanner div.headerText h2,
div.accountBanner div.accountBannerText{
  color: #FFF;
}
div.accountBanner div.accountBannerText li{
  list-style: none;
  margin-bottom: 10px;
}
div.accountBanner div.accountBannerText li span{
  font-size: 0.85em;
  margin-right: 10px;
}
div.accountBanner div.accountBannerText li span .fa-circle{
  color: #63A830;
}
div.accountBanner div.accountBannerText li span .fa-plus{
  padding-top: 1px;
}
div.accountBanner div.accountBannerText p{
  font-weight: 700;
  margin-top: 20px;
}
div.accountBanner div.accountBannerText p a{
  text-decoration: underline;
}

div.homeVideo{
  width: 48%;
  height: 0px;
  padding-top: 30.9%;
  margin-right: 4%;
  float: left;
  box-sizing: border-box;
  background-image: url("../uploads/image/30_0.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 11px #FFF;
  border-radius: 5px;
  position: relative;
}
div.homeVideo a{
  display: block;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}
div.homeVideo a span{
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #63A830;
  color: #FFF;
  text-align: center;
  line-height: 70px;
  font-size: 3.5em;
  border-radius: 5px;
}
div.homeText{
  width: 48%;
  float: left;
  padding-top: 40px;
}

/*div.textSliderHolder{*/
  /*width: 100%;*/
  /*height: 0px;*/
  /*padding-top: 30%;*/
  /*position: relative;*/
/*}*/
/*div.textSliderHolder div.textSlider div.slide{*/
  /*position: absolute;*/
  /*left: 0px;*/
  /*top: 0px;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background-size: cover;*/
  /*background-position: center center;*/
  /*background-repeat: no-repeat;*/
/*}*/
/*div.textSliderHolder div.textSlider div.slide div.centerContent{*/
  /*z-index: 2;*/
/*}*/
/*div.textSliderHolder div.textSlider div.slide div.sliderText{*/
  /*margin-top: 40px;*/
  /*color: #FFF;*/
  /*padding-right: 100px;*/
/*}*/
/*div.textSliderHolder div.arrowHolder{*/
  /*position: absolute;*/
  /*left: 0px;*/
  /*right: 0px;*/
  /*bottom: 50px;*/
  /*z-index: 10;*/
/*}*/



div.uspHolder,
div.referalHolder{
  padding-top: 80px;
  padding-bottom: 80px;
}
div.uspHolder{
  background-color: #E1E2E0;
}

div.content.home div.uspHolder h2,
div.content.home div.referalHolder h2{
  text-align: center;
  margin-bottom: 60px;
}
div.uspHolder div.usp{
  width: 22%;
  margin-right: 4%;
  text-align: center;
  float: left;
}
div.uspHolder div.usp:nth-child(4n){
  margin: 0px;
}
div.uspHolder div.usp div.imageHolder{
  width: 100%;
  height: 0px;
  padding-top: 30%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
div.uspHolder div.usp h4{
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  margin-bottom: 15px;
}

div.referalSliderHolder{
  width: 100%;
  height: 0px;
  padding-top: 15%;
  position: relative;
}
div.categorySliderHolder{
  width: 100%;
  height: 304px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 100px;
}
div.categorySliderHolder div.itemHolder {
  margin: 0px;
}
div.referalSlider{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
div.referalSlider div.referal,
div.categorySliderHolder div.categorySlide{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
div.referal{
  padding-left: 200px;
  padding-right: 200px;
  text-align: center;
}
div.referal div.imageHolder{
  width: 270px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
div.referalSliderHolder div.arrow.mainButton,
div.categorySliderHolder div.arrow.mainButton{
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #E1E2E0;
}
div.categorySliderHolder div.arrow.mainButton{
  left: -70px;
  padding-left: 0px;
  padding-right: 0px;
}

div.referalSliderHolder div.arrow.right,
div.categorySliderHolder div.arrow.right{
  left: auto;
  right: 0px;
}
div.categorySliderHolder div.arrow.right{
  right: -70px;
}


/*      PRODUCT     */
div.content.product aside nav{
  padding-bottom: 20px;
  margin-bottom: 240px;
  border-bottom: solid 1px #393939;
}
div.content.product aside{
  position: relative;
}
div.content.product aside div.direct{
  position: absolute;
  bottom: 0px;
  padding-bottom: 18%;
  padding-right: 18%;
}
div.content.product aside div.direct h4{
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  margin-bottom: 10px;
}
div.content.product aside div.direct a span.greenIcon{
  margin-right: 10px;
}
div.content.product aside div.direct p{
  margin-top: 5px;
  margin-bottom: 5px;
}
div.content.product aside div.direct a{
  display: block;
}
div.content.product aside div.direct a span.city{
  min-width: 30%;
  display: inline-block;
}

div.content.product article div.textHolder{
  width: 65%;
}

/*      PRODUCTDETAILS  */
div.productDetails article h1{
  margin-bottom: 45px;
}
div.productDetails article h2{
  font-size: 1.42em;
  color: #63A830;
  text-transform: uppercase;
  font-weight: 900;
}
div.productDetails article h2 a{
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
  color: #393939;
}
div.productDetails article h2 a span.greenIcon{
  margin-right: 10px;
}
div.productDetails article h3{
  text-transform: uppercase;
  font-weight: 900;
}

div.productCol{
  width: 48%;
  float: left;
}
div.productCol.productInfo{
  width: 63%;
}
div.productCol.productRent{
  width: 33%;
}

div.productCol:first-child{
  margin-right: 4%;
}

div.productImages div.imageLarge{
  display: block;
  width: 100%;
  height: 0px;
  padding-top: 100%;
  background-color: #E1E2E0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
div.productImages div.thumbHolder{

}
div.productImages div.thumbHolder a.imageThumb{
  display: block;
  width: 22%;
  height: 0px;
  padding-top: 22%;
  background-color: #E1E2E0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-right: 4%;
  margin-top: 4%;
  float: left;
  position: relative;
  overflow: hidden;
}
div.productImages div.thumbHolder a.imageThumb img {
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

div.productImages div.thumbHolder a.imageThumb:nth-child(4n){
  margin-right: 0px;
}

div.productSpecs,
div.productText{
  margin-top: 20px;
}
div.productSpecs div.specList{
  margin-top: 5px;
}
div.productSpecs div.specList div.spec{
  padding: 7px;
  padding-left: 10px;
}

div.productSpecs div.specList div.spec:nth-child(odd){
  background-color: #E1E2E080;
}
div.productSpecs div.specList div.spec p{
  float: left;
  width: 50%;
}

div.productDetails article .productPrice{
  font-size: 1.3em;
  line-height: 1em;
  margin-bottom: 10px;
}
.productOrgPrice{
  font-size: 0.8em;
  color: #63A830;
  position:relative;
}
.productOrgPrice:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,0.5);
  transform: rotate(-10deg);
  transform-origin: center;
}

div.productDetails article .productOrgPrice {
  font-size: 0.6em;
}
div.productDetails article div.divider{
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: #707070;
}
div.productDetails article div.resForm div.mainButton{
  display: block;
  margin-bottom: 10px;
  margin-top: 26px;
}
div.productDetails article div.resForm div.mainButton.lightgrey{
  background-color: #E1E2E0;
  color: #393939;
}
div.productDetails article div.resForm div.mainButton span.fa{
  display: block;
  float: right;
  font-size: 1.5em;
  line-height: 40px;
  height: 40px;
}

div.productDetails div.cartControls{
  max-width: 150px;
}
p.accessoriesInfo{
  font-size: 0.8em;
}
p.priceInfo{
  font-size: 0.8em;
}
div.productDetails div.cartControls label,
div.productDetails div.inputHolder label{
  font-size: 0.8em;
}

div.productPageAccessoires .card-body{
  font-size: 0.8em;
}
div.productPageAccessoires div.cartControls{
  max-width: 100px;
}
div.productPageAccessoires div.cartControls span.fa {
  font-size: 0.5em;
}
div.productPageAccessoires div.cartControls .form-control{
  line-height: 24px;
  height: 24px;
}
div.productPageAccessoires div.cartControls .input-group-text{
  padding: 0.2rem;
  line-height: 16px;
}



/*      CART      */
div.cartImage{
  width: 100%;
  height: 0px;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}
div.cart div.cartControls{
  padding-left: 7px;
}
div.cartControls.accessories{
  padding-right: 17px;
  padding-left: 0px;
}
div.cartControls span.fa{
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  font-size: 1.2em;
}
div.cartControls .input-group-text{
  padding: 0.4rem;
  background-color: #63A830;
  color: #FFF;
  border: solid 1px #393939;
}
div.cartControls div.input-group-prepend .input-group-text{
  border-right: none;
}
div.cartControls input{
  border-left: none;
  border-right: none;
}


div.cartControls .input-group-append .input-group-text{
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.form-control{
  font-size: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 36px;
}
div.cartControls .form-control{
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFF;
}

div.cartControls span.fa.fa-trash{
  color: #AAA;
  font-size: 2em;
}
div.cartControls span.fa.fa-trash:hover{
  color: #393939;
}

div.cart .btn-group .btn{
  border: solid 1px #000 !important;
}
div.cart .btn-group .btn:first-child{
  border-right: none !important;
}
div.cart .btn-group .btn:last-child{
  border-left: none !important;
}
div.cart div.row.cartHeader b{
  font-size: 0.9em;
}

span.editIcon{
  color: #63A830;
  font-size: 1.3em;
  padding-left: 5px;
  vertical-align: bottom;
}
span.editIcon.fa-trash{
  padding-bottom: 1px;
}

ul.typeahead.dropdown-menu{
  font-size: 1em;
  list-style: none;
}
ul.typeahead.dropdown-menu li {
  padding-left: 20px;
  list-style: none;
  border: none;
}

/*      REFERALS    */
div.content.news article.smallCol,
div.content.referals article.smallCol{
  width: 50%;
}
div.content.news div.itemHolder .item.product span.productTitle,
div.content.referals div.itemHolder .item.product span.productTitle{
  min-height: 43px;
}
div.content.news article.smallCol .img-fluid,
div.content.referals article.smallCol .img-fluid{
  border-radius: 10px;
  overflow: hidden;
}
div.videoHolder{
  width: 100%;
  height: 0px;
  padding-top: 56.25%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
div.videoHolder iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
article.newsItem,
article.referalItem{
  width: 100%;
  margin: 0px;
}
div.itemHeader{
  position: relative;
  background-size: cover;
  background-position: center center;
}
div.itemHeader:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}
div.itemHeader div.centerContent{
  z-index: 2;
}
article.newsItem div.flex,
article.referalItem div.flex{
  column-gap: 4%;
}
article.newsItem div.itemImage,
article.referalItem div.itemImage {
  width: 48%;
}
div.itemImage img{
  border-radius: 10px;
}
article.newsItem div.textHolder,
article.referalItem div.textHolder{
  width: 48%;
}
article.referalItem div.thumbs{
  column-gap: 5%;
  margin-top: 20px;
}
article.referalItem div.thumbs a{
  width: 30%;
}
div.otherItems{
  background-color: #e1e2e0;
}

/*      FAQ         */
div.faqHolder div.faq{
  margin-bottom: 20px;
  border-bottom: solid 1px #EEE;
  padding-bottom: 20px;
}
div.tripinfo div.faqHolder div.faq{
  border-top: solid 1px #EEE;
  border-bottom: none;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

div.faqHolder div.faq i{
  margin-right: 20px;
}
div.faqHolder div.faq p.faqTitle{
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 1.2em;
  font-weight: 700;
}
div.faqHolder div.faq p.faqTitle img{
  width: 16px;
  display: inline-block;
  margin-right: 10px;
}
div.faqHolder div.faq div.faqText{
  display: block;
  margin-top: 15px;
}
div.faqHolder div.faq .fa{
  padding-right: 20px;
}
div.faqHolder div.faq .fa-chevron-circle-down{
  display: inline-block;
}
div.faqHolder div.faq .fa-chevron-circle-right{
  display: none;
}
div.faqHolder div.faq.closed .fa-chevron-circle-right{
  display: inline-block;
}
div.faqHolder div.faq.closed div.faqText,
div.faqHolder div.faq.closed .fa-chevron-circle-down{
  display: none;
}

/*      CONTACT    */
div.content.contact article{
  padding-left: 120px;
  padding-right: 120px;
  margin: 0px;
  margin-top: 70px;
  margin-bottom: 100px;
  width: 100%;
}
div.contactForm{

}
div.inputRow{

}
div.inputHolder.half,
.input-group.half,
select.form-control.half{
  width: 48%;
  float: left;
}
div.inputHolder.half:first-child,
select.form-control.half:first-of-type{
  margin-right: 4%;
}

div.inputHolder label:not(.custom-control-label),
div.cartControls label,
.measureForm label{
  font-weight: 700;
  line-height: 1em;
  font-size: 1.14em;
  margin-bottom: 3px;
}
.measureForm label {
  line-height: 1.2em;
}

input.inputText, select.inputSelect{
  -webkit-appearance: none;
  display: block;
  position: relative;
  background-color: #FFF;
  color: #393939;
  height: 45px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  line-height: 41px;
  margin-bottom: 10px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  border: solid 1px #393939;
  text-align: left;
}
textarea.inputArea{
  display: block;
  position: relative;
  background-color: #FFF;
  border: solid 1px #393939;
  color: #393939;
  height: 180px;
  font-family: 'Montserrat', sans-serif;
  padding: 10px;
  padding-left: 20px;
  margin-bottom: 10px;
  width: 100%;
  font-size: 1em;
  border-radius: 5px;
  box-sizing: border-box;
}
textarea.form-control{
  line-height: 1.5em;
}
input.inputText.error, select.inputSelect.error, textarea.inputArea.error{
  background-color: #393939;
  color: #FFF;
}
input.mainButton{
  float: right;
}
input[type=file],
input[type=file],
input[type=file]{
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 27px;
}
label.is-invalid{
  color: #dc3545;
}

input[type=date],
input[type=date],
input[type=date]{
  padding-right: 2px;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  width: 20px;
  padding-left: 3px;
  margin-left: 3px;
  padding-right: 0px;
  margin-right: 0px;
}

input.inputText::-webkit-input-placeholder,
textarea.inputArea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #393939;
}
input.inputText::-moz-placeholder,
textarea.inputArea::-moz-placeholder{ /* Firefox 19+ */
  color: #393939;
}
input.inputText:-ms-input-placeholder,
textarea.inputArea:-ms-input-placeholder{ /* IE 10+ */
  color: #393939;
}
input.inputText:-moz-placeholder,
textarea.inputArea:-moz-placeholder{ /* Firefox 18- */
  color: #393939;
}

input.inputText.error::-webkit-input-placeholder,
textarea.inputArea.error::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #FFF;
}
input.inputText.error::-moz-placeholder,
textarea.inputArea.error::-moz-placeholder{ /* Firefox 19+ */
  color: #FFF;
}
input.inputText.error:-ms-input-placeholder,
textarea.inputArea.error:-ms-input-placeholder{ /* IE 10+ */
  color: #FFF;
}
input.inputText.error:-moz-placeholder,
textarea.inputArea.error:-moz-placeholder{ /* Firefox 18- */
  color: #FFF;
}

div.checkBoxHolder{margin-bottom:0px;color:#393939;}
div.checkBoxHolder input{-display:none;}
div.checkBoxHolder span.title{display:inline-block;line-height:20px;padding-right:20px;}
div.checkBoxHolder div.checkBox{position:relative;display:inline-block;line-height:40px;padding-right:20px;cursor:pointer;}
div.checkBoxHolder div.checkBox.forced{cursor:default;}
div.checkBoxHolder.error, div.checkBoxHolder.error span.radioTitle{color:#393939;}
div.checkBoxHolder div.checkBox div.box{width:20px;height:20px;border-radius:5px;border: solid 1px #393939;background-color:#FFF;text-align:center;line-height:20px;position:absolute; top: 10px;}
div.checkBoxHolder.error div.checkBox div.box{background-color:#393939}
div.checkBoxHolder.error div.checkBox div.box span{color:#FFF}
div.checkBoxHolder div.checkBox div.box span{color:#393939;padding-left:0px;display:none;line-height:20px;width:100%;}
div.checkBoxHolder div.checkBox div.box span.active{display:inline;}
div.checkBoxHolder div.checkBox span.checkboxText{padding-left:34px;display:inline-block; position: relative;}
div.checkBoxHolder div.checkBox span.checkboxText span{display:inline-block; vertical-align: middle;}
div.checkBoxHolder div.checkBox span.checkboxText span b{font-weight: 700; text-decoration: underline;}
div.checkBoxHolder div.checkBox span.checkboxText span.fa{font-size: 1.5em; padding-top: 2px; padding-right: 10px;}
span.info{
  position: relative;
  display: inline-block;
  cursor: pointer;
}
div.checkBoxHolder div.checkBox span.checkboxText span.hover,
span.info span.hover{
  position: absolute;
  left: 60px;
  top: 44px;
  background-color: #E1E2E0;
  width: 300px;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.6em;
  border-radius: 6px;
  display: none;
  z-index: 20;
}
span.info span.hover{
  position: absolute;
  left: -24px;
  top: 33px;
  font-size: 0.6em;
  font-weight: 400;
}
div.productDetails span.info span.hover,
div.row.cartHeader span.info span.hover{
  font-size: 1em;
}

div.checkBoxHolder div.checkBox span.checkboxText:hover span.hover,
span.info:hover span.hover{
  display: block;
}
div.checkBoxHolder div.checkBox span.checkboxText span.hover:before,
span.info span.hover:before{
  content: "";
  border-bottom: solid #E1E2E0 14px;
  border-left: solid transparent 12px;
  border-right: solid transparent 12px;
  position: absolute;
  top: -14px;
  left: 20px;
}

div#locationPicker{
  height: 400px;
  margin-bottom: 10px;
}


div.locationHolder{
  margin-top: 90px;
}
div.locationHolder div.locationInfo{
  float: left;
  width: 30%;
  margin-right: 5%;
  line-height: 1.8em;
}
div.locationHolder div.locationInfo:nth-child(3){
  margin: 0px;
}
div.locationHolder div.locationInfo h3{
  font-weight: 900;
  color: #63A830;
  text-transform: uppercase;
  font-size: 1.35em;
  line-height: 1em;
  margin-bottom: 12px;
}
div.locationHolder div.locationInfo span.fa{
  padding-right: 6px;
  font-size: 1.4em;
}
div.locationHolder div.locationInfo .imageHolder{
  display: block;
  width: 100%;
  border-radius: 10px;
  height: 0px;
  padding-top: 75%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.locationHolder div.locationInfo a.imageHolder{
  margin-bottom: 10px;
}
div.locationHolder div.locationInfo p{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.locationHolder div.locationInfo span.tab{
  display: block;
}
div.locationHolder div.locationInfo span.tab span:first-child{
  min-width: 40%;
  display: inline-block;
}
div.locationHolder div.locationInfo span.tab.time span:first-child{
  min-width: 60%;
}
div.locationHolder div.locationInfo a:hover{
  text-decoration: underline;
}


/*      HUURGIDS    */
div.rentGuide{
  display: flex;
  column-gap: 10%;
}
div.rentGuideCol{
  width: 45%
}
div.rentGuideCol img {
  display: block;
  width: 100%;
  margin-top: 20px;
}
div.slideshowHolder a.huurgidsButton{
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: block;
  width: 200px;
}
div.slideshowHolder a.huurgidsButton img{
  display: block;
  width: 100%;
}

/*      STOP PRODUCT    */
.feedbackStar{
  font-size: 3em;
  cursor: pointer;
}
.starHover{
  color: #63A830;
}

.fa-file-arrow-down{
  font-size: 1.4em;
}

  /*      FOOTER      */
footer{
  background-color: #393939;
  color: #FFF;
}
div.footerBanner{
  background-image: url("../uploads/image/27_0.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;

}
div.footerOverlay{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 55%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}

div.footerBanner div.centerContent{
  position: relative;
  z-index: 2;
}
div.footerBanner h4{
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 900;
  font-size: 2.3em;

}
div.footerBanner a.mainButton{
  display: block;
  margin-bottom: 5px;
  width: 280px;
}
div.footerBanner a.phone span,
div.footerBanner a.mainButton span{
  vertical-align: middle;
}
div.footerBanner a.mainButton span.fa{
  font-size: 1.5em;
  padding-right: 10px;
}
div.footerBanner a.phone{
  display: block;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.25em;
  margin-top: 25px;
}
div.footerBanner a.phone span.greenIcon{
  margin-right: 14px;
}
div.footerBanner a.phone:hover span.greenIcon{
  background-color: #393939;
}

div.footerCol{
  padding-top: 70px;
  padding-bottom: 80px;
  width: 25%;
  box-sizing: border-box;
  float: left;
}
div.footerCol h3{
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 900;
  font-size: 1.3em;
}
div.footerCol h3:nth-of-type(2){
  margin-top: 32px;
}
div.footerCol nav ul{
  list-style: none;
}
div.footerCol nav ul li{
  padding-top: 10px;
}
div.footerCol nav ul li a:hover{
  text-decoration: underline
}
div.footerCol nav ul li .imgHolder{
  display: block;
  padding-top: 15px;
}
div.footerCol nav ul li img{
  display: inline-block;
  height: 124px;
  padding-right: 10px;
}

div.footerCol span{
  vertical-align: middle;
}
div.footerCol p.follow{
  padding-top: 2px;
}
div.footerCol span.socialLinks{
  display: block;
  margin-top: 12px;
}
div.footerCol span.socialLinks a span.greenIcon{
  display: inline-block;
  margin-right: 10px;
}
div.footerCol span.socialLinks a:hover span.greenIcon{
  background-color: #FFF;
  color: #63A830;
}

div.footerLogos{
  display: flex;
  flex-wrap: wrap;
}
div.footerLogosRow{
  width: 100%;
}
div.footerLogos a {
  display: inline-block;
  margin-right: 8px;
  height: 100px;
}
div.footerLogos a:nth-child(2n) {
  margin-right: 0px;
}
div.footerLogos a img{
  display: block;
  height: 100%;
}
div.footerLogos a img.verhuurgroepLogo{
  height: 22px;
}



div.copyright{
  background-color: #000;
  color: #888;
  font-size: 0.85em;
  line-height: 1em;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 15px;
}
div.copyright br{
  display: none;
}
div.copyright p{
  display: inline;
}
div.copyright a:hover{
  text-decoration: underline;
}

/*    COOKIES   */
div.cookieCenterHolder{
  display:none;
  z-index:100;
  position: fixed;
  left:0px;
  top:auto;
  right:0px;
  bottom:0px;
}
div.cookieCenterHolder{pointer-events: none;}
div.cookieCenter{
  display:block;
  width: 100%;
  left: 0px;
  text-align:left;
  background-color: #FFF;
  padding: 20px;
  box-sizing: border-box;
  pointer-events:auto;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

div.cookieCenter p.cookieHeading{font-weight:900;margin-bottom: 15px; font-size: 2.2em;line-height: 1em;color: #63A830;text-transform: uppercase;}
div.cookieCenter p.cookieText{font-weight:400; margin-bottom: 40px; font-size:1em;line-height: 1.2em;}
div.cookieCenter p.cookieText .cookieDeny, div.cookieCenter p.cookieText a{text-decoration:underline;color:#63A830;cursor:pointer;}
div.cookieCenter div.cookieAllow{display:block;position:absolute;right:20px;bottom:20px;font-size:1.1em;font-family:'Montserrat', sans-serif;font-weight:700;background-color:#63A830;color:#FFF;padding:10px;padding-left:20px;padding-right:20px;cursor:pointer;border-radius: 5px;}
.cookieSettings{cursor:pointer;}


/*    LOADING ANGULAR   */
div.loading{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.7);
  z-index: 100;
}
div.loading div.loadingContentHolder{
  position: absolute;
  top: 50%;
  left: 50%;
}
div.loading div.loadingContent{
  position: absolute;
  top: -50px;
  left: -100px;
  width: 200px;
  height: 100px;
  text-align: center;
  font-size: 18px;
}


/*    BOOTSTRAP     */
div.loginPlaceholder{
  min-height: 400px;
}
.modal {
  overflow-y:auto;
}
.modal-footer{
  display: block;
  align-items: auto;
}
.smallTable table{
  width: auto;
}
p.note{
  font-size: 0.7em;
}
.disabledIcon{
  opacity: 0.3;
}
.nav-tabs .nav-link.disabled {
  color: #CCC;
}
.custom-control.custom-checkbox a{color:#63A830;}
.custom-control.custom-checkbox a:hover{text-decoration: underline;}

div.mainContainer a.decoration-underline{
  text-decoration: underline;
}