/* set variables */
@main: 			#203564;
@main_dark:		#14213d;

@grey: 			#d1d9e0;
@light_grey: 	#f9fbfb;
@dark_grey: 	#808080;

@section_news: #14467c;
@section_news_dark: #14467c;
@section_features: #f8971d;
@section_features_dark: #f8971d;
@section_products: #7a92bc;
@section_products_dark: #7a92bc;
@section_video: #d52a2a;
@section_video_dark: #aa2222;
@section_literature: #5c5dd5;
@section_literature_dark: #3435ca;
/* variables done */


html{
	font-size: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: inherit;
}

a,
a:hover,
a:focus,
a:active{
	color: @main;
	font-weight: 700;
}

a:hover,
a:focus,
a:active{
	text-decoration: underline;
}

article a,
.most-recent-article a{
	color: #333;
}

#cookie-bar{
	z-index: 50000;
	padding: 10px 0;
}
#cookie-bar p{
	font-size: 14px;
}
#cookie-bar a{
	padding: 3px 14px;
}
#cookie-bar .cb-policy{
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
}
#cookie-bar .cb-policy:hover{
	background-color: transparent;
}

.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-gutter {
	padding: 0 !important;
	margin: 0 !important;
}


/* default colour */
.text-default {
	color: @main;
	a{
		color: @main;
		&:hover{
			color: @main_dark;
		}
	}
	&:hover{
		color: @main_dark;
	}
}
.text-hover-default{
	color: @main;
	a{
		color: @main;
	}
	&:hover{
		background-color: @main_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-default{
	&:after{
		border-bottom-color: @main;
	}
}
.title-default{
	background-color: @main;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-default{
	border: 2px solid @main;
	color: @main;
	display: inline-block;
	padding: 8px 30px;
	font-weight: bold;
	a{
		&:hover{
			color: @main;
		}
	}
	&:hover{
		color: @main_dark;
	}
	&.active{
		background-color: @main;
		color: #fff;
	}
}
/* End default colour */

.text-sponsored,
.text-hover-sponsored,
.title-sponsored,
.hollow-sponsored,
.background-sponsored,

.text-homepage,
.title-homepage,
.hollow-homepage,
.background-homepage,
.text-hover-homepage{
	display: none !important;
}
.border-sponsored {
	.article-details {
		display: none;
	}

	.article-details-section {
		width: 100%;
		text-align: center;
	}

	&:after {
		border-bottom-color: @grey;
	}
}
.output-type-default,
.output-type-links{
	.border-sponsored {
		&:before {
			content: "Sponsored Content";
			display: block;
			width: 100%;
			background-color: @light_grey;
			text-align: center;
			padding: 8px 5px;
			font-size: 0.8em;
			font-weight: 400;
			text-transform: uppercase;
			z-index: 100;
		}
		.article-body{
			margin-bottom: 0 !important;
		}
	}
}

/* News colour */
.text-news {
	color: @section_news;
	a{
		color: @section_news;
		&:hover{
			color: @section_news_dark;
		}
	}
	&:hover{
		color: @section_news_dark;
	}
}
.text-hover-news{
	color: @section_news;
	a{
		color: @section_news;
	}
	&:hover{
		background-color: @section_news_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-news{
	&:after{
		border-bottom-color: @section_news;
	}
}
.title-news{
	background-color: @section_news;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-news{
	border: 2px solid @section_news;
	color: @section_news;
	a{
		color: @section_news;
		&:hover{
			color: @section_news_dark;
		}
	}
	&:hover{
		color: @section_news_dark;
	}
}
.background-news{
	background-color: @section_news !important;
	border-color: @section_news !important;
	color: #fff;
	a{
		color: #fff;
	}
}
/* End News colour */

/* products colour */
.text-products {
	color: @section_products;
	a{
		color: @section_products;
		&:hover{
			color: @section_products_dark;
		}
	}
	&:hover{
		color: @section_products_dark;
	}
}
.text-hover-products{
	color: @section_products;
	a{
		color: @section_products;
	}
	&:hover{
		background-color: @section_products_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-products{
	&:after{
		border-bottom-color: @section_products;
	}
}
.title-products{
	background-color: @section_products;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-products{
	border: 2px solid @section_products;
	color: @section_products;
	a{
		color: @section_products;
		&:hover{
			color: @section_products_dark;
		}
	}
	&:hover{
		color: @section_products_dark;
	}
}
.background-products{
	background-color: @section_products !important;
	border-color: @section_products !important;
	color: #fff;
	a{
		color: #fff;
	}
}
/* End products colour */

/* features colour */
.text-features {
	color: @section_features;
	a{
		color: @section_features;
		&:hover{
			color: @section_features_dark;
		}
	}
	&:hover{
		color: @section_features_dark;
	}
}
.text-hover-features{
	color: @section_features;
	a{
		color: @section_features;
	}
	&:hover{
		background-color: @section_features_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-features{
	&:after{
		border-bottom-color: @section_features;
	}
}
.title-features{
	background-color: @section_features;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-features{
	border: 2px solid @section_features;
	color: @section_features;
	a{
		color: @section_features;
		&:hover{
			color: @section_features_dark;
		}
	}
	&:hover{
		color: @section_features_dark;
	}
}
.background-features{
	background-color: @section_features !important;
	border-color: @section_features !important;
	color: #fff;
	a{
		color: #fff;
	}
}
/* End features colour */

/* video colour */
.text-video {
	color: @section_video;
	a{
		color: @section_video;
		&:hover{
			color: @section_video_dark;
		}
	}
	&:hover{
		color: @section_video_dark;
	}
}
.text-hover-video{
	color: @section_video;
	a{
		color: @section_video;
	}
	&:hover{
		background-color: @section_video_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-video{
	&:after{
		border-bottom-color: @section_video;
	}
}
.title-video{
	background-color: @section_video;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-video{
	border: 2px solid @section_video;
	color: @section_video;
	a{
		color: @section_video;
		&:hover{
			color: @section_video_dark;
		}
	}
	&:hover{
		color: @section_video_dark;
	}
}
.background-video{
	background-color: @section_video !important;
	border-color: @section_video !important;
	color: #fff;
	a{
		color: #fff;
	}
}
/* End video colour */


/* literature colour */
.text-literature {
	color: @section_literature;
	a{
		color: @section_literature;
		&:hover{
			color: @section_literature_dark;
		}
	}
	&:hover{
		color: @section_literature_dark;
	}
}
.text-hover-literature{
	color: @section_literature;
	a{
		color: @section_literature;
	}
	&:hover{
		background-color: @section_literature_dark;
		color: #fff;
		a{
			color: #fff;
		}
	}
}
.border-literature{
	&:after{
		border-bottom-color: @section_literature;
	}
}
.title-literature{
	background-color: @section_literature;
	color: #fff;
	a{
		color: #fff;
	}
}
.hollow-literature{
	border: 2px solid @section_literature;
	color: @section_literature;
	a{
		color: @section_literature;
		&:hover{
			color: @section_literature_dark;
		}
	}
	&:hover{
		color: @section_literature_dark;
	}
}
.background-literature{
	background-color: @section_literature !important;
	border-color: @section_literature !important;
	color: #fff;
	a{
		color: #fff;
	}
}
/* End literature colour */

#page {
	min-height: 450px;
	position: relative;
}

.page-container {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

.page-container .page-container{
	width: 100% !important;
}

.page-container:before, .page-container:after {
	content: " ";
	display: table;
}

.page-container:after {
	clear: both;
}

@media only screen and (max-width: 767px) {
	.page-container {
		padding-left: 1.25rem;
		padding-right: 1.25rem; 
	}
	.page-module-bar {
		width: auto !important;
	}
}
@media (min-width: 768px) {
	.page-container {
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media (min-width: 992px) {
	.page-container {
		width: 60rem;
	}
}
@media (min-width: 1200px) {
	.page-container {
		width: 72.5rem;
	}
}
@media (min-width: 1530px) {
	.page-container {
		width: 95rem;
	}
}


.block-wrapper {
	float: left;
	width: 100%;
	position: relative;
}

.contents-wrapper {
	float: left;
	width: 100%;
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: auto;
	padding-top: 15px;
	min-height: calc(100vh - 440px);
}

.contents-wrapper .page-container {
	background-color: transparent;
}

.block-wrapper .block-column {
	float: left;
	padding: 0 15px 0 0;
	margin: 0 0 10px 0;
	@media(max-width: 767px){
		padding: 0;
	}
}

.block-wrapper .block-column .block-column-contents {
	position: relative;
	float: left;
	width: 100%;
}

/*12 maximum block width*/
@media (min-width: 768px) {
	.column-0 {
		width: 0% !important;
		display: none !important;
	}

	.column-1 {
		width: 8.333% !important;
	}

	.column-2 {
		width: 16.66% !important;
	}

	.column-3 {
		width: 25% !important;
	}

	.column-4 {
		width: 33.33% !important;
	}

	.column-5 {
		width: 41.66% !important;
	}

	.column-6 {
		width: 50% !important;
	}

	.column-7 {
		width: 58.33% !important;
	}

	.column-8 {
		width: 66.66% !important;
	}

	.column-9 {
		width: 75% !important;
	}

	.column-10 {
		width: 83.33% !important;
	}

	.column-11 {
		width: 91.66% !important;
	}

	.column-12 {
		width: 100% !important;
	}
}

/* xs */
@media (max-width: 767px) {
	.xs-0 {
		width: 0% !important;
		display: none !important;
	}

	.xs-1 {
		width: 8.333% !important;
	}

	.xs-2 {
		width: 16.66% !important;
	}

	.xs-3 {
		width: 25% !important;
	}

	.xs-4 {
		width: 33.33% !important;
	}

	.xs-5 {
		width: 41.66% !important;
	}

	.xs-6 {
		width: 50% !important;
	}

	.xs-7 {
		width: 58.33% !important;
	}

	.xs-8 {
		width: 66.66% !important;
	}

	.xs-9 {
		width: 75% !important;
	}

	.xs-10 {
		width: 83.33% !important;
	}

	.xs-11 {
		width: 91.66% !important;
	}

	.xs-12 {
		width: 100% !important;
	}

	.column-0 {
		width: 0% !important;
		display: none !important;
	}

	.column-1 {
		width: 100% !important;
	}

	.column-2 {
		width: 100% !important;
	}

	.column-3 {
		width: 100% !important;
	}

	.column-4 {
		width: 100% !important;
	}

	.column-5 {
		width: 100% !important;
	}

	.column-6 {
		width: 100% !important;
	}

	.column-7 {
		width: 100% !important;
	}

	.column-8 {
		width: 100% !important;
	}

	.column-9 {
		width: 100% !important;
	}

	.column-10 {
		width: 100% !important;
	}

	.column-11 {
		width: 100% !important;
	}

	.column-12 {
		width: 100% !important;
	}
}

/* small */
@media (min-width: 768px) and (max-width: 991px) {
	.sm-0 {
		width: 0% !important;
		display: none !important;
	}

	.sm-1 {
		width: 8.333% !important;
	}

	.sm-2 {
		width: 16.66% !important;
	}

	.sm-3 {
		width: 25% !important;
	}

	.sm-4 {
		width: 33.33% !important;
	}

	.sm-5 {
		width: 41.66% !important;
	}

	.sm-6 {
		width: 50% !important;
	}

	.sm-7 {
		width: 58.33% !important;
	}

	.sm-8 {
		width: 66.66% !important;
	}

	.sm-9 {
		width: 75% !important;
	}

	.sm-10 {
		width: 83.33% !important;
	}

	.sm-11 {
		width: 91.66% !important;
	}

	.sm-12 {
		width: 100% !important;
	}
}

/* medium */
@media (min-width: 992px) and (max-width: 1199px) {
	.md-0 {
		width: 0% !important;
		display: none !important;
	}

	.md-1 {
		width: 8.33% !important;
	}

	.md-2 {
		width: 16.66% !important;
	}

	.md-3 {
		width: 25% !important;
	}

	.md-4 {
		width: 33.33% !important;
	}

	.md-5 {
		width: 41.66% !important;
	}

	.md-6 {
		width: 50% !important;
	}

	.md-7 {
		width: 58.33% !important;
	}

	.md-8 {
		width: 66.66% !important;
	}

	.md-9 {
		width: 75% !important;
	}

	.md-10 {
		width: 83.33% !important;
	}

	.md-11 {
		width: 91.66% !important;
	}

	.md-12 {
		width: 100% !important;
	}
}

/* large */
@media (min-width: 1200px) {
	.lg-0 {
		width: 0% !important;
		display: none !important;
	}

	.lg-1 {
		width: 8.333% !important;
	}

	.lg-2 {
		width: 16.66% !important;
	}

	.lg-3 {
		width: 25% !important;
	}

	.lg-4 {
		width: 33.33% !important;
	}

	.lg-5 {
		width: 41.66% !important;
	}

	.lg-6 {
		width: 50% !important;
	}

	.lg-7 {
		width: 58.33% !important;
	}

	.lg-8 {
		width: 66.66% !important;
	}

	.lg-9 {
		width: 75% !important;
	}

	.lg-10 {
		width: 83.33% !important;
	}

	.lg-11 {
		width: 91.66% !important;
	}

	.lg-12 {
		width: 100% !important;
	}
}


.btn-action{
	background-color: @main;
	border-color: @main_dark;
}
.btn-action-hollow{
	background-color: #fff;
	border-color: @main;
	color: @main;
	font-weight: bold;
	border-width: 2px;
}
.text-action{
	color: @main;
}
.btn-action{
	color: #fff;
	font-size: 14px;
	padding: 8px 12px;
	transition: background-color .2s ease;
}
.btn-action:focus,
.btn-action:hover,
.btn-action:active{
	background-color: @main_dark;
	border-color: @main_dark;
	color: #fff;
}
.btn-action-hollow:focus,
.btn-action-hollow:hover,
.btn-action-hollow:active{
	color: @main_dark;
}

.pmps-block-content {
	float: left;
	width: 100%;
	min-height: 0.01em !important;
}

.pmps-block-filler {
	width: 100%;
	float: left;
	/* very important to ensure blank blocks have no height */
	padding: 0 !important;
	min-height: 0.01em !important;
	margin: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

img {
	max-width: 100% !important;
	max-height: 100% !important;
	border: 0;
}
.force {
	float: left;
	width: 100%;
}

.bootstrap_notify {
	padding: 0;
	border-width: 2px;
}

.notify_title,
.notify_message {
	display: block;
	width: 100%;
}

.notify_title {
	font-weight: bold;
	padding: 10px;
}

.notify_message {
	padding: 0 10px 10px;
}

.map-frame-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.map-frame-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.select2-container {
	width: 100% !important;
}
.select2-selection{
	border-radius: 0 !important;
}

#module_bar_top{
	float: right;
}

#module_bar{
	float: left;
	width: 100%;
}
#module_bar_expander{
	float: right;
	display: none;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
}
@media(max-width: 767px){
	#module_bar_expander{
		display: block;
		cursor: pointer;
	}
	#module_bar_expander:hover{
		color: #777;
	}
	#module_bar{
		display: none;
	}
	#module_bar.mobile-open{
		display: block;
		position: absolute;
		left: 0;
		top: 50px;
		background-color: #ccc;
		z-index: 50000;
	}
	#module_bar.mobile-open .module-tab-links{
		width: 100%;
		display: block;
	}
	#module_bar.mobile-open .sub-module-bar{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #B1B2B6;
		border: 0;
		border-left: 10px solid #888;
	}
	#module_bar .sub-module-bar-expander{
		display: block;
		position: relative;
		top: auto;
		left: auto;
	}
}
#module_bar{
	padding: 0;
	margin: 0;
}
#module_bar a{
	font-weight: 300;
	display: inline-block;
	padding: 0 10px;
	color: #333;
	font-size: 1em;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-right: 1px solid @grey;
	@media(max-width: 767px){
		width: 100%;
		border-right: none;
	}
	@media(min-width:768px) and (max-width: 800px){
		font-size: 0.7em;
		padding: 0 5px;
	}
	@media(min-width:801px) and (max-width: 991px){
		font-size: 0.8em;
		padding: 0 5px;
	}
	@media(min-width: 992px) and (max-width: 1199px){
		font-size: 0.9em;
	}
}
#module_bar li.has-children a{
	padding-right: 25px;
}
#module_bar .dropdown-arrow{
	height: 42px;
	line-height: 42px;
	position: absolute;
	right: 10px;
	color: #000;
}
#module_bar a:hover{
	color: @main;
}
#module_bar li a:hover + .dropdown-arrow{
	color: @main;
}
#module_bar .module-divider{
	font-size: 16px;
	color:  #ddd;
}
.page-module-bar {
	margin: 0;
	padding: 0;
	background: #f9fbfb;
	border-top: 1px solid @grey;
	border-bottom: 1px solid @grey;
	.page-container{
		background-color: transparent;
	}
}

.page-module-bar ul li {
	color:              #000;
	float:              left;
	display:            inline;
	list-style:         none;
	position:           relative;
}
.page-module-bar ul li a {
	color:              #000;
	text-decoration:    none;
}

.page-module-bar ul li a.selected  {
	text-decoration:    none;
}
.page-module-bar ul a.selected{
	background-color: #404142;
	color: #fff;
}
.page-module-bar ul li a.selected{
	color: #fff !important;
}

.module-tab-content.selected {
	display: block;
}

.module-tab-content ul li {
	color:              #000;
	display:            inline;
	list-style:         none;
}

.module-tab-content ul li a {
	color:              #fff;
	text-decoration:    none;
}

.module-tab-content ul li a.selected {
	color:              #fff;
	text-decoration:    none;
	font-weight: bold;
}
.sub-module-bar-expander{
	display: none;
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 2000;
	min-height: 100%;
	width: 100%;
	min-width: 200px;
}
.sub-module-bar{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #f9fbfb;
	border: 1px solid @grey;
}
.sub-module-bar-expander .sub-module-bar-expander{
	left: 100%;
	top: -1px;
}
.sub-module-bar li,
.sub-module-bar li a{
	width: 100%;
}
.sub-module-bar li:not(:last-child){
	border-bottom: 1px solid @grey;
}
.sub-module-bar a{
	height: auto !important; /* very important */
	min-height: 34px;
	line-height: normal !important;
	padding: 20px !important;
	@media(max-width: 767px){
		padding: 10px !important;
	}
}
.module-tab-links.has-children:hover{
	color: @main;
}
.module-tab-links:hover > .sub-module-bar-expander{
	display: block;
}
.module-tab-links .dropdown-arrow{
	height: 34px;
	line-height: 34px;
	position: absolute;
	right: 6px;
	color: #000;
}
.page-top-area{
	float: left;
	width: 100%;
}

.page-site-bar{
	float: left;
	@media (max-width: 768px) {
		width: 100%;
	}
}
.page-header-logo{
	float: left;
	background-image: linear-gradient(to top,#e8e8e8,#f9f9f9);
	padding: 15px;
	width: 22.25em;
	text-align: center;
	@media (max-width: 768px) {
		width: 100%;
	}
	@media (min-width: 992px) {
		width: 16.3125em;
		padding: 2em;
	}
	@media (min-width: 1200px) {
		width: 21.875em;
	}
}
.page-top-ad{
	float: right;
	.advert-item{
		margin: 30px 0 15px 0;
		width: 100% !important;
	}
	@media(max-width: 1200px){
		width: 100%;
		text-align: center;
	}
}

.header-social-media-list{
	float: left;
	margin: 42px 20px;
	@media (max-width: 767px){
		margin: 20px 0;
		width: 100%;
		text-align: center;
	}
	@media (min-width: 768px) and (max-width: 1199px) {
		margin: 32px 20px;
	}
	@media (min-width: 1200px) {
		margin: 42px 20px;
	}
	.header-social-media{
		display: inline-block;
		font-size: 18px;
		padding: 0;
		margin: 0 10px 0 0;
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		&.social-twitter{
			background-color: #009dd4;
			border-top: 2px solid #17c3ff;
			border-bottom: 2px solid #0092c4;
		}
		&.social-linkedin{
			background-color: #006c9e;
			border-top: 2px solid #0099e0;
			border-bottom: 2px solid #00618e;
		}
		&.social-youtube{
			background-color: #a20000;
			border-top: 2px solid #e40000;
			border-bottom: 2px solid #920000;
		}
	}
}

//image scroller - carousel - using slick

.image-scroller img {
	min-height: 100%;
	min-width: 100%;
}


.image-scroller {
	position: relative;
	max-height: 620px;
	margin-bottom: 20px;

	&.loading-phase {
		overflow: hidden;

		.image-scoller-loading-overlay {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			line-height: 300px;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 100;

			.fa {
				color: #fff;
				font-size: 30px;
			}
		}
	}

	.slick-prev,
	.slick-next {
		color: #fff;
		z-index: 500;
		font-size: 12px;
		top: 50%;
		background-color: @main;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		opacity: 0.7;
		transition: opacity .2s ease;

		&:before,
		&:before {
			padding: 0;
			font-family: "Font Awesome\ 5 Pro";
			font-style: normal;
			font-weight: bold;
			width: 18px;
			height: 18px;
			line-height: 18px;
			text-align: center;
			display: inline-block;
			font-size: inherit;
			color: #fff;
			transition: margin .5s ease;
		}

		&:active,
		&:focus {
			opacity: 0.7;
			background-color: @main;
		}

		&:hover {
			background-color: @main;
			opacity: 1;
		}

	}

	.slick-prev {
		left: 20px !important;

		&:before {
			content: "\f323";
		}

		&:hover {
			&:before {
				margin-right: 5px;
			}
		}
	}

	.slick-next {
		right: 20px !important;

		&:before {
			content: "\f324";
		}

		&:hover {
			&:before {
				margin-left: 5px;
			}
		}
	}

	.carousel-parts {
		max-height: 560px;
		overflow: hidden;

		.carousel-part {
			float: left;
			max-height: 560px;
			width: 100%;
			overflow: hidden;
			position: relative;

			&:hover .part-title{
				background: rgba(0, 0, 0, 0.85);
				box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0.85);
			}

			.part-image {
				height: 100%;
				text-align: center;
				vertical-align: middle;
				max-height: 580px;

				img {
					vertical-align: bottom;
					display: block;
				}
			}

			.part-title {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				padding: 5px 20px 20px 20px;
				text-align: left;
				background: rgba(0, 0, 0, 0.8);
				box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0.8);
				transition: all .2s ease;

				h2 {
					color: #fff;
					text-shadow: 1px 1px 1px #000;
					margin: 0 0 10px 0;
					font-size: 24px;
				}

				.posted-date {
					color: #fff;
					text-shadow: 1px 1px 1px #000;
					font-size: 16px;
					margin: 0;
				}
			}
		}
	}

	.carousel-controls {
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;

		.controls {
			width: 100%;
			text-align: center;

			.control-part {
				display: inline-block;
				color: #fff;
				font-size: 12px;
				cursor: pointer;

				&:hover{
					color: rgba(255,255,255,0.5);
					i{
						font-weight: bold;
					}
				}

				&.active{
					color: #fff;
					i {
						font-weight: 600;
					}
				}
			}

		}
	}
}

