/*
---------------------------
CATEGORIES
---------------------------
*/

.subblocks {
	margin-top: 20px;
}
.order-2 .subblocks {
	margin-top: -10px;
}

.subblocks .button {
	margin: auto;
	margin-top: 20px;
}

.imagebox {
	float: left;
	width: 100%;
	display: block;
	position: relative;
	border: 0px solid #fff;
	
	min-height: 220px;
	margin-bottom: 30px;
	position: relative;
	z-index: 98 !important;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.imagebox:hover {
	z-index: 99 !important;
	transform: scale(1.03);
/*
	-webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
*/
}
.collapse .imagebox {
	border-radius: 0 !important;
	margin-top: 0;
/* 	 box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); */
}

a.imagebox {
	cursor: pointer;
}


.imagebox.hover-shadow:before {
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	content:'';
	box-shadow: 0px 0px 30px black;
	opacity: 0.1;
	z-index: 2;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imagebox.hover-shadow:hover:before {
    opacity: 0.3
}

.imagebox .imagebox-image-holder {
	position: absolute;
	top: 0px;
	left:0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 1;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);

}
.imagebox .imagebox-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	-webkit-backface-visibility: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imagebox .imagebox-image:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .08;
	content: '';
	background:#000;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
a.imagebox:hover .imagebox-image-holder .imagebox-image {

	-webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);

}
.imagebox .imagebox-image.bright:after {
	opacity: 0;
}
a.imagebox:hover .imagebox-image:after {
	opacity: 0;
}

.imagebox .imagebox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
a.imagebox:hover .imagebox-overlay {
	opacity: .8 !important;
}

/* Shade */
.imagebox .image-shade-top,
.imagebox .image-shade-bottom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
	opacity: .9;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);


	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.imagebox .image-shade-bottom {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.95) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.95) 100%);
}

a.imagebox:hover .image-shade-top,
a.imagebox:hover .image-shade-bottom {
	opacity: 0;
}

/* Overlay */
.imagebox .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
a.imagebox:hover .image-overlay {
	opacity: 0.8;
}

.imagebox,
.imagebox.hover-shadow:before,
.imagebox .imagebox-image-holder,
.imagebox .imagebox-image,
.imagebox .imagebox-image:after,
.imagebox .imagebox-overlay,
.imagebox .image-shade-top,
.imagebox .image-shade-bottom {
	border-radius: 5px !important;
}



.imagebox .imagebox-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	border-radius: 100px;
	line-height: 1;
	padding: 0;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	z-index: 99;
}
.imagebox .imagebox-play:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	transform: translateX(-50%) translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #fff;

}

