/*--------------------------------------------*/
/*CUSTOM STYLE SHEET--------------------------*/
/*Softmaat Tools -----------------------------*/
/*Last edited by FK 2023-08-31----------------*/
/*START---------------------------------------*/

/* START NIEUWE AANPASSINGEN ONTWIKKELIMNG - peter*/

/*GRID*/

.white-transparent {
	background: #ffffff8c;
    padding: 2rem 4rem;
	margin: 3rem 20rem;
}

.undo-padding {
	padding: 0px !important;
}

.grid-img-fill {
	margin: 0px !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
	background-position-y: center !important;
    background-size: cover !important;
	align-items: center !important;
}

.container-1-columns {
    display: grid;
    justify-content: center;
	background-size: cover;
	background-position-x: center;
    background-position-y: center;
}

.container-2-columns {
    display: grid;
    justify-content: center;
}

.container-3-columns {
	display: grid;
	justify-content: center;	
}

.container-4-columns {
    display: grid;
    justify-content: center;
}

.container-5-columns {
    display: grid;
    justify-content: center;	
}

.cell {
  text-align: flex-start;
  padding: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.cell-1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

/*GRID END*/

/*ROTATE IMAGE TEST 2*/

.img-hover-rotate {
    height: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    
.img-hover-rotate img {
    transition: transform .5s ease;
    display: block;
}
    
.img-hover-rotate:hover img {
    transform: scale(1.3) rotate(15deg);
	opacity: 0.3;
	transition: all 0.7s ease;
}
    
.img-hover-rotate .SMTh2 {
    position: absolute;
    left: 0px;
    top: 31%;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

/*ROTATE IMAGE TEST 2 END*/

/*ROTATE IMAGE TEST 2*/

.img-hover-zoom {
    height: auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
}
    
.img-hover-zoom img {
    transition: transform .5s ease;
    display: block;
}
    
.img-hover-zoom:hover img {
    transform: scale(1.3);
	opacity: 0.3;
	transition: all 0.7s ease;
}
    
.img-hover-zoom .SMTh2 {
    position: absolute;
    left: 0px;
    top: 31%;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

/*ROTATE IMAGE TEST 2 END*/

/*IMAGE HOVER OPACITY TEST*/

.row {
	display: flex;
    justify-content: space-around;
}

.image2 {
	position: relative;
	width: 400px;
}

.image__img {
	display: block;
	width: 100%;
}

.image__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.6);
	color: white;
	font-family: 'Segoe UI';
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.25s;
}

.image__overlay--blur {
	backdrop-filter: blur(5px);
}

.image__overlay--solid {
	background: #00112b;
}

.image__overlay > * {
	transform: translateY(20px);
	transition: transform 0.25s;
}

.image__overlay:hover {
	opacity: 1;
}

.image__overlay:hover > * {
	transform: translateY(0);
}

.image__title {
	font-size: 2em;
	font-weight: 900;
}

.image__description: {
	font-size: 1.25em;
	margin-top: 0.25em;
	font-weight: 300;
}

/*IMAGE HOVER TEST OPACITY END*/

.LargeImageRight {
	float: right;
	right: 0;
}

.LargeImageLeft {
	float: left;
	left: 0;
}

.SMTh2Left {
	font-family: 'segoe ui';
	color: white;
	text-shadow: 2px 2px 5px black;
}

.SMTh2Right {
	font-family: 'segoe ui';
	color: white;
	text-shadow: 2px 2px 5px black;
}

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

/* EINDE NIEUWE AANPASSINGEN ONTWIKKELING - peter*/


/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.SMTh1 {
    font-weight: 900 !important;
    text-shadow: 2px 2px 5px black;
    line-height: 2em;
    color: white; 
}

.BackgroundContentBox {
    padding: 50px 0 50px 0;
	width: 100vw;
	float: left;
}

.SMTh2Rotate {
    font-family: 'segoe ui';
    color: white !important;
    font-size: 5em;
    text-shadow: 2px 2px 5px black;
    font-weight: 900;
    margin-top: -70%;
    margin-bottom: 42%;
}

.SMTh2 {
    font-family: 'segoe ui';
    color: white !important;
	text-shadow: 2px 2px 5px black;
    font-weight: 900;
    margin-top: -245px;
    margin-bottom: 168px;
}

/*HOVER IMAGE SHADOW*/

.image-shadow {
	box-shadow: 0px 3px 5px grey;
	width: 90%;
}

.image-shadow:hover {
	box-shadow: 0px 8px 15px grey;
}

/*HOVER IMAGE SHADOW END*/

/*HOVER IMAGE OPACITY*/

/*.container {
  position: relative;
  width: 50%;
}*/

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

.textHover {
    background-color: #00112b;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
	font-family: 'Segoe UI'
}

/*HOVER IMAGE OPACITY END*/

/*HOVER IMAGE ROTATE*/

.shop-item-rotate {
  width: 90%;
  flex-basis: 33, 33%;
  margin: 1%;
  overflow: hidden;
  float: left !important;
}
.shop-item-rotate .imgContainer {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.shop-item-rotate:hover .imgContainer img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3) rotate(15deg);
  opacity: 0.3;
}

.shop-item-rotate .imgContainer img {
  width: 100%;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.shop-item-rotate > .shop-content {
  padding: 10px;
}

/*HOVER IMAGE ROTATE END*/

/*HOVER IMAGE ROTATE*/

.shop-item-zoom {
  width: 90%;
  flex-basis: 33, 33%;
  margin: 1%;
  overflow: hidden;
  float: left !important;
}
.shop-item-zoom .imgContainer {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.shop-item-zoom:hover .imgContainer img {
  -webkit-transform: scale(1.3);
}

.shop-item-zoom .imgContainer img {
  width: 100%;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.shop-item-zoom > .shop-content {
  padding: 10px;
}

/*HOVER IMAGE ROTATE END*/

.shop-item {
  width: 30%;
  flex-basis: 33, 33%;
  margin: 1%;
  overflow: hidden;
  float: left !important;
}
.shop-item .imgContainer {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.shop-item:hover .imgContainer img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3) rotate(15deg);
  opacity: 0.3;
}

.shop-item .imgContainer img {
  width: 100%;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.shop-item > .shop-content {
  padding: 10px;
}


/*BUTTONS*/

.btn-header {
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none !important;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	padding: 20px !important;
	margin: 0px !important;
}

.btn-header-small {
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	padding: 10px !important;
	margin: 0px !important;
}

.btn-header-color {
	background: #5A7B9D;
}

.btn-discover:hover {
	background-color: #1482ac !important;
	  filter: grayscale(30%);
}

.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;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	padding: 1px !important;
	margin: 0px !important;
}
	
.btn-discover:hover {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.7);
	background-color:transparent;
}	

.btn-primary {
    color: #fff;
    background-color: #5A7B9D !important;
    border-color: #5A7B9D !important;
}

.btn-primary:hover{
	background-color: #B3C9DC !important;
	border-color: #B3C9DC !important;
}

/*BUTTONS END*/

/*FONTS*/

.SMh1DarkBG {
	font-family: open sans;
	font-weight: 700;
	text-shadow: 2px 2px 5px black;
	color: #ffffff; 
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 2em;
}

.SMh2DarkBG {
	font-family: open sans;
	font-weight: 700;
	color: #e3ecf9; 
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 1.25em;
}

.SMh3DarkBG {
	font-family: open sans;
	font-weight: 700;
	color: #e3ecf9; 
	margin-top: 10px;
	margin-bottom: 10px;
	}

.SMParagraphDarkBG {
	font-family: open sans;
	color: #ffffff;
    margin-bottom: 25px;
}

.SMh1LightBG {
	font-family: open sans;
	font-weight: 700;
	color: #00112b; 
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 2em;
}

.SMh2LightBG {
	font-family: open sans;
	font-weight: 700;
	color: #00112b; 
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 1.25em;
}

.SMh3LightBG {
	font-family: open sans;
	font-weight: 700;
	color: #00112b; 
	margin-top: 10px;
	margin-bottom: 10px;
	}

.SMParagraphLightBG {
	font-family: open sans;
	color: #000000;
}

/*FONTS END*/

/*BOX GRADIENT*/

.BackgroundContentBoxLight {
	width: 100vw;
	padding: 50px;
	float: left;
	background-image: linear-gradient(to bottom right, #e3ecf9 33%, #b3c9dc);
}
	
	.BackgroundContentBoxWhiteSolid {
	width: 100vw;
	padding: 50px;
	float: left;
	color; white;
}
	
.BackgroundContentBoxDark {
	width: 100vw;
	padding: 50px;
	float: left;
	background-image: linear-gradient(to bottom right, #0e3350 33%, #00112b);
}

p { margin-top: 0; }

.testColumns {
    box-sizing: border-box;
	width: 76%;
	margin-left: 12%;
    margin-right: 12%;	
}

.testH1Margins {
	font-family: open sans;
	font-weight: 400;
	font-size: 5em;
	margin-top: 0px;
	margin-bottom: 25px;
	color: white;
    line-height: 1.5em;
    text-shadow: 2px 2px 10px black;
}

.testParagraphMargins {
	font-family: open sans;
	font-size: 1em;
}

.columnThird {
	width: 33%;
	float: left;
	padding: 15px;
}

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

.SMColumn {
    width: 68%;
    margin-left: 16%;
    margin-right: 16%;
}

/*BOX GRADIENT END*/

/*PRODUCT PAGE*/
.productDetails {
    border: transparent 1px !important;
}

.dxizControl {
    border: 1px solid transparent !important;
}

/*PRODUCT PAGE END*/

/*NAVIGATION BAR

.dxtvControl .dxtv-ndSel {
    background-color: #D8D8D8;
    font-weight: 700;
	text-decoration: none !important;
}

.SgNodeSelected {
    text-decoration: none !important;
}

.contentblock {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.grid_item {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.dxtv-subnd {
    padding-left: 25px !important;
    width: 100% !important;
}

.SgNodeHover span {
	text-decoration: none !important;
}

.TreeViewProductGroups li ul {
    border-top: solid 0px transparent !important;
    border-bottom: solid 0px transparent !important;
}

.dxtv-subnd .SgNodeSelected, .dxtv-subnd .SgNodeHover {
    border-bottom: solid 0px transparent !important;
}

.SgTreeNode {
    border-bottom: solid 0px transparent !important;
}

.dxtv-subnd .dxtv-subnd .SgNodeHover, .dxtv-subnd .dxtv-subnd .SgNodeSelected {
    border-bottom: solid 1px transparent !important;
}

/*NAVIGATION BAR END*/

/*MENU NIEUW*/

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

.dxmLite .dxm-popup {
    border: 1px solid transparent !important;
}

.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut {
    border-color: transparent;
}

.dxmLite .dxm-popup .dxm-content {
    margin-top: 5px !important;
}

.dxmLite .dxm-popup .dxm-hovered {
    width: 207px;
    margin-left: -3px;
}

.dxmLite .dxm-popup .dxm-gutter {
    background: -webkit-linear-gradient(top, #00112b 0%, #00112b 100%) !important;
    padding: 3px;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    color: white;
}

/*MENU NIEUW EIND*/

	.SMPadding {
		padding-top: 75px;
	}

#headerMenu {
    height: 50px !important;
}

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

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

.dxmLite {
		font-family: Arial, Raleway, sans-serif !important;
}

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

	.footer-min-width-per-column {
		font-family: Arial, Raleway, sans-serif !important;
	}

.customBgContainer {
   font-family: Arial, Raleway, sans-serif !important;
}

.SMBtnOrderAndFinishBottomAdd {
    padding: 4px !important;
    font-size: 16px !important;
    border-radius: 4px;
}


.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);
    border-style: solid !important;
    box-shadow: 4px 4px 8px grey;
}


.dxmLite .dxm-item a.dx {
    color: Black !important;
}

	.SalesAdvicePriceHolder {
		padding-left: 9px;
		color: black;
		background: transparent;
		height: 21px;
	}

	.button, .viewProductHolder, .EditCartBtn, .FinishOrderBtn, .LbtnOrderMyProductsCss, .BtnBackToLogin, .PasswordBtnCss, .ChangePasswordButtonStyleCss, .ASPxBtnForgotPassword, .LbtnLoginInfo, .LoginBtnCssNewCustomer, .LoginBtnCss, .slideCaptionTextHolder div, .AdViewBtn, .BtnAddUser, .BtnAddUser tr td, .BtnOrderProductGrid tr td, .HlProductDetails, a.HlSummaryLoginBtns:hover, a.HlSummaryLoginBtns:visited {
		background-color: #701a1b !important;
	}

	.SMpanel_header_top_sub {
		background-color: transparent !important;
	}	

	a.header-order-button, a.header-order-button span, #header .header-order-button span, .blockheader, a.button, a.button:hover, .button a, .buttonHover span, .buttonHover a, .buttonHover, a.button:visited, .button span, #header .button span, .blockheader label, td.button {
		color: #FFFFFF !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:#D1C59B;
	}	
	
	.button-3 {
	  background-color:#D1C59B !important;
	}	
	
	.ChosenFilter {
		background: #5792e1 !important;
		font-size: 11pt !important;
		color: #FFFFFF !important;
	}

	.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-main .dxm-selected {
		background-color: transparent !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;
	}
	
	.header-order-button, .blockheader, .button {
		background: -moz-linear-gradient(top, #0e3350 0%, #0e3350 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e3350), color-stop(100%,#0e3350)) !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;
	}

	.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;
	}	
	
	.productNameHolder .LblProductID {
	padding: 5px 0px 3px;
	width: 100%;
	word-wrap: break-word;
	}
	
	.SMfloat {
		float: left !important;
	}	
	
/*FILTER LABEL KLEUR----------------------
	.SMbuttonColor{ 
		 background:#1383e1 !important; 
		 color: white  !important;  
	 } 	*/
	
/*SUPERGROEPN LABEL + KLEUR------------------
	.SMlblSupergroupDescription {
		border-color: #1383e1;
		background-color: #1383e1;
		border-radius: 3px !important;
		height: 28px;
		color: white !important;
	}*/
	
.SMlblSupergroupDescription {
    color: white !important;
    background: #EE6C0E;
    padding: 7px;
    height: 32px;
    font-size: 16px !important;
}
	
	.SMProductDetailDescriptionLabel{
		font-size: 30px !important;
    font-family: Arial, Raleway, sans-serif;
		font-weight: 600;
	}		
	
/* 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: 202px;
	}
	
	.SMbackground-image {
		display: none;
	}

	
/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

/*GRID*/

.cell-height-730 {
	max-height: 730px !important;
}

.cell-height-670 {
	max-height: 670px !important;
}

.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-5-columns {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

/*GRID END*/

.SMTh2Left {
    font-size: 3em;
    line-height: 1.5em;
    margin-top: 100px;
    margin-bottom: 20px;
    margin-left: 0px;
}	

.SMTh2Right {
    font-size: 3em;
    line-height: 1.5em;
    margin-top: 100px;
    margin-bottom: 20px;
    margin-right: 0px;
}
		 
.LargeImageRight {
    margin-right: -4px;
    margin-top: 0px;
    min-height: 375px;
    width: 375px;
}

.LargeImageLeft {
    margin-left: -4px;
    margin-top: 0px;
    min-height: 375px;
    width: 375px;
}	

	.headerLogo {
		width: 253px;
		margin-top: -15px;
	}
	
	.SMbackground-image {
		display: none;
	}
	

/*EINDE*/	
}

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

/*GRID*/

.cell-height-730 {
	max-height: 730px !important;
}

.cell-height-670 {
	max-height: 670px !important;
}

.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

.container-5-columns {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr;
}

/*GRID END*/

	.headerLogo {
		width: 252px !important;
		margin-top: -15px;
	}
	
	.SMbackground-image {
		display: none;
	}
	
.SMTh2Left {
    font-size: 3em;
    line-height: 1.5em;
    margin-top: 100px;
    margin-bottom: 20px;
    margin-left: 0px;
}	

.SMTh2Right {
    font-size: 3em;
    line-height: 1.5em;
    margin-top: 100px;
    margin-bottom: 20px;
    margin-right: 0px;
}
		 
.LargeImageRight {
    margin-right: -4px;
    margin-top: 0px;
    min-height: 412px;
    width: 414px;
}

.LargeImageLeft {
    margin-left: -4px;
    margin-top: 0px;
    min-height: 412px;
    width: 414px;
}


/*EINDE*/
}

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

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 0rem;
}

