/*------------------------------------------*/
/*CUSTOM STYLE SHEET------------------------*/
/*HEXAGEEN----------------------------------*/
/*Last edited by RV 2022-02-18--------------*/
/*START-------------------------------------*/


.SbBorderBox {
    display: none;
}


#ctl00_MnAccount_DXI0_T{
    padding-top: 0px !important;
}

/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.stickyTop {
	display: none !important;
}

.panel_footer {
    margin-top: 30px !important;
}

.fa-stack {
   line-height: 2em !important;
    font-size: 16px !important;
}

#headerMenu .pnlSearch {
     DISPLAY: NONE;
}

.menuSearch > div.dxmLite {
    width: 100% !important;
}


.SMmnHeadMenuItem:hover {
	color: #ee6c0e !important;
}

.dxtc-link {
    background-color: #ec6608 !important;
}

.dxtc-activeTab span {
    color: white !important;
}

.dxmLite {
   font-family: Helvetica !important;
}

.LblProductDescriptionFull {
   font-family: Helvetica !important;
    font: 14px Tahoma, Geneva, sans-serif !important;
}

	.footer-min-width-per-column {
   font-family: Helvetica !important;
	}

.customBgContainer {
   font-family: Helvetica !important;
}

.obj-container:hover {
  transform: scale(1.02); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    border: 1px !important;
  border-style: solid !important;
  border-color: orange !important;
}

.dxdvBreakpointsItem_Metropolis:hover   {
  transform: scale(1.02); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border: 1px !important;
  border-style: solid !important;
  border-color: orange !important;
}


	.btn-discover {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 1px solid rgba(255, 255, 255, 0.7);
		border-radius: 3px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 14px 60px;
		text-decoration: none;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
	}	
	
	.btn-discover:hover {
		color: #fff;
		border-color: rgba(255, 255, 255, 0.7);
		background-color:#ec6608;
	}	
	
	.button-3 {
	  background-color:#D1C59B !important;
	}	
	
/*FOOTER VAST CONTACTBLOCK ONZICHTBAAR---------------------------------
#footer .contactBlock {
    margin-right: 20px;
    display: none;
}		*/

	h2.parallaxPrcexxx {
		font-size: 5em !important;
		color: #fff;
		text-shadow: 2px 2px 10px black;    
	}

	.header-info-block {
		border-radius: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.header-info-block h1 {
		color: #D605b5b;
		font-family: Raleway, sans-serif !important;
		font-size: 20px !important;
		margin-top: 36px;
		margin-bottom: 14px;
	}

	.header-info-block p {
		font-size: 1.2em !important;
	}
	
	.GridCell-LeftColumn {
	padding-left: 0px !important;
	}


	.ict-parallax-container .btn .parallax-btn {
		background-color: #d1c59b;
		color: #FFF;
		text-transform: uppercase;
	}

	.SMHideUnhidecontactBlock{
		display:none !important;
	}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-content, .dxmLite .dxm-horizontal .dxm-image-r .dxm-content {
    font-size: 15px;
    font-family: Helvetica;
	font-weight: 600;
}
	
	.mediaTextHolder {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100% !important;
	}		
	
	.nav-side-menu ul, .nav-side-menu li {
		background: white;
	}

	.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
		background: white;
	}

	.nav-side-menu li:hover {
		background-color: #f2eded !important;
		color: white !important;
	}	
	
	.specialfonth1 {
		font-family: 'Satisfy', cursive ;
		text-shadow: 2px 2px 10px black;   
	}
	.specialfonth2 {
		font-family: 'Satisfy', cursive ;
	}		
	
/* EINDE CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

/*---------------------------------------------------------------------------------------------------*/
/* START CUSTOM AFMETINGEN PER SCHERM 320 - 375 - 414 - 768 - 1024 - 1280 - 1500>  FONTSIZE - HOOGTE */
	
@media only screen and (min-width: 320px) and (max-width: 374px) {
/*START*/	
	.SMProductDetailDescriptionLabel{
	font-size: 19px !important;
	}
	
.headerLogo {
    width: 238px;
    margin-top: 6px;
}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.SMbackground-image {
    height: 200px;
    margin-bottom: 30px;
    background-repeat: round;
}
	
/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

.headerLogo {
    width: 250px;
    margin-top: -3px;
}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.SMbackground-image {
    height: 200px;
    margin-bottom: 30px;
    background-repeat: round;
}
	

/*EINDE*/	
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
/*START*/	

	
.headerLogo {
    width: 312px !important;
    margin-top: -9px !important;
    margin-left: 75px !important;
}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.SMbackground-image {
    height: 200px;
    margin-bottom: 30px;
    background-repeat: round;
}
	

/*EINDE*/
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*START*/	

.headerLogo {
    width: 330px;
    margin-top: -9px;
}

	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

	.SMbackground-image {
		height: 300px;
		margin-bottom: 30px;
	}

/*EINDE*/	
}


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/*START*/	

.headerLogo {
    width: 319px;
    margin-top: -9px;
}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}	

	.SMbackground-image {
		height: 500px;
		margin-bottom: 30px;
	}

/*EINDE*/	
}

@media only screen and (min-width: 1280px) and (max-width: 1499px) {	
/*START*/	
#bannerTop {
	top: 0px !important;
}

.headerLogo {
    width: 400px !important;
    margin-top: 5px;
}


#headerMenu .MnHeadMenu {
    width: 750px !important;
    float: right;
}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}	

	.SMbackground-image {
		height: 500px;
		margin-bottom: 30px;
	}
	
.panel_header_sub {
     margin-top: 15px;
}

/*EINDE*/
}	

@media only screen and (min-width: 1500px) {	
/*START*/	

#bannerTop {
	top: 2px !important;
}

.headerLogo {
    width: 400px !important;
    margin-top: -2px;
}

#header {
     height: 5px !important;
}
	

#headerMenu .MnHeadMenu {
    width: 750px !important;
    float: right;
}

	.footer-min-width-per-column {
		min-width: 370px;
	}
	
.panel_header_sub {
     margin-top: 15px !important;
}	

	.panel_footer_sub {
		padding-left: 0px !important;
		margin-left: 0px !important;
		padding-right: 0px !important;
		width: 1500px;
	}
	
#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}	

	.SMbackground-image {
		height: 500px;
		margin-bottom: 30px;
	}
	
/*EINDE*/
}	
	
/* EINDE CUSTOM AFMETINGEN PER SCHERM FONTSIZE - HOOGTE */

/*----------------------------------------------*/
/*CUSTOM STYLE SHEET------------------*/
/*EINDE--------------------------------------*/