.imagebox .imagebox-description {
	position: absolute;
	top: 0;
	left:0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 4;
	border-radius: 0;
	overflow: hidden;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.imagebox:hover .imagebox-description {
	opacity: 1;
}

.imagebox .imagebox-description .imagebox-title-wrap {
	position: absolute;
	top: 50%;
	left:0rem;
	width: 100%;
	padding: 20px 20px 20px 20px;
	transform: translateX(0) translateY(-50%);
}
.imagebox-description .imagebox-title-wrap {
	text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Top */
.imagebox .imagebox-description .imagebox-title-wrap.top {
	top: 0;
	left:0rem;
	padding: 20px 2rem 20px 20px;
	transform: translateX(0) translateY(0%);
	text-align: left;
}

/* Bottom */
.imagebox .imagebox-description .imagebox-title-wrap.bottom {
	top: auto;
	bottom: 0px;
	left: 0;
	padding: 15px 20px 10px 20px;
	transform: translateX(0) translateY(0px);
	text-align: center;
	border-radius: 0 0 0px 0px;
}
/* Center */
.imagebox .imagebox-description.text-center .imagebox-title-wrap {
	text-align: center;
	padding: 1rem 1.5rem 1rem 1.5rem;
}

.imagebox .imagebox-description .imagebox-label {
	display: block;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	padding: 0em 0em 0 0;
	margin-bottom: 10px;
	color: #fff;
}
.imagebox .imagebox-description .imagebox-label i {
	position: relative;
	top: 2px;
	font-size: 16px;
}
.imagebox .imagebox-description .imagebox-title {
	display: block;
	font-size: 28px;
	line-height: 1.1;
	color: #fff;
	margin: 0;
	padding: 0em 0 5px;
	max-width: 100%;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
a.imagebox:hover .imagebox-description .imagebox-title {

}
.imagebox.white .imagebox-description .imagebox-title {
	color: #1d2025;
}
.imagebox .imagebox-description .imagebox-title.title-small {
	font-size: 20px;
}
.imagebox .imagebox-description .imagebox-title.title-medium {
	font-size: 28px;
}
.imagebox .imagebox-description .imagebox-title.title-large {
	line-height: 1.2;
	font-size:36px;
}

.imagebox .imagebox-description p {
	line-height: 1.3;
	margin: 0rem;
	max-width: 90%;
	visibility: visible;
	opacity:1;
	color: #fff;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}



.imagebox .imagebox-button {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 15px 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.imagebox .imagebox-button i{
	position: relative;
}
.imagebox .imagebox-arrow {
	position: absolute;
	bottom: 20px;
	right: 20px;
	opacity: 0.4;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.imagebox:hover .imagebox-arrow {
	opacity: 1;
}
.imagebox .imagebox-arrow i {
	color: #fff;
	font-size: 24px;
}

.grid-sizer { width: 20%; }



/* FMI */
.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom {
    padding-top:20px;
    padding-bottom: 20px;
	padding-right: 20px;
	border-radius: 0 0 0px 0px;
}
.large-3 .imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom {
    padding-left: 15px;
}
.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title {
    display: flex;
	align-items: center;
	justify-content: center;
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.1;

	text-align: center;
	color: #0a0a0a
}
.large-3 .imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title {
    font-size: 15px;
}
.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title strong {
	font-weight: 700;
}
.imagebox-title-wrap-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
	z-index: -1;
	background: #fff;
	border-radius: 0 0 5px 5px;
	opacity: 0.6;
}
.imagebox.fmi .imagebox-title-wrap-bg {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0.8981967787114846) 100%);
	opacity:1;
}

/* .imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title span {
	display: inline-block;
	text-indent: -9999px;
	background:  url('../img/icon.svg') no-repeat center;
    background-size: contain;
    flex-shrink: 0;
	width: 90px;
	height: 55px;
	z-index: 1;
	position: relative;
	margin-right: 0px;
}
.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title strong {
    margin-left: 15px;
}
.large-3 .imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title span {
    width: 80px;
    height: 45px;
    margin-right: 5px;
}

.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title span:after {
	position: absolute;
	top: 27px;
	right: -8px;
	width: 4px;
	height:4px;
	border-radius: 10px;
	content: '';
	background: #b8c5cc;
}
.large-3 .imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom .imagebox-title span:after {
    top: 20px;
}

.imagebox.fmi .imagebox-description .imagebox-title-wrap.bottom:before {
	position: absolute;
	top:-15px;
	left:-50px;
	background:  url('../img/shape1-white.svg') no-repeat left;
	background-size: contain;
	width: 200px;
	height: 90px;
	content: '';
	z-index: 1;
} */
.imagebox.fmi .imagebox-button {
    padding: 10px 20px 8px;
}
.imagebox.fmi .imagebox-button i {
    position: relative;
    top:0;
    color: #FF4539;
    font-size: 14px;
}




/* Imagobox Heights  (per item)*/
.imagebox.height-small {
    min-height: 220px;
}

.imagebox.height-medium {
    min-height: 290px;
}

.imagebox.height-large {
    min-height: 380px;
}

.imagebox.height-huge {
    min-height: 610px;
}

.medium-up-3 .imagebox.height-huge {
    min-height: 560px;
}


/* Imagobox Heights (all the same) */

.blocks-small .imagebox {
    min-height: 220px;
}

.blocks-medium .imagebox {
    min-height: 290px;
}

.blocks-large .imagebox {
    min-height: 380px;
}

.blocks-huge .imagebox {
    min-height: 460px;
}


.expanded.collapse .blocks-medium .imagebox,
.expanded.collapse .imagebox.height-medium {

}
.expanded.collapse .blocks-huge .imagebox,
.expanded.collapse .imagebox.height-huge {
	min-height: 570px;
}






	@media (max-width: 1460px) {
		.imagebox .imagebox-description .imagebox-title {
			font-size: 24px;
			line-height: 1.1;
			color: #fff;
			margin: 0;
			padding: 0em 0 5px;
			
		}
	}
	@media (max-width: 1130px) {

		/* Imagobox Heights */
		.blocks-small .imagebox,
		.imagebox.height-small {
			min-height: 160px;
		}
		.blocks-medium .imagebox,
		.imagebox.height-medium {
			min-height: 245px;
		}
		.blocks-large .imagebox,
		.imagebox.height-large {
			min-height: 360px;
		}
		.blocks-huge .imagebox,
		.imagebox.height-huge {
			min-height: 520px;
		}

		/* Imagobox Heights (all) */
		.blocks-small .imagebox {
			min-height: 160px !important;
		}
		.blocks-medium .imagebox {
			min-height: 245px !important;
		}
		.blocks-large .imagebox {
			min-height: 360px !important;
		}
		.blocks-huge .imagebox {
			min-height: 460px !important;
		}

		.expanded.collapse .blocks-medium .imagebox,
		.expanded.collapse .imagebox.height-medium {
			min-height: 250px;
		}
		.expanded.collapse .blocks-huge .imagebox,
		.expanded.collapse .imagebox.height-huge {
			min-height: 500px;
		}

		.imagebox-icon {
			position: absolute;
			top: 0rem;
			left: 0rem;
		}
		.imagebox .imagebox-overlay
		a.imagebox:hover .image-shade-top,
		a.imagebox:hover .image-shade-bottom {
			opacity: .6;
		}

		.imagebox .imagebox-description .imagebox-title-wrap.bottom {
			top: auto;
			bottom:0;
			left:0rem;
			padding: 1rem 1rem 1rem 1rem;
			transform: translateX(0) translateY(0%);
		}
		.imagebox:hover .imagebox-description .imagebox-title-wrap.bottom {
			background: transparent;
		}
		.imagebox .imagebox-description .imagebox-title {
			font-size: 24px;
		

		}

		.imagebox .imagebox-description .imagebox-title-wrap p {
			line-height: 1.6;
			font-size: 0.86rem;
		}
	}
	@media (max-width: 970px) {
		.imagebox-icon i:before{
			margin-left:0;
		}
		.imagebox-icon.icon-small i:before{
			font-size: 2rem;
		}
		.imagebox-icon.icon-medium i:before{
			font-size: 3.2rem;
		}
		.imagebox-icon.icon-large i:before{
			font-size: 4.7rem;
		}

		.imagebox .imagebox-description .imagebox-title-wrap.bottom  {
			padding: 1rem 1.5rem 0.76rem 1rem;
		}
		.imagebox .imagebox-description .imagebox-title {
			font-size: 24px;
			
		}




		.blocks-small .imagebox,
		.imagebox.height-small {
			min-height: 160px;
		}
		.blocks-medium .imagebox,
		.imagebox.height-medium {
			min-height: 250px;
		}
		.blocks-large .imagebox,
		.imagebox.height-large {
			min-height: 320px;
		}
		.blocks-huge .imagebox,
		.imagebox.height-huge {
			min-height: 500px;
		}
	}
	@media (max-width: 640px) {
		.imagebox {
			margin-bottom: 10px;
		}
		.imagebox .imagebox-description .imagebox-title-wrap.bottom  {
			padding: 1rem 1rem 0.76rem 1rem;
		}
		.imagebox .imagebox-description .imagebox-title {
			font-size: 22px;
			
		}

		.large-6 .imagebox .imagebox-description .imagebox-title {

		}
		.imagebox .imagebox-description p  {
			display: none;
		}
		.imagebox .imagebox-button {
			visibility: visible;
			opacity: 1;
			font-size: 1rem;
			padding: 1rem 1rem 1rem;
		}
		.blocks-small .imagebox,
		.imagebox.height-small {
			min-height: 160px;
		}
		.blocks-medium .imagebox,
		.imagebox.height-medium {
			min-height: 180px;
		}
		.blocks-large .imagebox,
		.imagebox.height-large {
			min-height: 280px;
		}
		.blocks-huge .imagebox,
		.imagebox.height-huge {
			min-height: 400px;
		}
		.expanded.collapse .blocks-medium .imagebox,
		.expanded.collapse .imagebox.height-medium {
			min-height: 200px;
		}
	}


	@media (max-width: 440px) {


	}
	@media (max-width: 370px) {
		.imagebox .imagebox-description .imagebox-title {
			font-size: 20px;
		}
	}


/*
---------------------------
ICON BOX
---------------------------
*/


.iconbox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 0px;
    padding: 1rem 1rem 1rem 1rem;
    margin-bottom: 2rem;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.iconbox.icon-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    text-align: left;
    border-radius: 0px;
    padding: 1rem 1rem 1rem 1rem;
    margin-bottom: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.iconbox-icon {
    text-align: center;
    padding: 0rem 0rem;
    border-radius: 100px;
    position: relative;
}

.iconbox.icon-left .iconbox-icon {
    margin-right: 15px;
	text-align: left;
	position: relative;
	top:-3px;
}

.iconbox-icon.icon-small i:before {
    font-size: 2.4rem;
}

.iconbox.icon-left .iconbox-icon.icon-medium {
	position: relative;
	top:-3px;
}
.iconbox-icon.icon-medium i:before {
    font-size: 2.8rem;
}

.iconbox-icon.icon-large i:before {
    font-size: 4.2rem;
}

.iconbox-icon i {
    z-index: 2;
}

.iconbox-icon i:before {
    line-height: 1;
    margin-left: 0;
}

.iconbox-icon img {
	max-height: 160px;
}

.iconbox-description {
    padding-top: 1rem;
}

.iconbox.icon-left .iconbox-description {
    padding-top: 0rem;
}

.iconbox-title {
    font-size: 1.4rem;
	font-weight: 700;
	margin: 0;
}

.icon-left .iconbox-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
}
.icon-left .iconbox-title.title-medium {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
}

.iconbox-description p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}
a.iconbox {
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0);
}
a.iconbox .iconbox-description p {
	color: #fff
}