.cell-2 {
	margin-right: 0rem;
}

/*GRID END*/

.headerLogo {
    width: 239px;
    margin-top: -12px;
}

.SMbackground-image {
	margin-top: -29px;
	max-width: 287px;
}
	
.obj-container {
    min-width: 241px !important;
}	
	
.SMTh2Left {
    font-size: 4em;
    line-height: 0.75em;
	margin-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}	

.SMTh2Right {
    font-size: 4em;
    line-height: 0.75em;
	margin-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
		 
.LargeImageRight {
    margin-right: -60px;
    margin-top: 0px;
    min-height: 472px;
    width: 108%;
}

.LargeImageLeft {
    margin-left: 0px;
    margin-top: 25px;
    min-height: 472px;
    width: 108%;
}

/*EINDE*/	
}

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

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	grid-template-columns: 1fr;
}


.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 7rem;
}

.cell-2 {
	margin-right: 7rem;
}

/*GRID END*/

.SMTh2 {
    font-size: 4em;
}

.headerLogo {
    width: 220px;
    margin-top: -8px;
}
	
	.SMbackground-image {
		margin-top: -18px;
		max-width: 287px;
	}
	
.obj-container {
    max-width: 19.2% !important;
}	

.obj-container {
    min-width: 241px !important;
}

