/* -- COLUMNS 1 -- */
 .columns-1 div div {width: auto;}
 .columns-1 div.col-1 {overflow:visible; float: left; width: 100%;}

/* -- COLUMNS 2 -- */
 .columns-2 div.col { float: left; width: 50%; }

/* -- COLUMNS 60 40 -- */
 .columns-60-40 div.col-1 { float: left; width: 60%; overflow:visible;}
 .columns-60-40 div.col-2 { float: left; width: 40%; overflow:visible;}

/* -- COLUMNS 40 60 -- */
 .columns-40-60 div.col-1 { float: left; width: 40%; overflow:visible;}
 .columns-40-60 div.col-2 { float: left; width: 60%; overflow:visible;}

/* -- COLUMNS 20 80 -- */
 .columns-20-80 div.col-1 { float: left; width: 20%; overflow:visible;}
 .columns-20-80 div.col-2 { float: left; width: 80%; overflow:visible;}

/* -- COLUMNS 80 20 -- */
 .columns-80-20 div.col-1 { float: left; width: 80%; overflow:visible;}
 .columns-80-20 div.col-2 { float: left; width: 20%; overflow:visible;}

/* -- COLUMNS 30 70 -- */
 .columns-30-70 div.col-1 { float: left; width: 30%; overflow:visible;}
 .columns-30-70 div.col-2 { float: left; width: 70%; overflow:visible;}

/* -- COLUMNS 70 30 -- */
 .columns-70-30 div.col-1 { float: left; width: 70%; overflow:visible;}
 .columns-70-30 div.col-2 { float: left; width: 30%; overflow:visible;}

/* -- COLUMNS 3 -- */
 .columns-3 div.col {float: left; width: 33.33%; min-width: 150px; overflow:visible;}

/* -- COLUMNS 4 -- */
 .columns-4 div.col {float: left; width: 25%; min-width: 150px; overflow:visible;}

/* -- COLUMNS 60 20 20 -- */
 .columns-60-20-20 div.col-1 { float: left; width: 60%; min-width: 180px; overflow:visible;}
 .columns-60-20-20 div.col-2 { float: left; width: 20%; min-width: 120px; overflow:visible;}
 .columns-60-20-20 div.col-3 { float: left; width: 20%; min-width: 120px; overflow:visible;}

/*-- COLUMNS 20 60 20 -- */
 .columns-20-60-20 div.col-1 { float: left; width: 20%; min-width: 120px; overflow:visible;}
 .columns-20-60-20 div.col-2 { float: left; width: 60%; min-width: 180px; overflow:visible;}
 .columns-20-60-20 div.col-3 { float: left; width: 20%; min-width: 120px; overflow:visible;}

/* -- GALLERY 5 -- */
 .gallery-5 div.col {float: left; width: 20%; min-width: 140px; overflow:visible;}

/* -- GALLERY 6-- */
 .gallery-6 div.col {float: left; width: 16.66%; min-width: 120px; overflow:visible;}

@media only screen and (min-width:751px) and (max-width:1025px) {

 	.gallery-6 div.col {width: 33.33333%;}
 	.gallery-6 div.col-3 ~ div.col {margin-top:30px}
}

/* 2 Column: 1/3 - 2/3  */
 .columns-33-66 div.col-1 {width: 33.3%;float:left; overflow:visible;}
 .columns-33-66 div.col-2 {width: 66.7%;float:left; overflow:visible;}

/* 2 Column: 2/3 - 1/3  */
 .columns-66-33 div.col-1 {width: 66.7%; overflow:visible;float: left;}
 .columns-66-33 div.col-2 {width: 33.3%; overflow:visible;float: left;}

/* 2 Column: 1/4 - 3/4  */
 .columns-25-75 div.col-1 {width: 25%; overflow:visible;float: left;}
 .columns-25-75 div.col-2 {width: 75%; overflow:visible;float: left;}

/* 2 Column: 3/4 - 1/4  */
 .columns-75-25 div.col-1 {width: 75%; overflow:visible;float: left;}
 .columns-75-25 div.col-2 {width: 25%; overflow:visible;float: left;}

/* 3 Column: 1/4 - 1/4 - 1/2  */
 .columns-25-25-50 div.col-1 {width: 25%; overflow:visible;float: left; min-width:150px;}
 .columns-25-25-50 div.col-2 {width: 25%; overflow:visible;float: left; min-width:150px;}
 .columns-25-25-50 div.col-3 {width: 50%; overflow:visible;float: left; min-width:300px;}