a.iconbox:hover {
	border-color: rgba(255, 255, 255, 0.1);
}


.iconbox-more {
    font-weight: 700;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-primary) .iconbox-title {
    color: rgba(255, 255, 255, 1) !important;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-primary) .iconbox-description p {
    color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 1130px) {
	.iconbox.icon-left {
		padding-top: 0.85rem;
		padding-bottom: 0.66rem;
	}
	.icon-left .iconbox-title {
		margin: 0;
		font-size: 1rem;
		line-height: 1.3;
	}
	.icon-left .iconbox-title.title-medium {
		margin: 0;
		font-size: 1.250rem;
		line-height: 1;
	}
	.iconbox-icon.icon-medium i:before {
		font-size: 1.4rem;
		}
}	
@media (max-width: 970px) {

	
	.iconbox-title {
		font-size: 1.250rem;
		font-weight: 700;
		margin: 0;
	}
	
	.icon-left .iconbox-title {
		margin: 0;
		font-size: 1rem;
		line-height: 1.3;
	}
	.icon-left .iconbox-title.title-medium {
		margin: 0;
		font-size: 1.4rem;
		line-height: 1;
	}
	.iconbox-icon.icon-medium i:before {
		font-size: 1.8rem;
		}
}
@media (max-width: 640px) {
	.iconbox-title {
		font-size: 1.125rem;
		font-weight: 700;
		margin: 0;
	}
	
	.icon-left .iconbox-title {
		margin: 0;
		font-size: 1rem;
		line-height: 1.3;
	}
	.icon-left .iconbox-title.title-medium {
		margin: 0;
		font-size: 1.250rem;
		line-height: 1.2;
	}
	.iconbox-icon.icon-medium i:before {
		font-size: 1.4rem;
		}
}