// end image scroller


.title-box{
	position: relative;
	border: 1px solid @grey;
	background-color: #f9fbfb;
	width: 100%;
	height: 100%;
	transition: opacity 0.2s linear, box-shadow 0.2s linear;
	padding-bottom: 50px;
	.title-box-title{
		position: relative;
		padding: 10px 0;
		margin: 0;
		color: #fff;
		text-align: center;
		background-color: #808080;
		font-size: 20px;
		text-transform: uppercase;
		a{
			color: #fff;
			font-weight: 500;
		}
	}
	.title-box-image{
		text-align: center;
	}
	.title-box-text{
		text-align: center;
		font-size: 18px;
		color: #333;
		margin: 10px;
		text-transform: uppercase;
		font-weight: 500;
		span{
			display: block;
			font-size: 14px;
			color: @main;
			font-weight: 400;
			margin: 10px 0 0 0;
		}
	}
	.title-box-action{
		position: absolute;
		bottom: 0;
		height: 50px;
		border-top: 1px solid @grey;
		width: 100%;
		padding: 5px;
		font-weight: 700;
		text-transform: uppercase;
		.btn{
			display: block;
		}
	}
	//.latest-issue-image{
	//	img{
	//		height: 19.5em;
	//	}
	//}
}

.section-header {
	position: relative;
	margin: 10px 0;
	padding: 0 10px 0 0;
	letter-spacing: 0.09em;
	@media(max-width: 767px){
		padding: 0;
	}

	.section-header-text {
		border-bottom: 4px solid @grey;
		font-size: 30px;
		position: relative;
		overflow: hidden;
		text-transform: uppercase;
		color: #333333;
		padding: 0 0 10px 0;
		margin: 0;
		font-weight: normal;
	}

	&.with-news-sections{
		.section-header-text{
			margin: 0;
			@media(max-width: 767px){
				font-size: 1.375em;
			}
		}
	}
	&.basic-header{
		margin-top: 0;
		.section-header-text{
			border-bottom: none;
			font-size: 24px;
			font-weight: 300;
		}
	}


}
.display-news-section-list{
	float: right;
	@media(max-width: 767px){
		float: left;
		width: 100%;
		margin-top: 5px;
		.display-news-section {
			margin-right: 10px;
			a{
				padding: 0 5px;
				font-size: 16px;
			}
		}
	}
	.display-news-section {
		display: inline-block;
		text-transform: uppercase;
		transition: background-color 0.2s linear, color 0.2s linear;
		font-weight: normal;
		font-size: 18px;
		margin: 0 4px 0 0;
		a{
			display: block;
			padding: 5px 10px;
			text-decoration: none;
			font-weight: 400;
		}
	}
}

