
/* RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@media screen {
	
	body {
		font-family: Barlow, sans-serif;
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
		position: relative;
		max-width: 100vw;
	}

	*, *:before, *:after {
		box-sizing: border-box;
	}
	
	.row {
		width: 1170px;
		text-align: left;
		margin: 0 auto;
	}
	
	.row_1030 {
		width: 1030px;
		text-align: left;
		margin: 0 auto;
	}
	
	.row_830 {
		width: 830px;
		text-align: left;
		margin: 0 auto;
	}
	
	b {
		font-weight: 700;
	}
	
	h1 {
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 48px;
		line-height: 46px;
		letter-spacing: -0.01em;
		color: #000000;		
		margin: 0 0 32px 0;
	}
	
	h2 {
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 400;
		font-size: 36px;
		line-height: 39px;
		color: #000000;
		margin: 0 0 32px 0;
	}
	
	p {
		margin-bottom: 2rem;
	}
	
	ul {
		list-style-type: disc;
		margin: 0 0 1.5em 30px;
	}
	
	ol {
		list-style-type: numeric;
		margin: 0 0 1.5em 30px;
	}
	
	.hide_on_desktop {
		display: none !important;
	}
	
	.waves {max-width: 100%; height: 19rem; margin: 1rem 0 3rem 0; background-image: url('images/waves.svg'); background-position-x: 90%; background-repeat: no-repeat; background-size: cover;}

	.waves {
		aspect-ratio: 3.15;
		height: auto;
		background-size: cover;
	}
	



	/* HEADER */
	
	header {
		padding: 30px 0 20px 0;
	}
	
	header .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.logo_desktop img {
		display: block;
	}
	
	.main_nav {
		text-align: right;
		height: 48px;
	}
	
	.main_nav ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.main_nav ul li {
		list-style-type: none;
		margin: 0 0 0 30px;
		position: relative;
	}
	
	.btn_cat {
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 30px;
		background-color: rgba(0,0,0,0);
		border: 0;
		-webkit-appearance: none;
		appearance: none;
		background-image: url(images/icon_arrow_down.svg);
		background-repeat: no-repeat;
		background-size: 8px 4px;
		background-position: right center;
		padding: 0 16px 0 0;
		margin: 8px 0 0 0;
		border-bottom: 2px solid #ffffff;
	}
	
	.btn_cat:hover, .btn_cat.dropped, .btn_cat.is_page {
		border-bottom: 2px solid #70C1FF;
	}
	
	.reg_nav_link {
		display: block;
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 30px;
		text-decoration: none;
		border-bottom: 2px solid #ffffff;
		margin: 8px 0 0 0;
	}
	
	.reg_nav_link:hover, .reg_nav_link.is_page {
		border-bottom: 2px solid #70C1FF;
	}
	
	.btn_contact {
		display: inline-block;
		height: 48px;
		background-color: #70C1FF;
		border-radius: 4px;
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 48px;
		transition: background-color .1s linear;
		padding: 0 20px;
		text-decoration: none;
	}
	
	.btn_contact:hover {
		background-color: #A4D7FF;
	}
	
	.cta {
		display: inline-block;
		height: 48px;
		background-color: #70C1FF;
		border-radius: 4px;
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 48px;
		transition: background-color .1s linear;
		padding: 0 20px;
		text-decoration: none;
	}
	
	.cta:hover {
		background-color: #A4D7FF;
	}
	
	.cta.download {
		height: auto;
		line-height: 20px;
		padding: 10px 20px 10px 54px;
		background-image: url(images/icon_download.svg);
		background-repeat: no-repeat;
		background-size: 14px 16px;
		background-position: left 20px center;
	}

	.category_button {
		display: inline-block;
		position: relative;
	}
	
	.main_nav .sub_menu {
		display: none;
		min-width: 200px;
		position: absolute;
		top: 50px;
		right: 0;
		background: #FFFFFF;
		border: 1px solid #DDDDDF;
		box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		text-align: left;
		padding: 1.25rem 0;
		z-index: 1;
	}
	
	.main_nav .sub_menu ul {
		list-style-type: none;
		margin: 0;
		text-align: left;
	}	
	
	.main_nav .sub_menu li {
		list-style-type: none;
		display: block;
		margin: 0;
	}	
	
	.sub_menu a {
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		border-width: 1px 0px;
		border-style: solid;
		border-color: #FFFFFF;
		white-space: nowrap;
	}	
	
	/*
	.sub_menu li:first-of-type a, .sub_menu_mobile li:first-of-type a {
		border-width: 0 0 1px 0;
	}
	
	.sub_menu li:last-of-type a, .sub_menu_mobile li:last-of-type a {
		border-width: 1px 0 0 0;
	}
	*/
	
	.sub_menu a:hover, .sub_menu_mobile a:hover {
		background-color: #FAFAFB;
		text-decoration: underline;
		border-color: #DDDDDF;
		text-decoration: none;
	}
	
	.sub_menu.dropped, .sub_menu_mobile.dropped {
		display: block;
		opacity: 1;
	}
	
	.sub_menu .cta {
		display: inline-block;
		border-width: 0 !important;
		height: 48px;
		line-height: 48px;
		padding: 0 16px;
		margin: 1.25rem 0  0 16px;
	}
	
	.sub_menu .cta:hover {
		background-color: #A4D7FF;
	}
	
	
	/* HOME */
	
	.home_intro .row_830 {
		padding: 70px 0 0 330px;
	}
	
	.home_intro h1 {
		font-weight: 700;
		font-size: 48px;
		line-height: 46px;
		letter-spacing: -0.01em;
		margin: 0 0 32px 0;
	}
	
	.full_width_image {
		height: 600px;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 90px 0;
		position: relative;
		transition: all .15s ease-in-out;
		opacity: 0;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.full_width_image.c_1, .full_width_image.c_2, .full_width_image.c_3 {
		opacity: 1;
	}
	
	.controls {
		z-index: 7;
		margin: 0 0 30px 0;
		display: flex;
		flex-wrap: nowrap;
	}
	
	.slides {
		border-radius: 4px;
		background-color: #5a7c90;
		filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5));
		display: flex;
		padding: 14px 16px;
		justify-content: center;
		align-items: center;
		gap: 12px;
		align-self: stretch;
		margin: 0 12px 0 0;
	}
	
	.slide_dot {
		width: 9px;
		height: 9px;
		border-radius: 50px;
		background-color: #000000;
		opacity: 0.3;
	}
	
	.slide_dot.active {
		opacity: 1;
		background-color: #ffffff;
	}
	
	.slide_dot:last-of-type {
		margin: 0;
	}
	
	#pp {
		display: flex;
		width: 36px;
		height: 36px;
		padding: 14px;
		background-color: #5a7c90;
		justify-content: center;
		align-items: center;
		border-radius: 4px;
		margin: 0;
		border: 0;
		background-image: url(images/icon_pause.png);
		background-repeat: no-repeat;
		background-size: 36px 36px;
		background-position: center center;
		filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5));
	}
	
	#pp.pause {
		background-image: url(images/icon_pause.png);
	}
	
	#pp.play {
		background-image: url(images/icon_play.png);
	}
	
	.home_content .row_830 {
		padding: 0 0 70px 0;
	}
	
	.feature_block {
		margin: 0 0 130px 0;
	}
	
	.feature_block .row_830 {
		text-align: center;
	}
	
	.feature_block p {
		text-align: center;
		margin: 0 0 12px 0;
	}
	
	.feature_block h2 {
		text-align: center;
		margin: 12px 0 48px 0;
	}
	
	.feature_block img {
		display: block;
		max-width: 100%;
		border-radius: 8px;
		margin: 0 0 48px 0;
	}
	
	.home_categories {
		margin: 0 0 70px 0;
	}
	
	.category_blocks {
		display: grid;
		grid-template-columns: 320px 320px 320px;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.category_block {
		border: 1px solid #DDDDDF;
		border-radius: 8px;
		transition: all .1s ease-in;
	}
	
	.category_block:hover .cat_link a span {
		text-decoration: underline;
	}
	
	.category_block:hover .cat_link {
		background-color: #FAFAFB;
	}
	
	.cat_image {
		height: 210px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		border-bottom: 1px solid #DDDDDF;
		border-radius: 8px 8px 0 0;
	}
	
	.cat_image a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.cat_link {
		height: 60px;
		line-height: 60px;
		padding: 0 20px;
	}
	
	.cat_link a {
		display: block;
		width: 100%;
		background-image: url(images/icon_plus.svg);
		background-repeat: no-repeat;
		background-size: 14px 15px;
		background-position: right center;
		text-decoration: none;
	}
	
	
	
	/* CATEGORIES */
	
	.category_columns {
		padding: 70px 0;
		min-height: calc(100vh - 420px);
	}
	
	.page-template-default .category_columns {
		min-height: 0;
	}
	
	.category_columns .row_1030 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.category_columns + .home_categories {
		padding: 40px 0 0 0;
	}
	
	.cat_left {
		width: 270px;
		flex: 0 0 auto;
	}
	
	.cat_right {
		width: 600px;
		flex: 0 0 auto;
	}
	
	.cat_right img {
		display: block;
		border-radius: 8px;
		margin: 0 0 2rem 0;
		max-width: 100%;
	}
	
	.hr {
		border-bottom: 1px solid #A4D7FF;
		padding: 40px 0 0 0;
		margin: 0 0 40px 0;
	}
	
	.cl_small {
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;		
		color: #5D5C61;
	}
	
	.cl_large {
		font-weight: 400;
		font-size: 28px;
		line-height: 30px;	
		margin: 0 0 30px 0;
	}

	.cat_left img {
		display: block;
		max-width: 100%;
		margin: 40px 0 0 0;
	}
	
	
	
	/* SIDEBAR */
	
	.small_sidebar_text {
		color: #5D5C61;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.125rem;
		letter-spacing: -0.00875rem;
		margin: 0 0 1.88rem 0;
	}
	
	

	
	/* QUALITY AND SUSTAINABILITY */
	
	.outlined_block {
		margin: 0 0 40px 0;
		border: 1px #dddddf solid;
		border-radius: 8px;
	}
	
	.outlined_block:first-of-type {
		margin: 40px 0;
	}	
	
	.ob_heading {
		background-color: #fafafb;
		border-bottom: 1px #dddddf solid;
		padding: 10px 16px;
		font-size: 20px;
		line-height: 24px;
	}
	
	.ob_content {
		padding: 16px;
		font-size: 0.875rem;
	}
	
	.ob_content p {
		margin: 0 0 1.25rem 0;
	}
	
	.ob_content p:last-of-type {
		margin: 0;
	}
	
	.ob_content .cta {
		margin: 1.25rem 0 0 0;
	}
	
	
	
	/* NEWS */
	
	.news_blocks {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 2.5rem;
		row-gap: 1.88rem;
		margin: 2.5rem 0 0 0;
	}
	
	.news_block img {
		display: block;
		width: 100%;
		margin: 0 0 1.46rem 0;
		border-radius: 5px;
	}
	
	.news_title {
		display: block;
		color: #272626;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.1875rem;
		text-decoration: none;
		padding: 0 0.46rem 0.75rem 0.46rem;
	}
	
	.news_link:hover + .news_title, .news_title:hover {
		text-decoration: underline;
	}
	
	.news_date {
		color: #272626;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 0.9375rem; /* 125% */
		letter-spacing: -0.0075rem;
		padding: 0 0.46rem;
	}
	
	.news_date.single_news {
		padding: 0 0 2.5rem 0;
	}
	
	.main_news_image {
		display: block;
		max-width: 100%;
		border-radius: 5px;
		margin: 0 0 2.5rem 0;
	}
	
	.featured_news_heading {
		color: #5D5C61;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.125rem; /* 128.571% */
		letter-spacing: -0.00875rem;
	}
	
	.featured_news {
		margin: 0 0 3.75rem 0;
	}
	
	.featured_news_block {
		border-bottom: 1px #A4D7FF solid;
		padding: 1.25rem 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.featured_news_block:last-of-type {
		border-bottom: none;
	}
	
	.fnb_left {
		width: 70px;
		height: 70px;
		flex: 0 0 auto;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	
	.fnb_left a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.fnb_left:hover + .fnb_right .news_title {
		text-decoration: underline;
	}
	
	.fnb_right {
		width: 180px;
		flex: 0 0 auto;
	}
	
	.fnb_right .news_title {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.125rem; /* 128.571% */
		letter-spacing: -0.00875rem;
		padding: 0;
	}
	
	.fnb_right .news_date {
		padding: 0.2rem 0 0 0;
	}
	
	
	/* LOGIN */
	
	#loginform-custom label {
		display: block;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 0.9375rem; /* 125% */
		letter-spacing: -0.0075rem;
		margin: 0 0 5px 0;
	}
	
	input[type="text"], input[type="password"], input[type="email"] {
		border-radius: 0.125rem;
		border: 1px solid #253746;
		background-color: #FFF;
		width: 100%;
		height: 40px;
		padding: 0 10px;
		line-height: 40px;
	}
	
	#wp-submit, .gform_button {
		display: inline-block;
		height: 48px;
		background-color: #70C1FF;
		border-radius: 4px;
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 48px;
		transition: background-color .1s linear;
		padding: 0 20px;
		text-decoration: none;
		border: 0;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	
	.gform_button {
	 margin: 20px 0 0 0;
	}
	
	.gfield--type-section {
		border: 0 !important;
	}
	
	.gsection_title {
		font-family: Barlow;
		font-size: 2.25rem;
		font-style: normal;
		font-weight: 400;
		line-height: 2.4375rem; /* 108.333% */
		margin: 20px 0 0 0;
	}
	
	.gform_wrapper.gravity-theme .gfield_label {
		font-size: 14px !important;
		font-weight: 400 !important;
		margin-bottom: 3px !important;
	}
	
	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
		font-size: 14px !important;
		padding-top: 3px !important;
	}
	
	.gform_required_legend {
		display: none;
	}
	
	textarea {
		font-family: Barlow, sans-serif;
		padding: 10px;
	}
	
	
	/* CONTACT */
	
	.contact .cat_left {
		font-size: 14px;
		width: 180px;
	}
	
	.contact .cat_left a {
		line-height: 1.9;
		font-weight: 700;
		text-decoration: none;
	}
	
	.contact .cat_left a:hover {
		text-decoration: underline;
	}
	
	.contact .cat_left p {
		border-bottom: 1px solid #A4D7FF;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
	}
	
	.contact .cat_left p:last-of-type {
		border-bottom: 0;
		padding: 0;
		margin: 0;
	}
	
	
	
	
	/* FOOTER */
	
	footer .row {
		background-color: #F2F9FF;
		border: 1px solid #CBE8FF;
		border-radius: 16px 16px 0px 0px;
		padding: 70px;
	}
	
	.footer_row_1 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.footer_logo {
		width: 170px;
		flex: 0 0 auto;
	}
	
	.footer_menu {
		width: 170px;
		flex: 0 0 auto;
	}
	
	.footer_menu ul {
		list-style-type: none;
		margin: 0;
	}
	
	.footer_menu li {
		margin: 0 0 12px 0;
	}
	
	.footer_menu a {
		font-weight: 700;
		font-size: 16px;
		line-height: 19px;
		color: #000000;
		text-decoration: none;
	}
	
	.footer_menu a:hover {
		text-decoration: underline;
	}
	
	.footer_tagline_address {
		width: 430px;
		flex: 0 0 auto;
	}
	
	.footer_tagline {
		font-size: 28px;
		line-height: 30px;	
	}

	.footer_icon {
		width: 27px;
		flex: 0 0 auto;
	}
	
	.address_tel, .footer_offices {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
	}
	
	.footer_address {
		width: 200px;
		flex: 0 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.footer_address b, .footer_tel b, .footer_offices b {
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 17px;
		padding: 0 0 5px 0;
	}
	
	.footer_tel {
		width: 200px;
		flex: 0 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.footer_row_2 {
		font-family: 'Barlow';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
	}
	
	.footer_row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.footer_offices {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.footer_offices div.tel {
		width: 200px;
	}
	
	.footer_offices div.pin {
		width: 230px;
	}
	
	.footer_offices div.tel p {
		padding: 0 0 0 32px;
		background-image: url(images/icon_tel.svg);
		background-repeat: no-repeat;
		background-size: 17px 17px;
		background-position: left top;
	}
	
	.footer_offices div.pin p {
		padding: 0 0 0 32px;
		background-image: url(images/icon_pin.svg);
		background-repeat: no-repeat;
		background-size: 13px 18px;
		background-position: left top;
	}
	
	.footer_logo {
		width: 338px;
		flex: 0 0 auto;
	}
	
	.footer_tagline {
		width: 690px;
		flex: 0 0 auto;
	}
	
	.footer_menu {
		width: 338px;
		flex: 0 0 auto;
	}
	
	.footer_offices {
		width: 690px;
		flex: 0 0 auto;
	}
	
	
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

	.row, .row_1030 {
		width: 970px;
	}

	.category_blocks {
		display: grid;
		grid-template-columns: 310px 310px 310px;
		column-gap: 20px;
		row-gap: 20px;
	}

	footer .row {
		padding: 70px 50px;
	}
	
	.footer_logo, .footer_menu {
		width: 230px;
	}
	
	.footer_tagline, .footer_offices {
		width: 630px;
	}
	
	.footer_offices div.tel {
		width: 180px;
	}
	
	.footer_offices div.pin {
		width: 230px;
	}
	
	.footer_offices div.tel p, .footer_offices div.pin p {
		padding: 0 0 0 24px;
	}
	

}


@media screen and (max-width: 1023px) {
	
	.hide_on_desktop {
		display: block !important;
	}
	
	.hide_on_mobile {
		display: none !important;
	}
	
	.row, .row_1030, .row_830 {
		width: calc(100vw - 30px);
		margin: 0 auto;
	}

	header {
		padding: 30px 0;
	}

	header .row {
		flex-wrap: wrap;
	}
	
	.desktop_logo {
		padding: 7px 0 0 0;
	}

	#burger {
		width: 48px;
		height: 48px;
		background-image: url(images/btn_mm_open.png);
		background-repeat: no-repeat;
		background-size: 48px 48px;
		background-position: center center;
	}
	
	#burger.dropped {
		background-image: url(images/btn_mm_close.png);
	}
	
	.main_nav {
		display: none;
		width: 100vw;
		height: auto;
		border-bottom: 1px solid #DDDDDF;
		padding: 30px 0;
		background-color: #ffffff;
		z-index: 9;
		text-align: left;
		margin: 0 0 0 -15px;
	}
	
	.main_nav ul {
		display: block;
		margin: 0;
	}	
	
	.main_nav ul li {
		margin: 0 0 20px 15px;
	}
	
	.btn_cat {
		margin: 0;
	}
	
	.main_nav nav {
		width: 100vw;
	}
	
	.main_nav .sub_menu {
		position: static;
		width: 100vw;
		border-radius: 0;
		border: 0;
		box-shadow: none;
		background-color: #FAFAFA;
		border-top: 1px solid #DDDDDF;
		border-bottom: 1px solid #DDDDDF;
        margin: 20px 0 20px -15px;
	}
	
	.btn_cat:hover, .btn_cat.dropped, .btn_cat.is_page {
		border-bottom: 0;
	}
	
	.reg_nav_link:hover, .reg_nav_link.is_page {
		border-bottom: 0;
	}

	.sub_menu a {
		padding: 12px 0 12px 15px;
		border-width: 0;
	}

	.sub_menu .cta {
		margin: 1.25rem 0 0 15px;
	}

	.home_intro .row_830 {
		padding: 40px 0 60px 0;
	}	
	
	.full_width_image {
		margin: 30px 0 90px 0;
	}
	
	.home_content .row_830 {
		padding: 0 0 40px 0;
	}
	
	.category_blocks {
		display: block;
	}
	
	.category_block {
		width: 100%;
		margin: 0 0 20px 0;
	}
		
	.category_columns {
		padding: 0;
		min-height: auto;
	}
	
	.category_columns .row_1030 {
		flex-direction: column;
	}
	
	.news_blocks {
		column-gap: 8px;
		row-gap: 30px;
	}
	
	.fnb_right {
		width: calc(100% - 90px);
	}
	
	.cat_left {
		width: 100%;
		order: 2;
		margin: 0 0 60px 0;
	}
	
	.cat_right {
		width: 100%;
		order: 1;
		margin: 40px 0;
	}
	
	.contact .cat_left {
		text-align: left;
		width: 100%;
	}
	
	.contact .cat_right {
		margin: 40px 0 10px 0;
	}
	
	footer .row {
		padding: 40px 30px;
	}
	
	.footer_row_1 {
		flex-direction: column;
	}
	
	.footer_tagline_address {
		order: 1;
		width: 100%;
		margin: 0 0 60px 0;
	}
	
	.footer_menu {
		order: 2;
		width: 100%;
		margin: 0 0 60px 0;
	}
	
	.address_tel {
		flex-direction: column;
	}
	
	.footer_address {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	.footer_tel {
		width: 100%;
	}
	
	.footer_logo {
		order: 3;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.waves {
		height: 15rem;
		margin: 0 0 1rem 0 !important;
		background-position: center !important;
		background-size: cover;
	}

	.cat_left img {
		margin: 40px auto 0 auto;
		text-align: center;
	}
	
	.footer_row {
		flex-direction: column;
	}
	
	.footer_logo {
		width: 100%;
		order: 4;
	}
	
	.footer_tagline {
		width: 100%;
		order: 1;
	}
	
	.footer_menu {
		width: 100%;
		order: 3;
		margin: 0 0 30px 0;
	}
	
	.footer_offices {
		width: 100%;
		order: 2;
		display: block;
		margin: 0 0 20px 0;
	}
	
	.footer_offices div.tel {
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.footer_offices div.pin {
		width: 100%;
		margin: 0;
	}
	
	
}