/*
---------------------------
COLUMN BOX
---------------------------
*/

.columnbox {
	position: relative;
	min-height: 100px;
	backface-visibility: hidden;
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.116);
	-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.columnbox:hover {
	transform: scale(1.03);
}
.with-bg-colour {
	border-radius: 5px;
}

.columnbox-heading {
	padding: 1.5rem 5rem 1rem 1.5rem;
}


	@media (max-width: 1100px) {
		.columnbox-heading {

		}
	}
	@media (max-width: 767px) {
		.columnbox {

		}
	}


.columnbox-heading  .columnbox-intro {
	font-size: 0.86rem;
	display: block;
	position: relative;
	margin-left:0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 1px;
	color: #848890
}
.columnbox-heading .columnbox-title {
	line-height: 1.3;
	padding-left: 0rem;
}


.columnbox-image {
	border-radius: 0 0;
	position: relative;
	display: block;
	margin-bottom: 10px;
	backface-visibility: hidden;
	z-index: 1;
}

a.columnbox-image,
.columnbox-image img {
	border-radius: 5px;
	position: relative;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition:opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;

}
.columnbox-image:hover img,
.columnbox-image a:hover img {

}
.with-bg-colour .columnbox-image img {
	border-radius: 5px 5px 0 0;
}

.columnbox-image a {
	position: relative;
	display: block;
	margin:0 !important;
	padding:0 !important;
}
.columnbox-image a:hover {
	display: block;
}