.most-recent-articles{
	.article-frame{
		float: left;
		width: 100%;
	}

	&.output-type-default,
	&.output-type-grid,
	&.output-type-detail,
	&.output-type-tiled,
	&.output-type-custom,
	&.related-articles,
	&.output-type-links{
		.article-headlines{
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			flex-wrap: wrap;
		}
		.article-row{
			display: flex;
			.article-image{
				flex: 1;
			}
			.article-body{
				flex: 2;
			}
		}
		.most-recent-article{
			margin: 0 0 10px;
			display: flex;
			flex: 1;
			padding: 0 10px 0 0;
			.article-frame{
				width: 100%;
				border: 1px solid @grey;
				background-color: @light_grey;
				position: relative;
				&:after{
					content: "";
					width: calc(~"100% + 2px");
					display: block;
					position: absolute;
					bottom: 0;
					left: -1px;
					border-bottom-width: 5px;
					border-bottom-style: solid;
				}
			}
			.article-body {
				padding: 15px;
				display: flex;
				flex-direction: column;
				margin-bottom: 38px;
			}
			.article-headline{
				flex: 1;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 10px;
			}
			.article-intro{
				flex: 1;
				font-size: 18px;
			}
			.article-image{
				text-align: center;
				position: relative;
			}
			.article-details{
				position: absolute;
				bottom: 5px;
				width: 100%;
				border-top: 1px solid @grey;
				padding: 10px 15px;
				font-size: 12px;
				text-transform: uppercase;
				.article-details-time{
					float: left;
				}
				.article-details-section{
					float: right;
					a{
						font-weight: 400;
						color: inherit;
					}
				}
			}
		}
	}

	&.output-type-tiled {
		.article-headlines{
			flex-direction: column;
		}
		.most-recent-article {
			width: 100%;
		}
		.article-image {
			margin-bottom: 38px;
		}
		@media(max-width: 767px) {
			.most-recent-article {
				padding: 0;
			}

			.article-row {
				display: block;
			}
		}
		@media(min-width:768px) and (max-width: 991px){
			.article-headline,
			.article-intro{
				flex: auto;
			}
		}
	}
	&.output-type-grid,
	&.output-type-links {
		height: 100%;
		display: flex;
		.most-recent-article {
			width: 100%;
		}
	}
	&.related-articles,
	&.output-type-default,
	&.output-type-detail{
		@media(max-width: 767px){
			.most-recent-article {
				flex: auto;
				padding: 0;
			}
		}
	}
	&.output-type-default {
		.article-headlines {
			flex-wrap: wrap;
		}
	}
	&.output-type-custom {
		.most-recent-article {
			width: 33%;
			flex: auto;
			@media(max-width: 600px){
				width: 100%;
				padding: 0;
			}
			@media(min-width: 601px) and (max-width: 1199px){
				width: 50%;
			}
			@media(min-width: 1200px){
				width: 33%;
			}
		}
	}

	&.output-type-detail{
		margin-bottom: 10px;
		@media(min-width:768px) and (max-width: 991px){
			.most-recent-article {
				flex: auto;
				float: left;
				width: 50%;
			}
		}
	}

	&.output-type-raw {
		float: left;
		width: 100%;
		border: 1px solid @grey;
		.section-header{
			background-color: @dark_grey;
			text-align: center;
			padding: 10px;
			margin: 0;
			.section-header-text {
				border: none;
				color: #fff;
				padding: 0;
				font-size: 24px;
			}
		}
		.most-recent-article {
			float: left;
			width: 100%;
			.article-frame {
				padding: 10px;
			}
			border-bottom: 1px solid @grey;
			.article-image{
				float: left;
				padding: 0 10px 0 0;
			}
			.article-body{
				float: left;
			}
			.article-headline{
				float: left;
				font-weight: bold;
				font-size: 16px;
				margin: 0 0 10px;
			}
			.article-intro{
				float: left;
				width: 100%;
				font-size: 16px;
			}
			@media(max-width: 767px){
				.article-body{
					width: 100%;
				}
				.article-headline{
					width: 100%;
				}
				.article-intro{
					width: 100%;
				}
				.article-image{
					width: 100%;
					margin-bottom: 10px;
				}
			}
			@media(min-width:768px) and (max-width: 991px){
				.article-body{
					width: 80%;
				}
				.article-headline{
					width: 80%;
				}
				.article-intro{
					width: 80%;
				}
				.article-image{
					width: 20%;
				}
			}
			@media(min-width: 992px) and (max-width: 1199px){
				.article-body{
					width: 100%;
				}
				.article-headline{
					width: 100%;
				}
				.article-intro{
					width: 100%;
				}
				.article-image{
					width: 100%;
				}
			}
			@media(min-width: 1200px){
				.article-body{
					width: 60%;
				}
				.article-headline{
					width: 100%;
				}
				.article-intro{
					width: 100%;
				}
				.article-image{
					width: 40%;
				}
			}
		}
	}
}