/* 3 Column: 1/4 - 1/2 - 1/4  */
 .columns-25-50-25 div.col-1 {width: 25%; overflow:visible;float: left; min-width:150px;}
 .columns-25-50-25 div.col-2 {width: 50%; overflow:visible;float: left; min-width:150px;}
 .columns-25-50-25 div.col-3 {width: 25%; overflow:visible;float: left; min-width:150px;}

/* 3 Column: 1/2 - 1/4 - 1/4  */
 .columns-50-25-25 div.col-1 {width: 50%; overflow:visible;float: left; min-width:150px;}
 .columns-50-25-25 div.col-2 {width: 25%; overflow:visible;float: left; min-width:150px;}
 .columns-50-25-25 div.col-3 {width: 25%; overflow:visible;float: left; min-width:150px;}

div.col > div
{
    margin-left:14px;
    margin-right:15px;
}

/* Slider Column - Full width - no margin */
 .chunk.columns-fullwidth,  .chunk.columns-fullwidth div.col-1 > div
{
    margin-left:0px;
    margin-right:0px;
}

/* General chunk related */

.chunkouter + .chunkouter
{
	margin-top:30px;
}

#wrap1  div.chunk.chunk-number-1
{
    margin-top:30px;
}

#wrap1  div.chunk.columns-fullwidth.chunk-number-1
{
    margin-top:0px;
}

div.col
{
    min-height:1px;
}


.page-bongo-blog  .chunk {
    display: block;
}

.page-bongo-blog  .innerClearDiv {
	height:20px;
}

.page-bongo-review  .chunk {
    display: block;
}

.page-bongo-review  .innerClearDiv {
	height:35px;
}


/* Close up margins between banner images and coloured chunks */

/*.chunkouter.chunkouterfullwidth, .chunkouter.primarybg, .chunkouter.secondarybg {
    margin-bottom: 0 !important;
}
.chunkouter.chunkouterfullwidth + .chunkouter:not(.secondarybg):not(.primarybg), .chunkouter.primarybg + .chunkouter:not(.secondarybg):not(.primarybg), .chunkouter.secondarybg + .chunkouter:not(.secondarybg):not(.primarybg) {
    margin-top: 30px;
}*/

/*.chunkouter.chunkouterfullwidth + .chunkouter.chunkouterfullwidth,
.chunkouter.chunkouterfullwidth + .chunkouter.dstyle-bg,
.chunkouter.dstyle-bg + .chunkouter.chunkouterfullwidth,
.chunkouter.dstyle-bg + .chunkouter.dstyle-bg {
	margin-top:0;
}

#wrap1  .chunkouter:nth-last-child(2):not(.dstyle-bg):not(.chunkouterfullwidth):not(.marginless-chunk) {
	margin-bottom:50px !important;
}*/

 .chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth) + .innerClearDiv {
	height:50px;
}

 .chunkouter.dstyle-bg + .innerClearDiv {
	height:0px;
	margin-top:	-1px;
}

.chunkouter.chunkouterfullwidth + .chunkouter.chunkouterfullwidth,
.chunkouter.chunkouterfullwidth + .chunkouter.dstyle-bg,
.chunkouter.dstyle-bg + .chunkouter.chunkouterfullwidth,
.chunkouter.dstyle-bg + .chunkouter.dstyle-bg {
	margin-top:0;
}

@media only screen and (min-width:320px) and (max-width:751px) {
	 div.col
	{
		width:100% !important;
		margin-left:0px;
		margin-right:0px;
		min-height:0px;
	}

	div.col + div.col {
		margin-top:15px;
	}

	 div.col.col-nomargin {
		margin-top: 0;
		margin-bottom: 0;
	}

	 div.col > div
	{
		margin-left:0px;
		margin-right:0px;
	}
	 .chunk.columns-4 {
		display:block;
	}

	.chunkouter + .chunkouter {
		margin-top:15px;
	}

	/*.chunkouter.chunkouterfullwidth + .chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth),
	.chunkouter.dstyle-bg + .chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth),
	.chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth) + .chunkouter.dstyle-bg,
	.chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth) + .chunkouter.chunkouterfullwidth {
		margin-top: 15px;
	}*/
	.page-bongo-review  .chunk {
		margin-bottom:30px !important;
	}

	.chunkouter:nth-last-child(2) {
		margin-bottom:15px;
	}

	 .chunkouter + .innerClearDiv {
		max-height: 35px;
	}
}