/* Badge */
.columnbox-image .columnbox-image-badge {
	position: absolute;
	top:20px;
	right: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #fff;
	font-weight: 700;
	z-index: 5;
}
.columnbox-image .columnbox-image-badge-label {
	font-size: 14px;
	font-weight: 400;
}
.columnbox-image .columnbox-image-badge-title {
	font-size: 20px;
}
.columnbox-image .columnbox-image-badge-info {
	font-size: 11px;
	font-weight: 400;
}


.columnbox-image .columnbox-image-title-wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
	padding: 0rem 2rem 1rem 1rem;
}
.columnbox-image .columnbox-image-title-wrap .columnbox-image-title {
	max-width: 100%;
	color: #fff;
	font-size: 1.4rem;
	margin-bottom:0;
	z-index: 3;
}
.columnbox-image .columnbox-image-title-wrap i {
	position: absolute;
	top: 5px;
	right:2rem;
	color: #ffffff;
	font-size: 1.125rem
}
.columnbox-image a:hover .columnbox-image-title-wrap {
	color: #0a0a0a;
}
.columnbox-image a:hover .columnbox-image-title-wrap i {
	transform: translateX(3px);
	color: #FF4539;
}


	@media (max-width: 1100px) {
		.columnbox-image .columnbox-image-title {
			font-size: 1.4rem;
		}
	}
	@media (max-width: 1023px) {
		.columnbox-image .columnbox-image-title {
			padding: 1rem 1.5rem 0.5rem 1rem;
			
			color: #fff;
			font-size: 1.2rem;
		}
	}
	@media (max-width: 640px) {
		.columnbox-image .columnbox-image-title {
			
			color: #fff;
			font-size: 1.6rem;
			line-height: 1.3;
		}
	}

.columnbox-section {
	position: relative;
	margin-top: 0px;
	display: block;
	max-width: 100%;
	padding: 0 0px 1rem 0;
	border-radius: 0;
	z-index: 2;
}
.with-bg-colour .columnbox-section  {
	padding: 5px 20px 20px;
}

/* Centered */
.text-center .columnbox-section {
	padding: 1rem 2.5rem;
	margin-left: auto;
	margin-right: auto;
}

.columnbox-section .columnbox-title {
	line-height: 1.3;
	font-weight: 700;
	margin:0;
	color: #0a0a0a;
}

.bg-white .columnbox-section .columnbox-title{
	color: #0a0a0a;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.columnbox-section .columnbox-title.title-small {
	font-size: 1.250rem;
}
.columnbox-section .columnbox-title.title-medium {
	font-size: 1.4rem;
}
.columnbox-section .columnbox-title.title-large {
	font-size: 1.8rem;
}

.columnbox-section .columnbox-title a {
	display: block;
	color: #0a0a0a;
	position: relative;
	padding-left:0;
}
.columnbox-section .columnbox-title i {
	margin-left: 6px;
	color: #0a0a0a;
	font-size: 14px
}
.columnbox-section .columnbox-title a:hover i {
	transform: translateX(2px)
}
.columnbox-section .columnbox-title a:hover {
	opacity: 1;
	color: #FF4539;
}
.columnbox-section .columnbox-subtitle {
	font-size: 18px;
	font-weight: 400;
	opacity: 0.6;
}


.columnbox.bg-primary .columnbox-title,
.columnbox.bg-secondary .columnbox-title,
.columnbox.bg-dark .columnbox-title {
	color: #fff
}

.bg-white .columnbox-section .columnbox-subtitle{
	color: #222 !important; 
}

	@media (max-width: 1100px) {

	}
	@media (max-width: 1023px) {
		.columnbox-section {

		}
		.columnbox-section .columnbox-title.title-small {
			font-size: 1rem;
		}
	}

.columnbox-lead  {
	margin-top: 10px;
	max-width: 100%;
}

.bg-white .columnbox-lead{
	color: #222 !important; 
}

.columnbox-lead p {
	font-size: 16px;
}

.columnbox-link {
	font-weight: 700;
	padding-left:0 !important;
}

[class*="columnbox-section bg-"]:not(.bg-white):not(.bg-light) .columnbox-lead p {
	color: rgba(255, 255, 255, 0.7) !important;
}