.SMTh2Left {
    font-size: 4em;
    line-height: 0.75em;
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.SMTh2Right {
    font-size: 4em;
    line-height: 0.75em;
	margin-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	
.LargeImageRight {
	margin-right: 0;
	margin-top: 25px;
	min-height: 472px;
    width: 50%;
}

.LargeImageLeft {
	margin-left: 0;
	margin-top: 25px;
	min-height: 472px;
	width: 50%;
}

/*EINDE*/	
}

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

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 10rem;
}

.cell-2 {
	margin-right: 10rem;
}

/*GRID END*/

.SMTh2 {
    font-size: 4em;
}

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

	#headerMenu {	
		background-color: white;		
    width: 1500px;
	}	
	
.panel_header_sub {
     margin-top: 24px;
}	
	

	.SMbackground-image {
		margin-top: -21px;
		max-width: 314px;
		margin-left: 50px;
	}
	
.obj-container {
    max-width: 19.2% !important;
}	

.obj-container {
    min-width: 241px !important;
}
	
.SMTh2Left {
    font-size: 5em;
    line-height: 0.75em;
    margin-top: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}	

.SMTh2Right {
    font-size: 5em;
    line-height: 0.75em;
    margin-top: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}	
	
.LargeImageRight {
	/*margin-right: -210px;*/
	margin-top: 25px;
	min-height: 558px;
	width: 50%;
}