.article-image:hover .youtube-icon-overlay {
	margin: -44px 0 0 -44px;
	svg {
		width: 88px;
		height: 88px;
	}
}
.youtube-icon-overlay{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	z-index: 100;
	transition: margin .2s ease;
	svg{
		transition: width .2s ease, height .2s ease;
		width: 80px;
		height: 80px;
	}
}

.news-section-story-list {
	.story-lists {
		float: left;
		width: 100%;
		margin: 30px 0 10px;
		.story-list {
			float: left;
			width: 20%;
			padding: 0 30px 0 0;

			&:last-child {
				padding: 0;
			}

			.story-list-heading {
				padding: 5px 15px;
				display: inline-block;
				font-size: 24px;
				margin: 0 0 25px;
			}
			.story-item{
				padding: 0 0 10px;
				margin: 0 0 10px;
				font-size: 16px;
				&:not(:last-child){
					border-bottom: 1px solid @grey;
				}
				a{
					color: #333;
					font-weight: 400;
				}
			}
			.story-list-more{
				font-weight: 700;
				text-transform: uppercase;
				a{
					display: block;
				}
			}
		}
	}
}

.most-recent-guide-companies{
	float: left;
	width: 100%;
	margin: 50px 0;
	.company-item{
		float: left;
		margin: 10px 0;
		padding: 0 10px;
		text-align: center;
		h3{
			display: none;
		}
		@media(max-width: 767px){
			width: 100%;
			height: 200px;
			line-height: 200px;
			img{
				max-height: 200px !important;
			}
		}
		@media(min-width:768px) and (max-width: 991px){
			width: 50%;
			height: 200px;
			line-height: 200px;
			img {
				max-height: 200px !important;
			}
		}
		@media(min-width: 992px) and (max-width: 1199px){
			width: 25%;
			height: 150px;
			line-height: 150px;
			img {
				max-height: 150px !important;
			}
		}
		@media(min-width: 1200px){
			width: 25%;
			height: 150px;
			line-height: 150px;
			img {
				max-height: 150px !important;
			}
		}
	}
}

