/* font family voor de algemene tekst */
@font-face {
font-family: "Lato";
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot');
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff') format('woff'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* font family voor de knoppenbalk */
@font-face {
font-family: "aurulent_sansbold";
src: url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.eot');
src: url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.woff2') format('woff2'), url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.woff') format('woff'), url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.ttf') format('truetype'), url('https://cdn.hwcms.nl/templates/fonts/aurulentsans-bold-webfont.svg#aurulent_sansbold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* font family voor het submenu van de knoppenbalk */
@font-face {
font-family: "Lato";
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot');
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff') format('woff'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* font family voor de headings */
@font-face {
font-family: "Lato";
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot');
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff') format('woff'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* font family voor de topbalk */
@font-face {
font-family: "Lato";
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot');
src: url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.woff') format('woff'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://cdn.hwcms.nl/templates/fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

body {
font-family: "Lato";
background-color: #FFFFFF;
}

#header {
background: #FFFFFF;

}
.flexslider {
background-color: #FFFFFF !important;
}

.top {
background-color: #3B2C2C;
border-top: 1px solid #3B2C2C;
}
.top, .top .phone-call, .top ul.ulsocial li, .top .btn {
color: #FFFFFF;
font-size: 20px;
}
.top a, .top .phone-call a, .top ul.ulsocial li a {
color: #FFFFFF;
}
.top a:hover, .top .phone-call a:hover, .top ul.ulsocial li a:hover {
background-color: #C9A66B !important;
color: #FFFFFF !important;
}
.top .btn a, a.btn_cart {
background: #018C01;
color: #FFFFFF;
border-radius: 20px;
}
.top .btn a:hover, a.btn_cart:hover {
background: #02C702 !important;
color: #FFFFFF !important;
}
#header .header-left {
			width: 30%;
			}
			#header .header-right {
			width: 69%;
			}
			
#header .header-left p a.textlogo {
color: #3B2C2C !important;
font-size: 30px;
}
#header .header-left p a.textlogo:hover {
color: #C9A66B !important;
}
#header .header-right .slogan {
color: #3B2C2C !important;
}
#header .header-right .slogan a {
color: #C9A66B !important;
}
#header .header-right .slogan a:hover {
color: #3B2C2C !important;
}
.fixed #header .header-left a img {
			max-width: 50%;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}

.button a, form .button input[type='button'], form .button input[type='submit'], .reviewbtn a, #header .header-right .slogan .button a {
background: #018C01 !important;
color: #FFFFFF !important;
border-radius: 20px;
text-decoration: none !important;
margin: 0 !important;
}
.button a:hover,form .button input[type='button']:hover, form .button input[type='submit']:hover, .reviewbtn a:hover, #header .header-right .slogan .button a:hover {
background: #02C702 !important;
color: #FFFFFF !important;
text-decoration: none !important;
}
.main-menu {
background: #3B2C2C;


}
.main-menu .animenu label span {
background: #FFFFFF;
}
.main-menu.floatrechts .animenu label span {
background: #3B2C2C;
}
.main-menu .animenu li {
background-color: #3B2C2C;
border-radius: 20px;
}
.main-menu .animenu li:hover, .animenu li.active {
background-color: #C9A66B;
border-radius: 20px;
}
.main-menu .animenu li.active li {
background-color: #3B2C2C;
}
.main-menu .animenu ul li a {
color: #FFFFFF;
/*color: red !important;*/
font-size: 18px;
font-family: "aurulent_sansbold";
text-transform: inherit;
}
.main-menu .animenu ul li ul.animenu__nav__child a {
color: #FFFFFF  !important;
font-family: "Lato";font-weight: inherit;
font-size: 16px;
border: none;
}
.animenu ul li.active a {
color: #FFFFFF;
}
.main-menu .animenu ul li a:hover, .main-menu .animenu ul li:hover {
color: #FFFFFF !important;
}
.main-menu .animenu ul li:hover a {
color: #FFFFFF;
}
.animenu ul li ul.animenu__nav__child a:hover {
color: #FFFFFF !important;
border: none;
}
.animenu ul li.active a, .animenu ul li a:hover, .animenu ul li:hover a {
color: #FFFFFF;
}
.animenu ul li.active li a {
color: #FFFFFF;
}
.animenu ul li.active li:hover {
background-color: #C9A66B;
}
.animenu ul li.active li a:hover {
color: #FFFFFF;
}
.slider-ctn {
background: rgba(29,29,29, 0.8);
}
.slider-ctn p {
color: #FFFFFF;
}
.slider-ctn .button a {
background: #018C01;
color: #FFFFFF;
}
.slider-ctn .button a:hover {
background: #02C702;
color: #FFFFFF;
}
.slider-ctn h3 {
color: #FFFFFF;
font-size: 45px;
line-height: 53px;
text-transform: uppercase;
}
.footer {
background: #3B2C2C;
color: #FFFFFF;
}
.footer h4 {
color: #FFFFFF;
font-size: 0px;
text-transform: uppercase;
}
.footer a {
color: #FFFFFF;
}
.footer a:hover {
color: #FFFFFF;
}
.copy-right p {
color: #FFFFFF;
}
h1 {
color: #3B2C2C;
}
h2, .dbbox h3 {
color: #3B2C2C;
}
h3 {
color: #3B2C2C;
}