.LargeImageLeft {
	/*margin-left: -210px;*/
	margin-top: 25px;
	min-height: 558px;
	width: 50%;
}
	
/*EINDE*/
}	

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

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-1-columns {
	margin: 0rem 12rem;
	grid-template-columns: 1fr;
}

.container-2-columns {
	margin: 0rem 12rem;
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	margin: 0rem 12rem;
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
	margin: 0rem 12rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
	margin: 0rem 12rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 20rem;
}

.cell-2 {
	margin-right: 20rem;
}

/*GRID END*/

.SMTh2 {
    font-size: 5em;
}

.SMTColumn {
    width: 85%;
    padding-right: 0%;
    padding-left: 15%;
}

.headerLogo {
    width: 263px !important;
}

#header {
     height: 5px !important;
}
	
.panel_header_sub {
     margin-top: 50px;
}	

.panel_header {
    background-color: white!important;
    height: 5px !important;
}	
	
	.panel_footer {
		background-color: #EBEBEB !important;
	}
		
	body, .masterFooter, #footerBar, #footer {
		max-width: 1500px !important;
		margin: auto;
	}
		
	.footer-min-width-per-column {
		min-width: 370px;
	}

	.panel_footer_sub {
		padding-left: 0px !important;
		margin-left: 0px !important;
		padding-right: 0px !important;
		width: 1500px;
	}

	.SMbackground-image {
		margin-top: -25px;
		max-width: 355px;
		margin-left: 50px;
	}
	
.obj-container {
    max-width: 19.2% !important;
}
.obj-container {
    min-width: 288px !important;
}

.SMTh2Left {
	font-size: 5em;
	line-height: 0.75em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-top: 200px;
}

.SMTh2Right {
	font-size: 5em;
	line-height: 0.75em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-top: 200px;
}

.LargeImageRight {
    margin-right: -210px;
    margin-top: 25px;
    min-height: 637px;
    width: 64%;
}

.LargeImageLeft {
    margin-left: -210px;
    margin-top: 25px;
    min-height: 637px;
    width: 64%;
}

/*EINDE*/
}	
	
/* EINDE CUSTOM AFMETINGEN PER SCHERM FONTSIZE - HOOGTE */

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