.email-list-registration-form-holder{
	&.form-holder-basic {
		float: right;

		.form-title,
		.form-text,
		.form-group {
			float: left;
			&.form-group-row-email{
				@media(max-width: 991px){
					width: calc(~"100% - 120px");
					.form-input{
						width: 100%;
					}
				}
			}
		}

		.form-title {
			height: 56px;
			line-height: 56px;
			font-size: 18px;
			color: @main;
			padding: 0 20px;
			@media(max-width: 991px) and (min-width: 768px) {
				width: 100%;
				text-align: center;
			}
			@media(max-width: 767px){
				width: 100%;
				text-align: center;
			}
		}

		.form-group {
			.form-label {
				display: none;
			}

			.form-input {
				display: block;
				height: 56px;
				padding: 0 20px;
				font-size: 20px;
				border: 1px solid @grey;
				background-color: #fff;
				outline: none;
				color: @main;
				font-weight: 400;
			}

			.form-input-action {
				display: block;
				height: 56px;
				width: 120px;
				padding: 0;
				line-height: 56px;
				text-align: center;
			}
		}
	}
	&.form-holder-full{
		float: left;
		width: 50%;
		margin: 0 25%;
		padding: 0;
		.email-list-registration-form{
			border: 1px solid @grey;
			padding: 30px;
			background: #fff;
			margin: 30px 0;
			.form-title{
				font-size: 1.3em;
				font-weight: 700;
				margin: 0 0 10px;
			}
			.form-text{
				font-size: 0.9em;
				margin: 0 0 20px;
				color: #777;
			}
			.form-label{
				font-weight: normal;
				margin: 0 0 10px;
			}
			.form-input{
				width: 100%;
				display: block;
				height: 34px;
				padding: 6px 12px;
				font-size: 1em;
				background-color: #fff;
				border: 1px solid @grey;
				outline: none;
			}
			.form-group {
				padding: 0 5px;
			}
			.form-group-row-firstname,
			.form-group-row-lastname{
				float: left;
				width: 50%;
			}
			.required-mark{
				color: #ff0000;
			}
			.small{
				font-size: 0.8em;
				color: #777;
			}
			.bold{
				font-weight: 700;
			}
		}
	}
}
.lg-4,
.lg-3{
	.email-list-registration-form-holder{
		&.form-holder-basic{
			.form-group-row-email{
				width: calc(~"100% - 120px");
			}
			.form-title{
				padding: 0;
			}
			width: 100%;
			.form-input{
				width: 100%;
			}
		}
	}
}