@media only screen and (min-width:751px) and (max-width:1000px), (min-width:320px) and (max-width:751px) and (orientation:landscape) {

	 .chunk.columns-4 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	 .chunk.columns-4 div.col {
		-webkit-box-flex: 1 1 50%;
		-moz-box-flex: 1 1 50%;
		width: 50% !important;
		max-width: 50%;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
	 .chunk.columns-4 div.col-1,  .chunk.columns-4 div.col-2 {
		margin-bottom:30px !important;
	}

	.chunkouter + .chunkouter {
		margin-top:15px;
	}

	/*.chunkouter.chunkouterfullwidth + .chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth),
	.chunkouter.dstyle-bg + .chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth),
	.chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth) + .chunkouter.dstyle-bg,
	.chunkouter:not(.dstyle-bg):not(.chunkouterfullwidth) + .chunkouter.chunkouterfullwidth {
		margin-top: 15px;
	}*/
}


/* Adjust chunk controls in admin edit mode */
 .chunk.columns-fullwidth .tabs
{
    left: 50%;
    margin-left: -630px;
    margin-top: 10px;
}

/* -- CONTACT -- */
#fm-optout
{
    margin-bottom: 0em !Important;
    display: inline !Important;
    margin-top: 1em;
    margin-right: 10px;
}

#lbl-optout
{
    display: inline !Important;
}


/* Advert Panel */
.advertpanel
{
    display: inline-block;
}

.advertpanelhorizontal
{
    float:left;
}


 .chunk.columns-1,
 .chunk.columns-fullwidth,
#footer .chunk.columns-1 {
	display:block !important;
}

 .chunk.columns-fullwidth {
	max-width: 100% !important;
	padding:0px !important;
	margin:0px !important;
}

 .chunk > div.col-1,  .chunk > div.col-2,  .chunk > div.col-3,  .chunk > div.col-4,  .chunk > div.col-5,  .chunk > div.col-6,#footer .chunk > div.col-1 {
	overflow:visible;
}
 .chunk.columns-33-66 > .col-2,  .chunk.columns-66-33 > .col-1,  .chunk.columns-25-25-50 > .col-3,  .chunk.columns-25-50-25 > .col-2,  .chunk.columns-50-25-25 > .col-1 {
	overflow:visible;
}

/*______________ 6 COLUMNS ACROSS 2 ROWS ______________*/

.columns-3-rows-2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.columns-3-rows-2 > div.col {
	-webkit-box-flex: 1 1 33.33333%;
	-moz-box-flex: 1 1 33.33333%;
	width: 33.33333% !important;
	max-width: 33.33333%;
	-webkit-flex: 1 1 33.33333%;
	-ms-flex: 1 1 33.33333%;
	flex: 1 1 33.33333%;
}

.columns-3-rows-2 > div.col-3 ~ div.col {
	margin-top:30px;
}