/* Listing */
.columnbox-listing {
	position: relative;
	z-index: 996 !important;
}
.columnbox-listing ul {
	list-style: none;
	margin:0;
	padding:0;
	display: block;
}
.columnbox-listing ul li {
	position: relative;
	border-bottom: 1px solid rgba(0, 33, 100, 0.1);
	padding: 0;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
}
.bg-white .columnbox-listing li {
	color: #0a0a0a;
}
.columnbox-listing li i {
	position: absolute;
	top: 13px;
	left: 0;
	color: #fff;
	font-size: 14px
}
.bg-white .columnbox-listing li i {
	
	color: #FF4539;

}
.columnbox-listing ul li:last-child {
	border: 0;
}
.columnbox-listing ul li > span,
.columnbox-listing ul li > a {
	padding-left: 0;
	font-weight: 700;
	display: block;
	padding: 0.75rem 1em 0.75rem 20px !important;
	font-size: 18px;
	letter-spacing: 0px;
	position: relative;
	line-height: 1.1;
	color: #fff;
}
.bg-white .columnbox-listing li > a {
	color: #0a0a0a;
}
.columnbox-listing li > a i {
	position: absolute;
	top: 12px;
	left: 0;
	color: #FF4539;
	font-size: 16px;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-ms-transition:transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.columnbox-listing li > a:hover {
	color: #FF4539;
}
.columnbox-listing li > a:hover i {
	transform: translateX(3px);
	color: #FF4539;
}

.columnbox.bg-primary .columnbox-listing ul li ,
.columnbox.bg-secondary .columnbox-listing ul li,
.columnbox.bg-color3 .columnbox-listing ul li,
.columnbox.bg-dark .columnbox-listing ul li  {
	border-color: rgba(255, 255, 255, 0.15);
}

.columnbox.bg-primary .columnbox-listing ul li > a,
.columnbox.bg-secondary .columnbox-listing ul li > a,
.columnbox.bg-dark .columnbox-listing ul li > a {
	color: #fff
}

.columnbox-section .button {
	margin-top: 0;
}

/* Events */
.columnbox.event {

}




	@media (max-width: 1100px) {
		.columnbox-listing li > a {
			text-overflow: ellipsis;
			font-weight: 700;

			white-space: nowrap;
			width: 100%;

			padding-right: 2.5rem;
			overflow: hidden;
		}

		.columnbox-listing li > a i {
			position: absolute;
			top: 12px;
			right:3px;
		}
		.columnbox .columnbox-footer {
			padding: 1rem 1rem 1rem;
		}
		.columnbox-button {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}
		.columnbox-button i {
			display: none !important;
		}
	}
	@media (max-width: 1023px) {
		.columnbox-listing li > a {
			text-overflow: ellipsis;
			font-weight: 700;
			white-space: nowrap;
			width: 100%;
			font-size: 0.86rem;
			padding: 0.66em 0em 0.66em 0rem;
			padding-right: 1rem;
			overflow: hidden;
		}
		.columnbox-listing li > a i {

		}
		.columnbox .columnbox-footer {
			padding: 0rem 1rem 0px 10px;
		}
		.columnbox-button {
			font-size: 0.86rem;
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}
		.columnbox-button i {
			display: none !important;
		}
	}




/* Documents */

.document-wrapper {
	cursor: pointer;
	display: block;
	margin-bottom: 30px;
}
.document {
	border-radius: 5px;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.document:hover {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.116);
}
.document-wrapper  :checked + .document {
	border: 1px solid #fff;
}

.document .document-preview {
	display: block;
	padding: 20px 20px 0;
}
.document .document-preview img {
	max-width: 160px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.116);
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.document .document-preview:hover img {
	transform: scale(1.05);
}
.document .document-preview i {
	font-size: 26px;
	color: #5d686e
}
.document.no-preview {
	min-height: auto !important
}
.document-description {
	display: block;
	padding:15px 20px 0;
}
.document-description .document-title {
	font-size: 20px;
}
.document-description .document-title a {
	color: #0a0a0a !important;
}


.document-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.082);
	
}
.document .document-check {
	display: block;
	margin-top: 0px;
}
.document-footer .button {
	margin: 0;
	padding: 6px 15px 3px;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 400;
}
.document-send {
	top: -20px;
}

.supersmall{
	width: 60%;
	float: right;
	margin-top: 60%;
	margin-left: 40% !important;
	
}