.contact-form{
	float: left;
	width: 50%;
	margin: 30px 25%;
	border: 1px solid @grey;
	padding: 30px;
	background: #fff;
	h1{
		font-size: 1.3em;
		font-weight: 700;
		margin: 0 0 10px;
	}
	h3{
		font-size: 0.9em;
		margin: 0 0 20px;
		color: #777;
	}
	.control-label{
		font-weight: normal;
		margin: 0 0 10px;
	}
	.form-input{
		width: 100%;
		display: block;
		height: 34px;
		padding: 6px 12px;
		font-size: 1em;
		background-color: #fff;
		border: 1px solid @grey;
		outline: none;
	}
	.form-group {
		padding: 0 5px;
		margin: 0;
	}
	.required-mark{
		color: #ff0000;
	}
	.small-text{
		font-size: 0.8em;
		color: #777;
	}
}

.page-footer{
	padding-top: 100px;
	background: url("images/other/footer-background.png") repeat;
	color: #fff;
	.page-container{
		background-color: transparent;
	}

	.footer-column{
		padding: 0 10px;
		margin: 0 0 40px 0;
	}
	.footer-heading{
		color: #fff;
		font-weight: 300;
		font-size: 24px;
		text-transform: uppercase;
		margin: 0 0 25px;
	}
	.footer-list,
	.top-tags,
	.news-sections-count{
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 16px;
		li,
		li a{
			color: #fff;
		}
		.increased-margin{
			margin: 20px 0;
		}
	}
	.footer-brand img{
		width: 75%;
		margin: 0 0 10px;
		max-width: 300px !important;
	}
}
.root-footer{
	margin-top: 10px;
	padding-top: 10px;
	.page-container {
		border-top: 1px solid #5c6061;
	}
	.footer-copyright{
		float: left;
		width: 50%;
		color: #fff;
		padding: 10px;
		font-size: 14px;
	}
	.perception{
		float: right;
		width: 50%;
		color: #fff;
		padding: 10px;
		padding: 10px;
		font-size: 14px;
		text-align: right;
		a{
			color: #fff;
		}
	}
	@media(max-width: 767px){
		.footer-copyright,
		.perception {
			width: 100%;
			text-align: center;
		}
	}
}
.page-title{
	&.has-background-image{
		padding: 100px 0;
		margin: 0 0 15px 0;
		h1{
			display: inline;
			background: rgba(255, 255, 255, 0.9);
			padding: 15px;
			margin: 0 20px;
		}
	}
}