@media only screen and (min-width:641px) and (max-width:1024px) {
	.columns-3-rows-2 > div.col {
		-webkit-box-flex: 1 1 50%;
		-moz-box-flex: 1 1 50%;
		width: 50% !important;
		max-width: 50%;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
	.columns-3-rows-2 > div.col-2 ~ div.col {
		margin-top:30px;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.columns-3-rows-2 > div.col {
		-webkit-box-flex: 1 1 100%;
		-moz-box-flex: 1 1 100%;
		width: 100% !important;
		max-width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		margin:5px 0px !important;
	}
	.columns-3-rows-2 > div.col > div {
		margin:0px 5px !important;
	}
	.columns-3-rows-2 > div.col-1 ~ div.col {
		margin-top:30px !important;
	}
}

/*________________ BANNER CHUNK IMAGES _________________*/

.chunkouter .bannerhead {
	overflow:hidden;
	position: relative;
}

.chunkouter .bannerhead .col-1 img {
	padding:0px !important;
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	object-fit:cover;
	object-position:center;
}


/*________________ BANNER TITLE CHUNK _________________*/

.bannerhead.bannertitlehead .bannertitle {
	min-height: 550px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	background-color: transparent;
	justify-content: stretch;
	align-items: flex-end;
	padding-top: 200px;
	height: 0;
}

.bannertitlehead .bannertitle .bannertitleinner {
	max-width: none !important;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
}

.bannertitlediv {
	max-width: 1400px;
	margin: 0px auto !important;
	padding: 25px 50px;
	color:#333;
}

.bannertitlediv > * {
	margin-bottom: 0px !important;
	color:inherit !important;
}

.bannertitlediv > * + *:not(:empty) {
	margin-top: 0.5em !important;
}

@media only screen and (min-width:320px) and (max-width:751px) {
	.bannerhead.bannertitlehead .bannertitle {
		min-height: 0;
		padding-top: 200px;
		height: auto;
	}

	.bannerhead.bannertitlehead .bannertitlediv {
		padding: 15px 20px;
		font-size: 80%;
	}
}

/*________________ BANNER HERO CHUNK _________________*/

.bannerhead.bannerbox .bannertitle {
	padding:100px 50px;
	position: relative;
	background-color:transparent;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: stretch;
	align-items: center;
	min-height: 550px;
	max-width: 1400px;
	margin:0px auto !important;
	height: 0;
}

.bannerhead.bannerbox .bannertitleinner {
	display: block;
	width: 100%;
}

.bannerhead.bannerbox .bannertitlebox {
	padding: 25px 35px;
	background-color: rgba(255,255,255,0.8);
	max-width: 640px;
	color: #333;
}

.bannerhead.bannerbox .bannertitlebox > * {
	margin-bottom: 0px !important;
	color:inherit !important;
}


.bannerhead.bannerbox .bannertitlebox > * + *:not(:empty) {
	margin-top: 0.5em !important;
}

@media only screen and (min-width:320px) and (max-width:751px) {

	.bannerhead.bannerbox .bannertitle {
		padding: 200px 0px 0px;
		min-height: 0px;
		font-size:85%;
		height: auto;
	}
	.bannerhead.bannerbox .bannertitlebox p {
		display: none;
	}
}

/*________________ CALL TO ACTION CHUNK _________________*/

/*.admin .formoverlay {
	position:static;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
}*/

.admin .bannerhead > .col.col-1.col-nomargin {
	/*min-height: 500px;*/
}

.admin .formoverlay {
	pointer-events:none;
}

.admin .formoverlay > div {
	pointer-events:all;
}

.formoverlay {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 1400px;
	min-height:550px;
	padding:100px 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0px auto;
	align-items:center;
	z-index:10;
	height: 0;
}

.formoverlay textarea {
	padding: 5px 15px;
	font-size: 90%;
	font-family: inherit;
	display: block;
	line-height:1.2em;
}

.formtitle {
	position: relative;
	margin-bottom:20px;
}

.formtitle h2 {
	font-size: 170% !important;
	text-align: center;
}

.formtitle > *, .formtitle > * > * {
	color: #333 !important;
}

.formoverlay .formdiv {
	width: 100%;
	max-width: 550px;
	padding: 25px 35px;
	background-color: rgba(255,255,255,0.8);
}

.formoverlay input:not([type="checkbox"]):not([type="radio"]) {
	font-size: 90%;
	line-height: 1.2em !important;
	height: auto;
	text-indent: 0;
	display: block;
	padding: 5px 15px;
	font-family: inherit;
}


.enq-column.enq-captcha {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.enq-column.enq-captcha .captchainputtd {
	background-color: #fff;
	height: auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items:center;
	flex:1 1 50%;
}
.enq-captcha .captchapictd {
	height: auto;
	flex:1 1 50%;
}

.enq-captcha .captcha-image {
	max-height: 2em;
}

.formoverlay.formoverlay-textbox .cta-formarea {
	width:33%;
	padding:0px 15px;
}

.formoverlay .cta-textarea {
	width:67%;
	padding:0px 15px;
	color:#fff;
}

.formoverlay .cta-textarea h1, .formoverlay .cta-textarea h2, .formoverlay .cta-textarea h3, .formoverlay .cta-textarea h4, .formoverlay .cta-textarea h5 {
	color:inherit;
}


@media only screen and (min-width:320px) and (max-width:751px) {
	.formoverlay {
		flex-direction: column;
		padding: 100px 0px 0px;
		min-height:0;
		height: auto;
	}
	.formoverlay.formoverlay-textbox {
		padding: 50px 20px;
	}

	.formoverlay.formoverlay-textbox .cta-formarea, .formoverlay.formoverlay-textbox .cta-textarea {
		width: 100%;
		padding: 15px 0;
	}
}

/*___________ Turn 66-33 and 33-66 column chunks full width sooner ____________*/

@media only screen and (min-width:641px) and (max-width:800px) {

	.columns-66-33 div.col, .columns-33-66 div.col {
		width: 100% !important;
	}
	.columns-66-33 div.col + div.col, .columns-33-66 div.col-1 + div.col {
		margin-top: 30px;
	}
}