/* general styles */
body{
  font-size: 12px;
}
div.centerContent{
  width: 728px;
}
div.centerContent.half{
  padding-right: 360px;
}

div.textSliderHolder div.arrowHolder div.arrow,
div.referalSliderHolder div.arrow{
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.greenIcon{
  width: 20px;
  height: 20px;
  line-height: 20px; 
}
.greenIcon.big{
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/*      HEADER      */
header{
  padding-top: 20px;
}

a.logoHolder{
  width: 120px;
  bottom: -19px;
}
div.menuHolder nav ul li{
  margin-right: 15px;
}
div.menuInfo div.infoItem{
  padding-left: 10px;
  margin-left: 10px;
}
div.menuInfo div.infoItem:nth-child(4){
  padding-right: 35px;
  padding-top: 6px;
}
div.menuInfo div.infoItem a.phoneIcon .greenIcon{
  width: 24px;
  height: 24px;
  line-height: 24px; 
}


/*      CONTENT      */
div.pageHeader div.headerText,
div.slideshow div.headerText,
div.textSlider div.headerText{
  height: 110px;
  width: 300px;
  padding-left: 20px;
}
div.pageHeader div.headerText h2,
div.slideshow div.headerText h2,
div.textSlider div.headerText h2{
  font-size: 1.75em;
  padding-top: 20px;
  min-height: 100px;
}

div.slideshowHolder div.searchHolder{
  width: 728px;
}

div.flex{
  display: flex;
  align-items: stretch;
}
div.flex,
div.productDetails{
  margin-top: 30px;
  margin-bottom: 40px;
}

aside{
  width: 31%;
}
div.content.news article.smallCol,
div.content.referals article.smallCol,
article{
  width: 66%;
  margin-left: 3.5%;
}
div.content.account div.flex{
  display: block;
}
div.content.account aside{
  float: none;
  display: block;
  margin-bottom: 20px;
  border-right: none;
  padding-right: 0px;
}
div.content.account article{
  float: none;
  margin-left: 0px;
  width: 100%;
}




article h1,
div.content.home h2,
div.recentHolder h4{
  margin-bottom: 15px;
}

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

div.itemHolder .item,
div.itemHolder .item:nth-child(3n){
  width: 47.2%;
  margin-right: 5.6%;
  margin-bottom: 5.6%;
}
div.itemHolder .item:nth-child(2n){
  margin-right: 0px;
}
div.itemHolder .item:nth-child(3n+1){
  clear: none;
}
div.itemHolder .item:nth-child(2n+1){
  clear: both;
}
div.itemHolder .item:nth-child(2n+1),
div.itemHolder.col4 .item:nth-child(4n+1){
  clear: none;
}
div.itemHolder.col4 .item:nth-child(3n+1){
  clear: both;
}
div.categorySliderHolder div.itemHolder.col4 .item:nth-child(3n+1){
  clear: none;
}
div.categorySliderHolder div.itemHolder.col4 .item:nth-child(4n+1){
  clear: both;
}

div.itemHolder.col4 .item,
div.itemHolder.col4 .item:nth-child(4n){
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
}

div.categorySliderHolder{
  height: 200px;
  margin-top: 40px;
  margin-bottom: 60px;
}
div.categorySliderHolder div.itemHolder.col4 .item,
div.categorySliderHolder div.itemHolder.col4 .item:nth-child(4n){
  width: 22%;
  margin-right: 4%;
  margin-bottom: 4%;
}
div.categorySliderHolder div.itemHolder.col4 .item:nth-child(4n),
div.itemHolder.col4 .item:nth-child(3n){
  margin-right: 0%;
}
div.categorySliderHolder div.itemHolder.col4 .item:nth-child(3n){
  margin-right: 4%;
}

div.recentHolder div.itemHolder.col4 .item:nth-child(3){
  display: none;
}
div.recentHolder div.itemHolder.col4 .item:nth-child(4){
  clear: none;
  margin-right: 0px;
}

div.itemHolder .item.newsletter{
  height: 225px;
  padding: 20px;
}

div.itemHolder .item.newsletter p.newsletterTitle{
  font-size: 1.4em;
  margin-bottom: 15px;
}
div.itemHolder .item.newsletter p.newsletterText{
  margin-bottom: 15px;
}


/*      HOME      */
div.content.home article{
  margin-top: 30px;
}
div.content.home article div.categoryText{
  padding-left: 0px;
  padding-right: 0px;
}
div.homeTextHolder{
  padding-top: 30px;
  padding-bottom: 30px;
}
div.homeText{
  padding-top: 0px;
}
div.textSliderHolder div.textSlider div.slide div.sliderText{
  margin-top: 10px;
  padding-right: 50px;
}
div.textSliderHolder div.arrowHolder{
  bottom: 10px;
}
div.textSliderHolder{
  padding-top: 33%;
}

div.accountBanner{
  font-size: 0.9em;
}
div.accountBanner div.accountBannerText li span .fa-plus{
  padding-top: 0px;
}
div.homeProjects a:nth-child(4){
  display: none;
}

div.uspHolder,
div.referalHolder{
  padding-top: 30px;
  padding-bottom: 30px;
}
div.content.home div.uspHolder h2,
div.content.home div.referalHolder h2{
  margin-bottom: 20px;
}
div.uspHolder div.usp div.imageHolder{
  margin-bottom: 20px;
}
div.uspHolder div.usp h4{
  margin-bottom: 5px;
  min-height: 36px;
}
div.referalSliderHolder{
  padding-top: 28%;
}
div.referal{
  padding-left: 50px;
  padding-right: 50px;
}
div.referal div.imageHolder{
  margin-bottom: 10px;
}

/*      PRODUCT     */
div.content.product article div.textHolder{
  width: 100%;
}

/*      PRODUCTDETAILS  */
div.productDetails article h1{
  margin-bottom: 20px;
}
div.productCol.productInfo{
  width: 100%;
  margin-right: 0px;
}
div.productCol.productRent{
  width: 100%;
  margin-top: 20px;
}

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


/*      CART      */
div.cart div.cartControls{
  padding-left: 0px;
}
div.cartControls span.fa{
  padding-left: 2px;
  padding-right: 2px;
  font-size: 0.8em;
}



/*      CONTACT    */
div.content.contact article{
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}


div.locationHolder{
  margin-top: 40px;
}
div.locationHolder div.locationInfo{
  width: 31%;
  margin-right: 3.5%;
  font-size: 0.95em;
}
div.locationHolder div.locationInfo p{
  margin-top: 8px;
  margin-bottom: 10px;
}


/*      REFERALS    */
article.newsItem div.centerContent>div.flex,
article.referalItem div.centerContent>div.flex{
  column-gap: 0px;
  display: block;
}
article.newsItem div.itemImage,
article.referalItem div.itemImage {
  width: 100%;
  margin-bottom: 20px;
}
article.newsItem div.textHolder,
article.referalItem div.textHolder{
  width: 100%;
}
div.content.news article,
div.content.referals article{
  margin-left: 0px;
}
div.content.news div.itemHolder .item.product span.productTitle,
div.content.referals div.itemHolder .item.product span.productTitle{
  min-height: 53px;
}

/*      HUURGIDS    */
div.slideshowHolder a.huurgidsButton{
  right: 10px;
  bottom: 10px;
  width: 100px;
}


/*      FOOTER      */
div.footerBanner{
  padding-top: 30px;
  padding-bottom: 30px;
}
div.footerOverlay{
  right: 50%;
}
div.footerBanner h4{
  margin-bottom: 20px;
  font-size: 2em; 
}
div.footerBanner a.mainButton{
  width: 240px; 
}
div.footerBanner a.phone{
  font-size: 1em;
  margin-top: 25px;
}
div.footerBanner a.phone span.greenIcon{
  margin-right: 10px;
}
div.footerCol{
  padding-top: 30px;
  padding-bottom: 50px;
}
div.footerCol h3{
  margin-bottom: 5px;
  font-size: 1.2em;
}
div.footerCol h3:nth-of-type(2){
  margin-top: 30px;
}
div.footerCol nav ul li{
  padding-top: 8px;
}
div.footerCol span.socialLinks a span.greenIcon{
  margin-right: 5px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
div.footerCol nav ul li img{
  height: 85px;
  padding-right: 5px;
}

div.copyright{
  padding-top: 30px;
  padding-bottom: 10px;
}