.calendar-events{
	.event-title-year{
		float: left;
		width: 100%;
		font-size: 2em;
		color: #333;
		text-transform: uppercase;
		padding: 0 5px;
		margin: 0 0 20px;
		letter-spacing: normal;
	}
	.calendar-event{
		float: left;
		width: 100%;
		border: 1px solid @grey;
		background-color: @light_grey;
		position: relative;
		margin: 0 0 20px;
		&:after{
			content: "";
			width: calc(~"100% + 2px");
			display: block;
			position: absolute;
			bottom: 0;
			left: -1px;
			border-bottom-width: 3px;
			border-bottom-style: solid;
			border-bottom-color: @grey;
		}
		.calendar-image{
			float: left;
			width: 33.33%;
			padding: 10px 15px 10px 10px;
		}
		.calendar-event-details{
			float: left;
			width: 60%;
			h2{
				float: left;
				width: 70%;
				font-weight: 700;
				font-size: 1.375em;
				margin: 15px 0;
			}
			.calendar-date{
				float: left;
				width: 30%;
				text-align: right;
				font-size: 1em;
				margin: 15px 0;
			}
			.calendar-description{
				float: left;
				width: 100%;
				font-size: 1em;
				margin: 0 0 20px;
			}
			.read-more {
				float: left;
				width: 100%;
				margin: 10px 0;
			}
		}

	}
}

.page-button-links{
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0 40px 0;
}
.article_title{
	border-left: 10px solid @main;
	padding: 0 2em;
	margin: 0 0 2em;
	h1{
		font-size: 2em;
		margin: 0;
		font-weight: 700;
		@media(min-width: 768px){
			font-size: 3.14em;
		}
	}
	.article-meta{
		font-size: 18px;
		text-transform: uppercase;
		margin-top: 1em;
	}
}
.article-subheading {
	padding: 0;
	h2, p {
		font-weight: 700;
		font-size: 1.125em;
		line-height: 1.4em;
		@media (min-width: 992px) {
			font-size: 1.3125em;
			line-height: 1.5em;
		}
	}
}
.article_body{
	padding: 0;
	font-size: 1.125em;
	line-height: 1.4em;
	@media(min-width: 992px){
		font-size: 1.3125em;
		line-height: 1.5em;
	}
}


.gallery_image_items{
	width: auto;
	padding: 0;
}
figure.article_image{
	padding: 0;
	margin: 0 0 20px;
	max-width: 100% !important;
	.article_image_holder{
		position: relative;
	}
	.article-copyright{
		background: #333;
		color: #eee;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 5px 10px;
		text-transform: uppercase;
	}
}
figcaption.caption,
figcaption.image-caption{
	display: block;
	width: 100%;
	padding: .75em;
	text-align: center;
	color: #fff;
	background-color: #888;
	font-size: 18px;
	line-height: normal;
}
figcaption:empty{
	display: none !important;
}

.image-left,
.image-alignleft {
	margin: 20px 20px 20px 0 !important;
}
.image-right,
.image-alignright {
	margin: 20px 0 20px 20px !important;
}
.image-center,
.image-aligncenter {
	margin: 20px auto 20px auto !important;
}

.social-sharing{
	@media(min-width: 1200px){
		max-width: 350px;
	}
	.social-share{
		text-transform: uppercase;
		font-weight: 400;
		display: inline-block;
		overflow: hidden;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		margin-right: 1em;
		margin-bottom: 1em;
		padding: .75em 1.75em;
		border-radius: 10px;
		a{
			text-decoration: none !important;
			color: #fff;
		}
		&.social-item-linkedin{
			background-color: #007DB7;
		}
		&.social-item-twitter{
			background-color: #00b0ed;
		}
		&.social-item-email{
			background-color: #a9acae;
		}
		&.social-item-facebook{
			background-color: #3b5998;
		}
		.fab, .fa{
			float: left;
			margin-right: 0.5em;
			font-size: 24px;
		}
	}
}

.story_author,
.article-topics,
.page-company-details{
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
	margin: 0 0 30px 0;
	border-top: 1px solid @grey;
}

.page-company-details.has-extra,
.page-company-details.extra-item{
	padding-top: 15px;
	margin-bottom: 15px;
}
.page-company-details.extra-item {
	border-top: none;
}

.article-topics{
	padding-bottom: 30px;
	border-bottom: 1px solid @grey;
}

.story_author{
	margin-top: 30px;
	.author-name{
		font-size: 1.25em;
		font-weight: 700;
		margin: 0 0 3px 0;
	}
	.author-job-title{
		font-size: 1em;
		margin: 0;
	}
}


.article-topic-items{
	.topic{
		float: left;
		margin: 0 10px 10px 0;
	}
}
.search-area{
	width: 100%;
	margin: 0 0 20px 0;
	position: relative;
	.search-box-input{
		padding: 0 68px 0 10px;
		line-height: 58px;
		height: 58px;
		color: @main;
		font-size: 1.3em;
		border-radius: 0;
		&:active,
		&:focus{
			outline: none;
			box-shadow: none;
			border-color: inherit;
		}
	}
	.search-box-submit{
		position: absolute;
		right: 0;
		top: 0;
		height: 58px;
		min-width: 58px;
		padding: 0 20px;
		line-height: 58px;
		font-size: 18px;
	}
}