.content h1 {
font-size: 20px;
text-transform: uppercase;
}
.content h2, .newshome h2 {
font-size: 18px;
text-transform: inherit;
}
.content h3 {
font-size: 18px;
}
.content p, .content ul li, .content ol li, .content .label, .totalen .links, .totalen .rechts {
color: #3B2C2C !important;
font-size: 18px;
}
.content p a, .content ul li a, .content ol li a, .custombox33prcnt a, .newshome p a, .content .label a, .carousel ul li a, .carouselvast ul li a {
color: #018C01;
text-decoration: none;
}
.content p a:hover, .content ul li a:hover, .content ol li a:hover, .custombox33prcnt a:hover, .newshome p a:hover, .content .label a:hover, .carousel ul li a:hover, .carouselvast ul li a:hover {
color: #3B2C2C;
}
.gallery h5, .carouselvast h5, .product_listing h5 {
color: #FFFFFF;
font-size: 30px;
text-transform: uppercase;
}
section.carrouselbg {

}
.two-box-section.news {
background: #D9D0C1;
}
.two-box-section.diensten {

}
.two-box-section.diensten .diensten-box {
background: #FFF;
border: 0px solid #FFF;
}
.two-box-section.diensten .diensten-box h3, .two-box-section.diensten .diensten-box h3 a {
color: #FFF;
font-size: 0px;
text-decoration: none;
}
.content .reactiebox h3 {
color: #3B2C2C;
}
.two-box-section.diensten .diensten-box p, .two-box-section.diensten .diensten-box p a {
color: #FFF;

font-size: 0px;
text-decoration: none;
}
.two-box-section .box-ctn h3, .two-box-section .box-ctn h3 a, .two-box-section .box-ctn h3 a:hover {
font-size: 18px;
color: #C9A66B;
text-decoration: none;
}
.two-box-section p {
color: #3B2C2C;
}
.two-box-section p a {
color: #C9A66B;
}
.two-box-section p a:hover {
color: #3B2C2C;
}
.dbbox, .zoekresbox, .content .reactiebox {
border-color: #3B2C2C;
}
ol.breadcrumbs li {
color: #018C01;
}
ol.breadcrumbs li a {
color: #018C01;
}
ol.breadcrumbs li a:hover {
color: #3B2C2C;
}
.categories .head {
background-color: #3B2C2C;
color: #FFFFFF;
font-size: 18px;
}
.categories .head .hamburger_toggle .hamburger {
background-color: #FFFFFF;
}
.product_listing .product {

}
.product_listing .product .product_description .product_title a {
color: #FFF;
font-size: 18px;
}
.product_listing .product .product_description .product_title a:hover {
color: #FFF;
}
.product_listing .product .product_description .secondary_text {
color: #FFF;
}
.product_listing .product .product_description .prices {
color: #FFF;
}
.issuer, .betaalmethode {
border: 1px solid #3B2C2C;
}
.issuer:hover, .betaalmethode:hover {
border: 1px solid #018C01;
}
.reset {
color: #018C01;
}
.reset:hover {
color: #3B2C2C;
}
.productvar .prijs {
color: #FFF;
}
.winkelwageninhoud .productregel, .betaaloverzicht .productregel {
border-bottom: 1px solid #3B2C2C;
}
.sliderbalk {
padding: 10px 0;
background: #FFFFFF;
color: #FFFFFF;
font-size: 0px;
}
.sliderbalk p {
padding: 0;
margin: 0;
color: #FFFFFF;
font-size: 0px;
line-height: 90%;
text-align:center;
}
.sliderbalk a {
color: #FFFFFF;
text-decoration: underline;
}
.sliderbalk a:hover, .sliderbalk.top a:hover {
color: #FFFFFF !important;
background-color: inherit !important;
}
a.nav {
border: 1px solid #3B2C2C;
color: #3B2C2C;
font-size: 18px;
}
a.nav:hover, a.nav.curr {
background-color: #018C01;
color: #FFFFFF;
border: 1px solid #018C01;
}
.cal1 .clndr .clndr-table .header-days {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day:hover {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day.today.event,
.cal1 .clndr .clndr-table tr .day.my-today.event {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .day.inactive,
.cal1 .clndr .clndr-table tr .day.my-inactive {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
background: #FFF;
}
.cal1 .clndr .clndr-table tr .empty:hover,
.cal1 .clndr .clndr-table tr .adjacent-month:hover,
.cal1 .clndr .clndr-table tr .my-empty:hover,
.cal1 .clndr .clndr-table tr .my-adjacent-month:hover {
background: #FFF;
}

h1, h2, h3, h4, h5 {
font-family: "Lato";
}

.top, .top .phone-call, .top .btn, .top ul.ulsocial li {
font-family: "Lato";
}



@media(max-width:1280px) {
	.slider-ctn h3 {
	font-size: 31px !important;
	padding: 0 !important;
	}
}

@media(max-width:1000px) {
	.content h1 {
	font-size: 16px !important;
	padding-bottom: 5px;
	}
	.content h2, .newshome h2, .two-box-section .box-ctn h3 {
	font-size: 16px !important;
	}
	.slider-ctn h3 {
	font-size: 31px !important;
	padding: 0 !important;
	}
	.footer h4 {
	font-size: 16px !important;
	}
	.gallery h5, .carouselvast h5, .product_listing h5 {
	font-size: 26px !important;
	}
	.two-box-section.diensten .diensten-box h3, .content .reactiebox h3 {
	font-size: 16px !important;
	}
}
@media(max-width:767px) {
	.content h1 {
	font-size: 16px !important;
	padding-bottom: 5px;
	}
	.content h2, .newshome h2, .two-box-section .box-ctn h3 {
	font-size: 16px !important;
	}
	.slider-ctn {
	background: inherit;
	}
	.slider-ctn h3 {
	font-size: 22px !important;
	padding: 0 !important;
	}
	.footer h4 {
	font-size: 16px !important;
	}
	.gallery h5, .carouselvast h5, .product_listing h5 {
	font-size: 17px !important;
	}
	.two-box-section.diensten .diensten-box h3, .content .reactiebox h3 {
	font-size: 16px !important;
	}
	.sliderbalk {
	font-size: 90%;
	}
}
@media(max-width:500px) {
	.content h1 {
	font-size: 16px !important;
	padding-bottom: 5px;
	}
	.content h2, .newshome h2, .two-box-section .box-ctn h3 {
	font-size: 16px !important;
	}
	.slider-ctn h3 {
	font-size: 17px !important;
	padding: 0 !important;
	}
	.footer h4 {
	font-size: 16px !important;
	}
	.gallery h5, .carouselvast h5, .product_listing h5 {
	font-size: 16px !important;
	}
	.two-box-section.diensten .diensten-box h3, .content .reactiebox h3 {
	font-size: 16px !important;
	}
}