.infinite-load-part {
	float: left;
	width: 100%;
	margin: 20px 0;
	.infinite-load {
		display: block;
		width: 100%;
		border: 1px solid @main;
		background-color: #f5f5f5;
		color: @main;
		font-weight: 700;
		text-align: center;
		padding: 15px 10px;
		font-size: 14px;
		transition: all .2s ease;
		&:hover,
		&:active,
		&:focus {
			background-color: @main;
			border-color: @main_dark;
			color: #fff;
			outline: none;
		}
		.fa{
			margin-left: 10px;
		}
	}
}
.video_block{
	padding: 0;
}
.video_embed{
	height: 0;
	padding-top: 25px;
	padding-bottom: 56.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	iframe{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
}
.system-text{
	padding: 0;
}
.article-image{
	a{
		position: relative;
		overflow: hidden;
		display: block;
	}
	img{
		transition: all 0.2s ease;
	}
	&:hover img{
		transform: scale(1.1);
	}
}

.publisher-contacts{
	.contact-group-contents{
		display: flex;
		.contact-item{
			display: flex;
			width: 32%;
			padding: 0 2% 0 0;
			.contact-item-contents {
				width: 100%;
				padding: 20px;
				margin: 0 0 20px 0;
				border: 1px solid @grey;
				border-bottom-width: 4px;
				background-color: @light_grey;
			}
			.contact-row{
				word-break: break-word;
				&.contact-icon{
					height: 300px;
					padding: 1em;
					margin: 0 0 1em 0;
					text-align: center;
					background-color: @grey;
				}
				&.contact-name{
					font-weight: 700;
					font-size: 1.3em;
					margin-bottom: 1em;
				}
			}
		}
	}
	.contact-group-editors{
		.contact-item {
			width: 48%;
			padding: 0 2% 0 0;
		}
	}
	@media(max-width: 767px){
		.contact-group-contents {
			display: block;
			.contact-item {
				width: 100% !important;
				padding: 0 !important;
				margin-bottom: 20px;
				.contact-row{
					float: left;
					width: 70%;
					padding-left: 10px;
					&.contact-icon{
						width: 30%;
						height: auto;
					}
				}

			}
		}
	}
}

.lg-12{
	.advert-item{
		&.full_banner,
		&.leaderboard{
			float: left;
			width: 50%;
			margin: 10px 0 30px 0;
			text-align: center;
			padding: 0 10px;
		}
		@media(max-width: 991px){
			width: 100% !important;
		}
	}
}

@media(max-width: 1200px){
	.advert-item {
		&.full_banner,
		&.leaderboard {
			text-align: center;
		}
	}
}

.advert-item{
	margin: 10px 0 20px 0;
}



.events-calendar-title {
	font-size: 35px;
	margin: 10px 0;
	padding: 0;
}

.events-calendar-block {
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 0 15px;
}

.events-calendar-subheading {
	font-weight: bold;
	display: block;
	color: @main;
	font-size: 16px;
	margin: 0;
}



.block-grid {
	clear: both;
	display: block;

	&.grid-row {
		margin: 0;

		.block-grid-content {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}

		.grid-pane {
			&:nth-child(1),
			&:nth-child(2) {
				flex: 1;
				float: left;
				width: 25%;
				@media(max-width: 767px){
					flex: auto;
					width: 100%;
					.most-recent-article{
						padding: 0;
					}
				}
				@media(min-width:768px) and (max-width: 991px){
					flex: auto;
					width: 50%;
				}
			}

			&:nth-child(3) {
				display: flex;
				flex-direction: column;
				width: 50%;

				@media(max-width: 991px){
					width: 100%;
				}

				.article-block,
				.article-headlines {
					height: 100%;

					.most-recent-article {
						width: 100%;
						flex: 1;
					}
				}
			}
		}
	}

	&.info-row {
		margin: 0 0 20px 0;

		.block-grid-content {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}

		.grid-pane {
			&:nth-child(1) {
				margin-right: 1%;
			}

			&:nth-child(1),
			&:nth-child(2) {
				flex: 1;
				float: left;
				width: 49.5%;
				@media (max-width: 767px) {
					flex: auto;
					width: 100%;
					margin: 0 0 20px 0;
				}
			}
		}
	}
}

.company-news-articles{
	.news-article{
		margin: 0 0 10px 0;
		a{
			color: #333;
			text-decoration: none;
		}
		.article-title{
			font-size: 1em;
			margin: 0;
		}
		.article-description{
			font-size: 0.8em;
			color: #777;
			font-weight: 400;
		}
	}
	.company-news-articles h3{
		display: none;
	}
}

.asset-file-list{
	float: left;
	width: 100%;
	position: relative;
	.asset{
		float: left;
		padding: 10px;
		overflow: hidden;
		@media(max-width: 767px){
			width: 100%;
			text-align: center;
		}
		@media(min-width:768px) and (max-width: 991px){
			width: 50%;
			height: 400px;
			text-align: center;
		}
		@media(min-width: 992px) and (max-width: 1199px){
			width: 25%;
			height: 340px;
		}
		@media(min-width: 1200px) and (max-width: 1529px){
			width: 20%;
			height: 250px;
		}
		@media(min-width: 1530px){
			width: 20%;
			height: 320px;
		}
	}
}

.action-border-left {
	border-left: 10px solid @main;
}

.action-nested-list {
	color: @main;
}

.asset-file-download-image-wrapper{
	display: block;
	float: left;
	max-width: 400px;
	margin: 0 0 20px 0;
	@media(max-width: 767px){
		max-width: 100%;
		width: 100%;
	}
	.asset-file-download-image{
		outline: 0;
		background: none;
		border: none;
		padding: 0;
		margin: 0 0 10px 0;
	}
	.asset-file-download{
		display: block;
		width: 100%;
		text-transform: uppercase;
	}
}

.navigation-container .navigation-control.active .link-number{
	background-color: @main !important;
	border-color: @main_dark !important;
}
.navigation-container .navigation-control.active .link-title{
	color: @main !important;
}
#wizard_pager .btn-primary {
	background-color: @main;
	border-color: @main_dark;
}
#wizard_pager .btn-primary:focus,
#wizard_pager .btn-primary:hover,
#wizard_pager .btn-primary:active {
	background-color: @main_dark;
	border-color: @main_dark;
	color: #fff;
}
.company-news-articles{
	@media(min-width: 1200px) {
		.most-recent-article {
			width: 20% !important;
		}
	}
}
.company-address-details{
	text-align: center;
	h1 {
		margin: 1em 0;
		font-size: 3em;
	}
}
.company-news-articles-load-more{
	display: block;
	width: 100%;
	padding: 10px;
}

.latest-issue-image > img {
  max-width: 82% !important;
}