@font-face {
    font-family: 'ABCMonumentGroteskSemi-Mono-Regular';
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Regular-Trial.otf');
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Regular-Trial.woff2') format('woff2'),
         url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Regular-Trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ABCMonumentGroteskSemi-Mono-Light';
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Light-Trial.otf');
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Light-Trial.woff2') format('woff2'),
         url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Light-Trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ABCMonumentGroteskSemi-Mono-Medium';
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Medium-Trial.otf');
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Medium-Trial.woff2') format('woff2'),
         url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Medium-Trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ABCMonumentGroteskSemi-Mono-Bold';
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Bold-Trial.otf');
    src: url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Bold-Trial.woff2') format('woff2'),
         url('fonts/ABC-Monument-Grotesk-Semi-Mono/ABCMonumentGroteskSemi-Mono-Bold-Trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ABCMonumentGrotesk-Regular-Trial';
    src: url('fonts/ABC-Monument-Grotesk/ABCMonumentGrotesk-Regular-Trial.otf');
    src: url('fonts/ABC-Monument-Grotesk/ABCMonumentGrotesk-Regular-Trial.woff2') format('woff2'),
         url('fonts/ABC-Monument-Grotesk/ABCMonumentGrotesk-Regular-Trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




:root{
	--oxara_p_01: #96846C;
	--oxara_p_02: #B8AD97;
	--oxara_p_03: #CDCEC9;
	--oxara_p_a_01: #4B3D33;

	--oxara_s_01: #BF684D;
	--oxara_s_02: #C2925B;
	--oxara_s_03: #DEAD76;
	--oxara_s_a_01: #844936;
	
	--oxara_s_04: #849276;
	--oxara_s_05: #9AAB89;
	--oxara_s_06: #B0C49B;
	--oxara_s_a_04: #3B4135;	
	
	--oxara_s_07: #3C7B87;
	--oxara_s_08: #5199A7;
	/* --oxara_s_09: #6AB3C1; */
	--oxara_s_09: #5199a7;
	--oxara_s_a_07: #244C54;		
}




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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }

:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

::selection {
	background: #000000;
	color: #ffffff;
}

/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {		
	overflow-y: scroll;
	background-color: #CDCEC9;
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 17px;
	line-height: 1.32;
	color: var(--oxara_p_a_01);
}

body.home {
	background-color: var(--oxara_s_04);
	color: #ffffff;
}

body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;
    }

td  {
    vertical-align : top;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

strong, 
b{
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
}
a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a.round-button {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: center;
		
	width: auto;
	height: auto;
	
	margin: 30px 0 0;	
	padding: 18px 30px 15px;
	border-radius: 25px;
	border: solid 1px color-mix(in srgb, var(--oxara_p_a_01) 25%, transparent);
	border: solid 1px var(--oxara_p_a_01);
	color: currentColor;
	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	
	transition: all .3s ease;
	display: inline-block;	
	
}
body.home a.round-button,
footer a.round-button {
	border: solid 1px #fff;		
}

a.round-button:hover {
	border: solid 1px color-mix(in srgb, var(--oxara_p_a_01) 25%, transparent);
	color: var(--oxara_s_a_04);
	background-color: color-mix(in srgb, var(--oxara_s_a_07) 30%, transparent); 
}
body.home a.round-button:hover,
footer a.round-button:hover {
	color: var(--oxara_s_a_04);
	border: solid 1px #fff;
	background-color: rgba(237, 237, 237, 0.3); 
}



a.action-button {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: center;
		
	width: auto;
	height: auto;
	
	margin: 10px 0 0;	
	padding: 18px 64px 15px;
	border-radius: 25px;

	border: none;
	background-color: color-mix(in srgb, var(--oxara_s_a_07) 80%, transparent);
	color: white;
	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	
	transition: all .3s ease;
	display: inline-block;	
	
}

a.action-button:hover {
	border: none;
	background-color: color-mix(in srgb, var(--oxara_p_a_01) 90%, transparent);
}



p {
	margin-bottom: 15px;
	
}

ul li > p:last-child,
.testimonials .items .text > p:last-child {
	margin-bottom: 0;
}


p > a,
.transformer-text a:not(.round-button):not(.action-button) {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 96%;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--oxara_p_a_01);
	
}
p > a:hover,
.transformer-text a:not(.round-button):not(.action-button):hover {
	text-decoration: none;
}


h1,
.h1 {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 63px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.99;
	letter-spacing: normal;
	text-align: left;
	color: currentColor;
	
	margin-bottom: 30px;
}

h2,
.lead {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.15;
	letter-spacing: 1.98px;
	text-align: left;
	
	text-transform: uppercase;	
	margin-bottom: 20px;
}


h3 {
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	font-size: 22px;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: left;
			
	margin-bottom: 20px;
	
}


.subtitle {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: left;
	color: currentColor;
	text-transform: uppercase;	
	margin-bottom: 10px;
}

.caption {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	text-align: left;
	color: currentColor;
	margin-top: 5px;
}


.blue-text {
	color: var(--oxara_s_08);
}

.quotation {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;	
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: 1.98px;
	text-align: left;
	text-transform: uppercase;		
	margin-bottom: 10px;
	margin-top: 70px;
	padding: 0 20px;
	position: relative;
}
.quotation::before {	
	content: '';	
	width: 31px;
	height: 27px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -50px;	
	
	
	background-image: url('/includes/icons/quotation_mark.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}












div.wrapper{
	margin: 0 auto;
    position: relative;
    width: 100%;
	height: 100%;
}

header{
	width: 100%;
	height: auto;
	min-height: 130px;
	display: flex;	
	justify-content: center;	
	
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	
	transition: all .3s ease;
	
	background-color: var(--oxara_s_a_07);
	color: #ffffff;
}

header .wrap {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;		
	justify-content: space-between;
	box-sizing: border-box;
	padding: 36px 20px 0;
	
	transition: all .3s ease;
}


header div.logo{
	height: 100%;
	margin: 5px 0 0;
}

header div.logo a{
	display: block;
	
}



/* Meta menu */
header ul.nav-menu-meta{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;  
	margin-bottom: 10px;
}
header ul.nav-menu-meta > li {
	display: flex;
	flex-direction: column;	
	width: auto;
	color: #ffffff;
	padding: 0 15px;

	border-left: 1px solid var(--oxara_s_09);
	border-right: 1px solid var(--oxara_s_09);
	margin-left: -1px;
	
}
header ul.nav-menu-meta > li > a {
	text-decoration: none;	
	display: flex;
	align-items: center;
	height: auto;
	color: #ffffff;
	text-transform: lowercase;
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.39px;
	text-align: right;
	color: var(--oxara_s_09);
	
}
header ul.nav-menu-meta > li:hover > a,
header ul.nav-menu-meta > li.active > a {
	
}








/* Base menu */
header ul.nav-menu{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly; 
}
header ul.nav-menu > li {
	display: flex;
	flex-direction: column;	
	width: auto;
	min-width: 116px;
	color: #ffffff;
	padding-right: 10px;
	margin-right: 20px;
}

header ul.nav-menu > li:last-child {
	padding-right: 0;
	margin-right: 0;
	min-width: auto;
}
header ul.nav-menu > li > a,
header ul.nav-menu > li > span {
	text-decoration: none;	
	display: flex;
	align-items: center;
	height: 38px;
	color: #ffffff;
	text-transform: lowercase;
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.3px;
}

header ul.nav-menu > li > span,
header ul.nav-menu-meta > li > span {
	text-transform: none;
	text-shadow: 1px 0 0 currentColor;
}

header ul.nav-menu > li:hover > a,
header ul.nav-menu > li.active > a,
header ul.nav-menu > li:hover > span,
header ul.nav-menu > li.active > span {
	/* font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	letter-spacing: 2.1%; */
	text-shadow: 1px 0 0 currentColor;
}

header ul.nav-menu > li ul {
	/* display: none;  */
	position: relative;
	padding: 0;
	margin-bottom: 30px;
	text-align: left;
	z-index:5;
	width: 100%;
	height: 0;
	top: -30px;
	opacity: 0;
	display: block; 
	
	transition: top .3s ease;
} 

header ul.nav-menu.active li ul {
	/* display: block; */ 
	top: 0;
	height: auto;
	opacity: 1;
}


header ul.nav-menu > li ul li {
	display: block;
	color: inherit; 
	padding: 0;
}

header ul.nav-menu > li ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0 0 6px 0;
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 13px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
}

header ul.nav-menu > li ul li:hover a,
header ul.nav-menu > li ul li.active a {
	/* font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	letter-spacing: 2.1%; */	
	text-shadow: 1px 0 0 currentColor;
}


header ul.nav-menu > li:hover ul {
    display: block; 
}













header + .nav-menu-mobile + *{
	margin-top: 130px;
}






.content_wrapper {
	padding-bottom: 0;
	padding-top: 28px;
	display: flex;
	flex-direction: column;
	width: 100%;
	
	align-items: center;
	
}


div.breadcrumb {
	max-width: 1130px;
	width: 100%;
	line-height: 12px;
	overflow: hidden;
	margin: 50px auto 15px;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
}
div.breadcrumb a,
div.breadcrumb span {
	padding: 0 15px 0 0;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	letter-spacing: 2.4px;
	text-align: left;
	color: #4b3d33;
	
	text-transform: uppercase;
}





.content_wrapper .base_wrap {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	
	box-sizing: border-box;
	padding: 0 20px;
}


.content_wrapper ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.content_wrapper ol {
	list-style: numeric;
	padding-left: 24px;
	margin: 20px 0;
}

.content_wrapper ul li {
	position: relative;
	padding-left: 24px;
}

.content_wrapper ul li::before {
	content: "\002192";
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-family: 'ABCMonumentGrotesk-Regular-Trial', Arial;
	
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	
	font-size: 18px;
	line-height: 1;
	
	
}


body.team .content_wrapper .base_wrap > * {
	max-width: 750px;
}


body.team .content_wrapper .base_wrap .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	max-width: 750px;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	margin: 20px 0 30px;
	
	transition: all .6s ease;
}

body.team .content_wrapper .base_wrap .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}



/* Module HomeHeader */

.home_header {
	display: flex;
	justify-content: center;
	height: 210px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}
.home_header .wrap {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: center;
	
	padding: 0 20px;
}

.home_header .title {
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
}
.home_header .subtitle {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: left;
	text-transform: uppercase;	
	color: var(--oxara_p_03);
}



	
/***** Module Transformer *****/

div.transformer {
	display: flex;
	width: 100%;
	margin: 0 auto 50px;			
}
div.transformer.nomargin {	
	margin: 0 auto;			
}
div.transformer-wrapper {
	display: flex;
	margin: 0 auto;
	width: 100%;
	
}

div.transformer .col1 {
	padding: 0 16px 0 0;
	float: left;
}

div.transformer .col2 {
	padding: 0 0 0 16px;
	
}
div.transformer .col1:last-of-type {
	padding: 0;
	margin-bottom: 0;
}


div.transformer-image {
	width: 100%;
	margin: 0;
	height: auto;
	display: flex;
}
div.transformer-image img {
	width: 100%;
	float: left;
}
div.transformer-text {
	max-width: 1090px;
	width: 100%;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: left;

}

div.transformer-text > p:last-child {
	margin-bottom: 0;
}

div.transformer .caption {
	display: flex;
	align-self: flex-start;
	
	width: 100%;
	margin:	10px auto;
	height: auto;
	display: block;	
}


/***** 1 column wider content width  (.transformer1) *****/
div.transformer1 div.transformer-wrapper {	
	width: 100%;
	max-width: 1352px;
	padding: 0 20px;
	box-sizing: border-box;
}

div.transformer1 .col1 {
	width: 100%;	
}
div.transformer1 .caption {	
	width: 100%;
	
	margin:10px auto;
	height: auto;
	display: block;
}


/*****  2 columns content width (.transformer2) *****/
div.transformer2 div.transformer-wrapper {	
	width: 100%;
	max-width: 1090px;	
	padding: 0 20px;
}
div.transformer2 .col1 {
	width: 50%;	
}	
div.transformer2 .col2 {
	width: 50%;	
}
div.transformer2 .col1 .transformer-text {
	width: 100%;
}
div.transformer2 .col2 .transformer-text {
	width: 100%;	
}

/* div.transformer2 .transformer-text p {
	max-width: 415px;
}
 */
div.transformer2 div.transformer-image {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
}


div.transformer2 div.transformer-image img {	
	width: 100%;
	height: auto;
	float: left;
}

div.transformer2 + div.transformer2 {
	margin-top: -20px;
	
}


/*****  2 columns content width with paterns (.transformer3) *****/
div.transformer3 div.transformer-wrapper {	
	width: 100%;
	max-width: 1090px;	
	padding: 0 20px;
}
div.transformer3 .col1 {
	width: 50%;	
}	
div.transformer3 .col2 {
	width: 50%;	
}
div.transformer3 .col1 .transformer-text {
	width: 100%;
}
div.transformer3 .col2 .transformer-text {
	width: 100%;	
}

div.transformer3 .transformer-text p {
	max-width: 415px;
}

div.transformer3 div.transformer-image {
	width: 100%;
	min-height: 356px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	margin: 0;
	position: relative;
}
div.transformer3 div.transformer-image.type2 {	
	justify-content: flex-start;
}

div.transformer3 div.transformer-image img {
	max-height: 312px;
	width: auto;
	max-width: 100%;
}

div.transformer3  div.transformer-image::before {
	content: '';
	width: 80%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	
	/* background-image: url('/includes/paterns/patern-transformer-2.svg'); 	
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	*/
	
	background-image: url('/includes/paterns/patern-header-content-1_w.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 356px;
	
}

div.transformer3 div.transformer-image.type2::before {
	width: 50%;

}




/***** 2 columns wider content width  (.transformer4) *****/
div.transformer4 {
	
}
div.transformer4 .transformer-wrapper {
	width: 100%;
	max-width: 1352px;
	padding: 0 20px;
	box-sizing: border-box;
	
}
div.transformer4 .col1 {
	width: 50%;	
	display: flex;
	flex-direction: column;
	align-items: center;
	
}	
div.transformer4 .col2 {
	width: 50%;	
	display: flex;
	flex-direction: column;
	align-items: center;
	
	
}
div.transformer4 .col1 .transformer-text {
	width: 100%;
	float: right;
	
}

div.transformer4 .col2 .transformer-text {
	width: 100%;
	float: left;
	
}




/*****  3 columns wider content width   (.transformer5) *****/
div.transformer5 {
	
}
div.transformer5 .transformer-wrapper {
	width: 100%;
	max-width: 1440px;
	display: flex;
	margin: 0 auto;
	padding: 0 20px;
}
div.transformer5 .col1,
div.transformer5 .col2,
div.transformer5 .col3 {
	width: calc(100% / 3);	
	margin: 0;
	padding: 0 16px;

	display: flex;
	align-items: center;
	flex-direction: column;
	
	box-sizing: border-box;
}	



div.transformer5 .transformer-text {
	padding: 30px 0 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

div.transformer5 div.transformer-image {
	
}
div.transformer5 div.transformer-image img {
	border: none;
}

div.transformer5 a.round-button {
	margin: 10px 0;
}



/*****  2/3rd content width left  (.transformer6) *****/
div.transformer6 .transformer-wrapper {
	width: 1090px;
	display: flex;
	margin: 0 auto;
	padding: 0 20px;	
}
div.transformer6 .col1 {
	width: calc(100%/3*2);	
}	
div.transformer6 .col2 {
	width: calc(100%/3);	
}
div.transformer6 .col1 .transformer-text {
	width: 100%;
	float: right;
}

div.transformer6 .col2 .transformer-text {
	width: 100%;
	float: left;
}


/*****  2 columns content width without cropping (.transformer7) *****/
div.transformer7 div.transformer-wrapper {	
	width: 100%;
	max-width: 1090px;	
	padding: 0 20px;
}
div.transformer7 .col1 {
	width: 50%;	
}	
div.transformer7 .col2 {
	width: 50%;	
}
div.transformer7 .col1 .transformer-text {
	width: 100%;
}
div.transformer7 .col2 .transformer-text {
	width: 100%;	
}

/* div.transformer7 .transformer-text p {
	max-width: 415px;
}
 */
div.transformer7 div.transformer-image {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
}


div.transformer7 div.transformer-image img {	
	width: 100%;
	height: auto;
	float: left;
}

div.transformer7 + div.transformer7 {
	margin-top: -20px;
	
}




/*****  2/3rd content width right   (.transformer8) *****/
div.transformer8 .transformer-wrapper {
	width: 1090px;
	display: flex;
	margin: 0 auto;
	padding: 0 20px;	
}
div.transformer8 .col1 {
	width: calc(100%/3);	
}	
div.transformer8 .col2 {
	width: calc(100%/3*2);	
}
div.transformer8 .col1 .transformer-text {
	width: 100%;
	float: right;
}

div.transformer8 .col2 .transformer-text {
	width: 100%;
	float: left;
}






/* Module Two Images */
.two_images {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 50px 0;

	background: #849276;
	background: linear-gradient(296deg, rgba(132, 146, 118, 1) 10%, rgba(36, 76, 84, 1) 100%);
}
.two_images .wrap {
	width: 100%;
	max-width: 1126px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.two_images .title,
.two_images .top-text > .h1 {
	max-width: 530px;
	text-align: center;		
	padding: 0 18px;
}
.two_images .top-text {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	line-height: 1.32;
	max-width: 640px;
	text-align: center;	
	margin-bottom: 50px;
	padding: 0 18px;
	
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.two_images .top-text > * {
	text-align: center;	
}

.two_images .items {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.two_images .items .item-1,
.two_images .items .item-2 {
	max-width: 525px;
	max-height: 318px;
	
	width: calc(100% / 2 - 36px);
	height: auto;
	
	aspect-ratio: 5 /3;
	
	margin: 0 18px;	
			
	overflow: hidden;	
	position: relative;	
			
	transition: all .6s ease;
}

.two_images .items .img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
		
	transition: all .6s ease;
}

.two_images .items .image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
		
	transition: all .6s ease;
}

/* .two_images .items .image:hover {
	transform: rotate(1deg);
} */


.two_images .items .with-link:hover .image {
	transform: scale(1.02);
}


.two_images .items a {
	text-decoration: none;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}
.two_images .items .text {
	text-align: center;
	margin: 0;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.two_images .items .text > p {
	margin: 0;
}



/* Module Our Impact */
.impact {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: 50px 0;
	
}
.impact .subtitle {
	text-align: center;
	margin-bottom: 30px;
	
}
.impact .patern {
	width: 100%;	
	height: 315px;
	
	background-image: url('/includes/paterns/patern-impact.svg');
	background-repeat: repeat-x;
	background-size: contain;
	
	background-image: url('/includes/paterns/patern-header-content-1_w.svg');
	background-repeat: repeat-x;
	background-size: auto 100%;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.impact .wrap {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;		
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


.impact .item {
	max-width: 248px;
	max-height: 248px;
	width: calc(100% / 3 - 30px);
	height: auto;
	aspect-ratio: 1 / 1;
	
	display: flex;		
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 15px;
	
	background-color: #D9D9D9;
	border-radius: 50%;
	
	color: var(--oxara_p_a_01);
	
	justify-content: space-around;
	justify-content: center;
	padding: 20px 50px 10px;
	box-sizing: border-box;
}

.impact .item .text {
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	/* margin-bottom: 10px; */
	
	padding: 13px 0;
	height: auto;
	position: relative;
}
.impact .item .text::before {
	content: '';
	background-color: var(--oxara_p_a_01);
	width: 80px;
	height: 2px;
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	margin: auto;
}

.impact .item .text p {
	margin: 0;
}

.impact .item .number-wrap {
	height: 40%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.impact .item .before,
.impact .item .after,
.impact .item .numbers {
	font-size: 64px;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.impact .item .icon {
	max-width: 96px;
	height: auto;	
}

.impact .item .icon img {
	width: 100%;
	height: auto;	
}





/* Module Testimonials */
.testimonials {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: 0 0 15px;
	
}
.testimonials .wrap {
	width: 100%;
	max-width: 1150px;
	height: 100%;
	display: flex;		
	flex-direction: row;
	justify-content: center;
}


.testimonials .items {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-direction: row;
	justify-content: center;		
}

.testimonials .items .item {
	width: calc(100% / 3);
	max-width: 383px;
	height: auto;
	margin: 0 30px;	
			
	overflow: hidden;	
	position: relative;	
	
	display: flex;
	flex-direction: column;	
	align-items: center;
}

.testimonials .items .item .image {
	width: 156px;
	height: 156px;
	aspect-ratio: 1/1;
	overflow: hidden;
	
	border-radius: 50%;
		
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}



.testimonials .items a {
	text-decoration: none;
	
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}
.testimonials .items .name {
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	
	margin-top: 24px;
}

.testimonials .items .position {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	
	margin-bottom: 24px;
	text-align: center;
	
	min-height: 32px;
}


.testimonials .items .text {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	padding: 20px 15px;
	border-top: dashed 1px currentColor;
	
	width: 100%;
	box-sizing: border-box;
}




/* Module Header content */
.header_content {
	display: flex;
	flex-direction: column;	
	min-height: 198px;
	height: auto;
	width: 100%;

	box-sizing: border-box;
	padding: 0;	
	
	transition: all .3s ease;
}

.header_content .patern {
	min-height: 80px;
	display: flex;	
	flex: 1 0 0;
	height: 100%;
	width: 100%;
	
	background-repeat: repeat-x;
	background-position:center top;
	background-size: cover;
	
	transition: all .3s ease;
	
}
.header_content .content {
	display: flex;	
	height: 100%;
	width: 100%;
	justify-content: center;
	padding: 60px 20px 0;
	box-sizing: border-box;	
	
	transition: all .3s ease;
	
}
.header_content .wrap {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
		
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.95;
	letter-spacing: 0.6px;
}
.header_content .wrap > div {
	max-width: 540px;
}
.header_content .wrap p {
	margin: 0;
}



/* Module Banner (same as header content without the text) */
.banner {
	display: flex;
	flex-direction: column;	
	min-height: 198px;
	height: auto;
	width: 100%;

	box-sizing: border-box;
	padding: 0;	
	
	margin: 0 0 50px;
}

.banner.no-margins {
	margin: 0;
}

.banner.half-size {
	min-height: 80px;
}

.banner .patern {
	display: flex;	
	flex: 1 0 0;
	height: 100%;
	width: 100%;
	
	background-repeat: repeat-x;
	background-position:center top;
	background-size: cover;
	
}




/* Module Partners Home */
.partners_home {
	display: flex;
	justify-content: center;
	
	height: auto;
	width: 100%;
	margin: 0;
	padding: 50px 0;
	
	background: #849276;
	background: linear-gradient(296deg, rgba(36, 76, 84, 1) 0%, rgba(132, 146, 118, 1) 100%);
}
.partners_home .wrap {
	width: 100%;
	max-width: 1150px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.partners_home .items {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	
	margin-top:	20px;
}

.partners_home .items .item {
	width: auto;
	height: auto;
	max-height: 180px;
	margin: 26px;	
			
	overflow: hidden;	
	position: relative;	
	
	display: flex;
	flex-direction: column;	
	align-items: center;
	justify-content: center;
}

.partners_home .items .item img {
	max-width: 100%;
	height: auto;
	float: left;
	
}


/* Partners logos carousel */
@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.partners_home .logos {
	overflow: hidden;
	padding: 30px 0px;
	white-space: nowrap;
	position: relative;
	height: 75px;
	display: flex;
}





.partners_home .logo_items {
	display: flex;
	animation: 35s slides infinite linear;
}

.partners_home .logos:hover .logo_items {
	animation-play-state: paused;
}

.partners_home .logo_items img{
	height: 75px;
}









/* Module Partners circle */
.circles-wrapper {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: -14px 0 36px;

}
.circles-wrapper .wrap {
	width: 100%;
	max-width: 1346px;
	height: 100%;
	display: flex;		
	flex-direction: row;
	justify-content: flex-start;
	padding: 0 20px;
	box-sizing: border-box;
	
	flex-wrap: nowrap;
}
/* .circles-wrapper .wrap.wrapped {
	flex-wrap: wrap;
	max-width: 1090px;
} */
.circles-wrapper .wrap.wrapped {
	flex-wrap: wrap;
}


.circles-wrapper .wrap .circle {
	width: calc(100% / 6 - 28px);
	height: auto;
	/* aspect-ratio: 1/1; */
	margin: 14px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: white;
	padding: 16px;
	box-sizing: border-box;
}

.circles-wrapper .wrap.wrapped .circle{
	/* width: calc(100% / 5 - 30px);
	height: calc(100% / 5); */
}


.circles-wrapper .wrap .circle .image {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	
	/* border-radius: 50%; */
		
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.circles-wrapper .wrap .circle .image::after {
	content: '';
	display: block;
	padding-top: 100%;
}


.circles-wrapper .wrap .circle a {
	text-decoration: none;
	
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}





/* Module Booking */
.booking {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: 0;
	

}
.booking .wrap {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;		
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 30px 20px 25px;
    align-items: flex-end;
}



.booking .wrap .text {	
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
	width: calc(100% / 3 * 2);
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
}
.booking .wrap .text > p:last-child {
	margin-bottom: 0;
}

.booking .wrap .buttonLink {
	width: calc(100% / 3);		
	display: flex;
	flex-direction: column;	
	align-items: center;
	justify-content: center;
	
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: center;
	
	
	width: 310px;
	height: auto;
	
	margin: 0px 0 15px;	
	padding: 23px 30px 20px;
	border-radius: 39px;
	border: solid 1px color-mix(in srgb, var(--oxara_p_a_01) 25%, transparent);
	color: #ffffff;
	background-color: var(--oxara_s_a_07);
	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	
	transition: all .3s ease;
	display: inline-block;	
	box-sizing: border-box;
}

.booking .wrap .buttonLink:hover {	
	background-color: color-mix(in srgb, var(--oxara_p_a_01) 90%, transparent)
}




/* Module FAQ */
.faq {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: 0 0 50px;
	
	/* background-color: #8D9E7A; */
	background-color: #8a9e6f;
}
.faq .wrap {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;		
	flex-direction: column;	
	box-sizing: border-box;
	padding: 30px 20px;
}



.faq .wrap .title {	
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
	
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	font-size: 14px;
	letter-spacing: 2.8px;
	text-align: left;
	
	text-transform: uppercase;
	margin-bottom: 25px;
	
}






/* FAQ accordion */
.faq div.item div.btn { 
	font-size: 12px;
	line-height: 1.9;
	letter-spacing: 2.4px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	
	width: 100%;
	height: 100%;	
	box-sizing: border-box;
}




.faq div.item div.btn .head { 
	transition: all .3s ease; 
	
	font-size: 12px;
	line-height: 1.9;
	letter-spacing: 2.4px;
	color: #fff;
	
	
	text-transform: uppercase;
	padding: 0; 
	cursor:pointer; 
	

}

.faq div.item div.btn .head.selected {
	
}
.faq div.item .content {
	display:none; 
	width: 100%; 
	margin: 0 ; 
	overflow: hidden;  
	
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.56px;

}

.faq div.item .content .content-inner  { 
	margin: 20px 0 30px;
	max-width: 600px;
}

.faq div.item, 
.faq div.item > div:first-child, 
.faq div.item .content .content-inner > div:first-child {
	margin:0;
}
.faq div.item:last-child .content div.wrap:last-child { 	
	
}


.faq div.item + :not(.item) {
	margin-top: 50px !important;
}









/* Module Downloads */
.downloads {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;
	margin: 0 0 50px;
	/* background-color: #8D9E7A; */
	background-color: #8a9e6f;
}
.downloads .wrap {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;		
	flex-direction: column;	
	box-sizing: border-box;
	padding: 30px 20px;
}



.downloads .wrap .title {	
	display: flex;
	flex-direction: row;	
	align-items: flex-end;
	
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	font-size: 14px;
	letter-spacing: 2.8px;
	text-align: left;
	
	text-transform: uppercase;
	margin-bottom: 25px;
	
}

.downloads .wrap .items {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;		
	flex-direction: column;	
	box-sizing: border-box;	
}
.downloads .wrap .items .dw {
	font-size: 12px;
	line-height: 1.9;
	letter-spacing: 2.4px;
	color: #fff;
	text-transform: uppercase;
	
}
.downloads .wrap .items .dw a {
	font-size: 12px;
	line-height: 1.9;
	letter-spacing: 2.4px;
	color: #fff;
	text-transform: uppercase;
}




/* Wrapper Project teasers */
.project-teasers {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 0 0 34px;
	margin: -16px 0 6px;

}
.project-teasers .wrap {
	width: 100%;
	max-width: 1342px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}


.project-teasers .items {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;

	
}

.project-teasers .items .project {
	width: calc(100% / 3 - 32px);
	height: auto;
	max-width: 415px;
	max-height:450px;
	aspect-ratio: 11 / 12;	
	
	margin: 16px;	
			
	overflow: hidden;	
	position: relative;	
			
	transition: all .6s ease;
}

.project-teasers .items .img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
		
	transition: all .6s ease;
}


.project-teasers .items .image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
		
	transition: all .6s ease;
}




.project-teasers .items .with-link:hover .image {
	transform: scale(1.02);
}


.project-teasers .items a {
	text-decoration: none;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}
.project-teasers .items .text {
	text-align: center;
	margin: 0;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	padding: 30px 20px;
	box-sizing: border-box;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
	
}
.project-teasers .items .text .title {
	font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
}






/* Wrapper Team teasers */
.team-teasers {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 0;
}
.team-teasers .wrap {
	width: 100%;
	max-width: 1362px;
	height: 100%;
	display: flex;		
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}


.team-teasers .items {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	
	padding: 0 10px;
	box-sizing: border-box;
	
}

.team-teasers .items .team-item {
	max-width: 415px;
	width: 100%;
	height: auto;	
	
	margin: 0 16px 50px;	
			
	overflow: hidden;	
	position: relative;	
			
	transition: all .6s ease;
}



.team-teasers .items .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	max-width: 415px;
	width: 100%;
	height: auto;
	
	aspect-ratio: 415 / 530;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	transition: all .6s ease;
}

.team-teasers .items .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}



.team-teasers .items .with-link:hover .image {
	transform: scale(1.02);
}


.team-teasers .items a {
	text-decoration: none;
	color: #ffffff;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}
.team-teasers .items .text {
	text-align: center;
	margin: 0;
	color: #ffffff;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	padding: 10px 0;
	box-sizing: border-box;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #4b3d33;
	
}
.team-teasers .items .text .title {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.15;
	letter-spacing: 1.98px;
	text-transform: uppercase;
}





/* Module Gallery */
.gallery {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 0;
	margin: -16px 0 34px;

}
.gallery .wrap {
	width: 100%;
	max-width: 1342px;
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: row;	
}


.gallery .img-wrap {
	width: auto;
	height: 100%;
	max-height: 400px;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	
	margin: 16px;
	
	transition: all .3s ease;
}
.gallery .img-wrap img {
	width: auto;
	height: 100%;
	max-height: 400px;
	
	transition: all .3s ease;
}


/* Module Gallery with Highslide */
.gallery-highslide {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 0;
	margin: -16px 0 34px;
}
.gallery-highslide .wrap {
	width: 100%;
	max-width: 1120px;
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0 10px;	
}


.gallery-highslide .img-wrap {
	width: calc(100% / 3 - 32px);
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	
	margin: 16px;
	
	transition: all .3s ease;
}

.gallery-highslide .img-wrap .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	
	width: 100%;
	height: auto;	
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	transition: all .6s ease;
}

.gallery-highslide .img-wrap .image-holder::after {
	content: '';
	padding-top: 100%;
	display: block;	
	
	transition: all .6s ease;
}

.gallery-highslide .img-wrap .image-holder::before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	left: 0;
		
	opacity: 0;	
	
	background-image: url('/includes/icons/news-plus-3.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	
	transition: all .6s ease;
	
}

.gallery-highslide .img-wrap .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}


.gallery-highslide .img-wrap:hover .image {
	transform: scale(1.02);
}

.gallery-highslide .img-wrap:hover .image-holder::before {
	opacity: 0.5;
}

.fancybox__caption {
	font-size: 18px;
	color: #ffffff;
	
}




/* Module Home news */
.home-news {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 50px 0;
	margin: 0 0 50px;
	background-color: var(--oxara_s_a_07);
	
}

.home-news .wrap {
	width: 100%;
	max-width: 1382px;
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: column;	
	justify-content: center;
	align-items: flex-start;
	padding: 0 20px;
	box-sizing: border-box;
}

.home-news .wrap .subtitle {
	margin-bottom: 30px;
}

.home-news .wrap .items {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-wrap: wrap;	
}



.home-news .items .news-item {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	width: calc(100% / 3 );
	height: auto;
	margin: 0;	
			
	overflow: hidden;	
	position: relative;	
			
	transition: all .6s ease;
}



.home-news .items .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 207px;
	height: 185px;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	transition: all .6s ease;
}


.home-news .items .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}




.home-news .items a {
	text-decoration: none;
	color: currentColor;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	
}

.home-news .items .text {
	margin: 0;

	width: calc(100% - 207px);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
		
	padding: 0 30px 0 20px;	
}
	

.home-news .items .title {

	margin: 0;

	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	padding: 0;
	box-sizing: border-box;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	color: #ffffff;
	
}

.home-news .items .news-item .category_date {	
	width: 100%;

	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	color: #ffffff;
	
	margin-bottom: 10px;	
}




/* Module Newslist */
.newslist {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 0;

}
.newslist .wrap {
	width: 100%;
	max-width: 1362px;
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: column;	
	justify-content: center;
	align-items: center;
	
}


.newslist .head {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;	
	flex-direction: column;	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;

	padding: 0 20px;
	box-sizing: border-box;
}

.newslist .head > * {
	max-width: 915px;	
}

.newslist .wrap .categories {
	display: flex;
	margin: 34px 0 64px;
	padding: 0;	
	list-style: none;
}

.newslist .wrap .categories li::before {
	content: '';
	position: relative;
	width: 0;
	height: 0;
}

.newslist .wrap .categories li {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.3px;
	text-align: center;
		
	width: auto;
	min-width: 165px;
	height: 48px;
	
	margin: 0 17px 0 0;	
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 25px;
	border: solid 1px var(--oxara_s_07);
	color: currentColor;
	
	text-decoration: none;
	text-transform: uppercase;
	
	transition: all .3s ease;
	display: flex;	
	align-items: center;
	justify-content: center;		
}
.newslist .wrap .categories li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	text-decoration: none;
	color: var(--oxara_s_07);
	
	padding-top: 3px;
}

.newslist .wrap .categories li:hover,
.newslist .wrap .categories li.selected {
	/*border: solid 1px #C69B68;
	background-color: #C69B68; */
	
	border: solid 1px #c2925b;
	background-color: #c2925b; 
	
}

.newslist .wrap .categories li:hover a,
.newslist .wrap .categories li.selected a {
	color: #fff;	
}




.newslist .wrap .items {
	width: 100%;	
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: row;	
	flex-wrap: wrap;
	margin: 30px 0;

	padding: 0 10px;
	box-sizing: border-box;
}


.newslist .items .news-item {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	width: calc(100% / 3 - 32px);
	max-width: 415px;
	height: auto;
	margin: 30px 16px;	
			
	overflow: hidden;	
	position: relative;	
			
	transition: all .6s ease;
}



.newslist .items .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	max-width: 415px;
	width: 100%;
	height: auto;
	aspect-ratio: 415/230;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	transition: all .6s ease;
}

.newslist .items .image-holder:not(.placeholder)::before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	left: 0;
		
	opacity: 0;	
	
	background-image: url('/includes/icons/news-plus-3.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	
	transition: all .6s ease;
	
}

.newslist .items .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}

.newslist .items .image-holder.placeholder .image .title-overlay {
	color: white;
	text-align: center;
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 35px;
	line-height: 1.2;
	opacity: 0;
	transition: all .6s ease;
}



.newslist .items .with-link:hover .image {
	transform: scale(1.02);
}

.newslist .items .with-link:hover .image-holder::before {
	opacity: 0.5;
}
.newslist .items .with-link:hover .placeholder .image .title-overlay {
	opacity: 1;
}


.newslist .items a {
	text-decoration: none;
	color: currentColor;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	
}
.newslist .items .title,
.newslist .items .magazine_title {

	margin: 0;

	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	padding: 15px 0 0;
	box-sizing: border-box;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	color: currentColor;
	max-width: 340px;
}
.newslist .items .magazine_title {
	padding: 0 0 15px 0;
	color: #407a83;
}


.newslist .items .news-item .category_date {	
	width: 100%;

	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	color: #35646d;
	
	margin-bottom: 15px;	
}

.newslist .news-more {
	margin: 0 auto 50px;	
}

.newslist .news-more button {
	border: none;
	width: 45px;
	height: 45px;
	display: block;
	background-color: transparent;
	background-image: url('/includes/icons/news-plus-more.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor: pointer;
	
	
}







.newslist .wrap .details {
	width: 100%;
	max-width: 1130px;
	height: 100%;
	display: flex;	
	flex-direction: column;	
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	
	padding: 20px;
	box-sizing: border-box;
}


.newslist .wrap .details > h1 {
	max-width: 956px;
}


/* News Detail - main block element */
.newslist .wrap .details .block-head {
	display: flex;
	margin: 15px auto;
	width: 100%;
	max-width: 1090px;
	height: auto;
}



.newslist .wrap .details .block-head .text,
.newslist .wrap .details .block-head .image {
	width: 50%;
	
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
	
	padding: 0 16px 0 0;	
}

.newslist .wrap .details .block-head .image {	
	padding: 0 0 0 16px;			
	
}

.newslist .wrap .details .block-head .image .img-wrap {
	width: 100%;
	
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
}


/* News Detail - other blocks */
.newslist .wrap .details .block {
	display: flex;
	flex-direction: row;
	margin: 15px 0;
	width: calc(100% / 3 * 2);
	max-width: 1090px;
	height: auto;
	
	flex-wrap: wrap;
}

.newslist .wrap .details .block.left {
	align-self: flex-start;
}

.newslist .wrap .details .block.right {
	align-self: flex-end;
}




.newslist .wrap .details .block .text,
.newslist .wrap .details .block .image {		
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
	
	padding: 0 16px 0 0;	
	padding: 0;
}

.newslist .wrap .details .block .image.half {	
	/* margin-bottom: 20px;	 */	
	width: calc(50% - 14px);
	margin-right: 14px;
}
.newslist .wrap .details .block .image.half + .image.half {
	margin-right: 0;
	margin-left: 14px;
}



/* News Detail - gallery highslide */
.newslist .gallery-news {
	display: flex;
	justify-content: center;
	height: auto;
	width: calc(100% + 30px);
	margin: 0 -15px;
	padding: 15px 0;

}
.newslist .gallery-news .wrap {
	width: 100%;
	max-width: 1120px;
	height: 100%;
	display: flex;		
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0;	
}


.newslist .gallery-news .img-wrap {
	width: calc(100% / 3 - 32px);
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	
	margin: 16px;
	
	transition: all .3s ease;
}

.newslist .gallery-news .img-wrap .image-holder {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	
	width: 100%;
	height: auto;	
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	overflow: hidden;
	
	transition: all .6s ease;
}

.newslist .gallery-news .img-wrap .image-holder::after {
	content: '';
	padding-top: 100%;
	display: block;	
	
	transition: all .6s ease;
}

.newslist .gallery-news .img-wrap .image-holder::before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	left: 0;
		
	opacity: 0;	
	
	background-image: url('/includes/icons/news-plus-3.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	
	transition: all .6s ease;
	
}

.newslist .gallery-news .img-wrap .image-holder .image {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
		
	transition: all .6s ease;
}


.newslist .gallery-news .img-wrap:hover .image {
	transform: scale(1.02);
}

.newslist .gallery-news .img-wrap:hover .image-holder::before {
	opacity: 0.5;
}



/* News Detail - end block element */
.newslist .wrap .details .block-end {
	display: flex;
	margin: 15px auto;
	width: 100%;
	max-width: 1090px;
	height: auto;
}

.newslist .wrap .details .block-end .text {
	width: 100%;
	max-width: 956px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
	
	padding: 0 16px 0 0;	
}












/* Module Contact */
.contact {
	display: flex;
	justify-content: center;
	height: auto;
	width: 100%;

	padding: 35px 0;

}
.contact .wrap {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;		
	
	flex-direction: row;	
	padding: 0 20px;
}

.contact .wrap .left-col,
.contact .wrap .right-col {
	width: 50%;
	
	display: flex;		
	flex-wrap: wrap;
	flex-direction: column;	
	/* justify-content: center;
	align-items: center; */
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	
	
	
}

.contact .wrap .left-col {
	padding-right: 100px;
	box-sizing: border-box;
	justify-content: space-between;
}

.contact .wrap .left-col ul {
	display: flex;
	flex-direction: row;
}

.contact .wrap .left-col ul > li > a {
	margin: 5px 5px 5px 0;
	padding: 0;
	display: block;
}


.contact .form_inputs {
	display: flex;
	flex-direction: column;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: left;
	color: #4b3d33;
}


div.contact div.contactform_div input,
div.contact div.contactform_div textarea,
div.contact div.contactform_div .select_box {
	width:100%; 
	max-width: 416px;
	box-sizing: border-box; 
	color: inherit; 
	background-color: rgba(255, 255, 255, 0.5);  
	border-radius: 28px;
	border: none; 
	font-size: 17px; 
	line-height:1.32; 
	height:auto; 
	
	opacity: 1;
	
	margin: 14px 0; 
	padding: 14px 24px; 

	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
}

div.contact div.contactform_div textarea {	
	height: auto;
	min-height: 120px;	
}

div.contact div.contactform_div input[type=text, type=submit] { 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-o-appearance: none; 
	appearance: none;	
	outline: none;
}
div.contact div.contactform_div select::-ms-expand { display: none; }

div.contact div.contactform_div :focus{outline:none;}

div.contact div.contactform_div ::-webkit-input-placeholder{
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
}
div.contact div.contactform_div ::-moz-placeholder{
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;	
}
div.contact div.contactform_div :-ms-input-placeholder{
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
}
div.contact div.contactform_div :-moz-placeholder{
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;	
}
div.contact div.contactform_div ::placeholder{
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
}


div.contact div.contactform_div div.submit input { 
	background-color: var(--oxara_s_a_07);
	opacity: 0.8;
	color: #ffffff; 
	text-transform: uppercase; 
	width: 100%; 	
	height: auto; 
	padding: 20px 24px 18px;
	cursor: pointer;
	
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: 1.7px;
	text-align: left;
	
	transition: all .3s ease;
}
div.contact div.contactform_div div.submit input:hover { 
	opacity: 1;
}

div.contact div.contactform_div .required-label { 
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 14px; 
	display:block; 
	line-height:18px; 
	margin-bottom: 20px; 	
}



.contact .form_inputs div.input.fake-select {
	position: relative;
	height: 84px;
}	
	
div.contact div.contactform_div .select_box {  
	
	background-image: url('/includes/icons/arrow-down-circle.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) 16px;
	background-size: 30px 30px;
	max-width: 100%;
	height: auto; 
	padding: 0;
	
	position: absolute;
	top: 0;
	left: 0;
	
}


div.contact div.contactform_div .select_box.active {
	background-color: #46666b;
	color: #fff;
}


div.contact div.contactform_div #select-op-btn {  
	cursor: pointer;
	
	max-width: 100%;
	height: auto; 
	padding: 20px 24px 18px;	
	width: 100%;
	box-sizing: border-box;
	
}


div.contact div.contactform_div ul#options {	
	padding: 20px 24px 18px;
}

div.contact div.contactform_div ul#options li label {  
	display: block;  
	padding: 5px 0;
}

div.contact div.contactform_div ul#options li input {
	display: none;
}

div.contact div.contactform_div ul#options li:hover,
div.contact div.contactform_div ul#options li label.selected {
	text-shadow: 1px 0 0 currentColor;
}

div.contact div.contactform_div .js-drop {
  display: none;
}

div.contact div.contactform_div .js-option {
  display: inline-block;
}

div.contact div.contactform_div label {
  cursor: pointer;
}

 
div.contact div.contactform_div input[type=text].error, 
div.contact div.contactform_div textarea.error { 
	color: #BF684D; 
	border:1px solid #BF684D;
}



/* Contact form */
/* div.contact div.contactform_div #form_content {margin-top:20px;}
div.contact div.contactform_div input{width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px; }
div.contact div.contactform_div textarea {width:100%; box-sizing: border-box; color:#666666; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; margin-bottom:15px; padding:0px 15px;}
div.contact div.contactform_div input:focus{outline:none;}
div.contact div.contactform_div input::-webkit-input-placeholder{color: #666666;}
div.contact div.contactform_div input::-moz-placeholder{color: #666666;}
div.contact div.contactform_div input:-ms-input-placeholder{color: #666666;}
div.contact div.contactform_div input:-moz-placeholder{color: #666666;}
div.contact div.contactform_div input::placeholder{color: #666666;}

div.contact div.contactform_div select{width:165px; color:#666666; background: url(/includes/icons/select-down-arrow.png) no-repeat 135px 20px; background-color:#dcdbdb; border:1px solid #dcdbdb; font-size:18px; line-height:40px; height:50px; margin-bottom:15px; padding:0px 15px; }
div.contact div.contactform_div select:focus{outline:none;}
div.contact div.contactform_div input, 
div.contact div.contactform_div select, #floating-panel input, #floating-panel .input, button, .btn, #ap_login-form input, .filter-buttons input, .filter-group input[type="reset"], .filter-group input[type="button"], .filter-group input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: none; }
div.contact div.contactform_div select::-ms-expand { display: none; }

div.contact div.contactform_div select.error, 
div.contact div.contactform_div input.error, 
div.contact div.contactform_div textarea.error { color: #008cb4; border:1px solid #008cb4;}

div.contact div.contactform_div input.error::-webkit-input-placeholder, 
div.contact div.contactform_div textarea.error::-webkit-input-placeholder{color: #008cb4;}
div.contact div.contactform_div input.error::-moz-placeholder, 
div.contact div.contactform_div textarea.error::-moz-placeholder {color: #008cb4;}
div.contact div.contactform_div input.error:-ms-input-placeholder, 
div.contact div.contactform_div textarea.error:-ms-input-placeholder {color: #008cb4;}
div.contact div.contactform_div input.error:-moz-placeholder, 
div.contact div.contactform_div textarea.error:-moz-placeholder{color: #008cb4;}
div.contact div.contactform_div input.error::placeholder, 
div.contact div.contactform_div textarea.error::placeholder{color: #008cb4;}

div.contact div.contactform_div  label.required-label{ color:#008cb4; font-size:16px; display:block; line-height:18px; margin-bottom: 30px; margin-top: 20px; }
div.contact div.contactform_div  label.anonymous-label{ font-size:16px; display:block; line-height:18px;margin-top:15px; }
div.contact div.contactform_div  label.anonymous-label-inner{ font-size:16px; display:inline-block; line-height:18px;margin-right:10px;padding-left:20px;}
div.contact div.contactform_div  label.anonymous-label-inner::before{top:2px; width:14px; height:14px; border-radius:7px;}
div.contact div.contactform_div  label.anonymous-label-inner::after	{content: '';    position: absolute;  top: 5px;  left: 3px;  background-color: #008cb4; transition: all .2s; width: 8px;  height: 8px;  border-radius: 4px;}
div.contact div.contactform_div  .anonymous_input{    line-height: 18px; height: 30px; margin-top:10px; font-size:16px; max-width:73px;}
div.contact div.contactform_div div.submit input{ background-color: #000000; border:1px solid #000000; color: #ffffff; text-transform: uppercase; font-weight:normal; width: auto; padding: 4px 15px; height:48px; margin-top:30px; margin-bottom:30px; cursor: pointer;}
div.contact div.contactform_div div.submit input:hover{ background-color: #ffffff; border:1px solid #008cb4; color: #008cb4; }
div.contact div.contactform_div.wait input, div.contact div.contactform_div.wait select, div.contact div.contactform_div.wait label { pointer-events:none !important; }
div.contact div.contactform_div.wait { cursor: progress; } */




	
footer {
	width: 100%;
	height: auto;
	min-height: 130px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	transition: all .3s ease;
	background-color: var(--oxara_s_a_07);
	color: #ffffff;
	

}
footer .wrap {
	width: 100%;
	max-width: 1090px;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 60px 20px;
}

footer div.half-left,
footer div.half-right {
	width: 50%;
	display: flex;
	justify-content: flex-start;
}

footer div.half-right {	
	justify-content: flex-end;
	
}


footer div.copyrights{
	display: flex;
	width: 100%;
	
}




/* Footer Meta menu */
footer ul.nav-menu-meta{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;  
	margin-top: 30px;
}
footer ul.nav-menu-meta > li {
	display: flex;
	flex-direction: column;	
	width: auto;
	color: #ffffff;
	padding: 0 15px;

	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-left: -1px;
	
}
footer ul.nav-menu-meta > li > a {
	text-decoration: none;	
	display: flex;
	align-items: center;
	height: auto;
	color: #ffffff;
	text-transform: lowercase;
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.39px;
	text-align: right;
	color: #ffffff;
	
}
footer ul.nav-menu-meta > li:hover > a,
footer ul.nav-menu-meta > li.active > a {
	
}


footer .col {
	width: auto;
	min-width: 120px;
	margin-right: 20px;
}
footer div.half-right .col {
	margin-right: 0;
}


/* Footer Base menu */
footer .col > a,
footer .col > span {
	text-decoration: none;
	display: flex;
	align-items: center;
	height: auto;
	color: #ffffff;
	text-transform: lowercase;
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.3px;

	margin-bottom: 20px;

}



footer .col ul {
	display: flex;
	flex-direction: column;
	
}

footer .col.col-3 ul {
	display: flex;
	flex-direction: row;
	
}

footer .col ul > li {
	display: flex;
	flex-direction: column;	
	width: auto;
	color: #ffffff;	
}



footer .col ul > li > a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0 0 6px 0;
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 13px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
}
footer .col.col-3 ul > li > a {
	margin-right: 5px;
	padding: 0;
}


footer .col > a:hover,
footer .col ul > li > a:hover {
	/* font-family: 'ABCMonumentGroteskSemi-Mono-Medium', Arial;
	letter-spacing: 2.1%; */	
	text-shadow: 0.5px 0 0 currentColor;
}




footer .newsletter-subscribe {
	width: 310px;
	display: flex;
}

footer .newsletter-subscribe .newsletter-form {
	display: flex;

	width: 304px;
	height: 61px;	
	/* opacity: 0.8; */
	border-radius: 39px;
	background-color: rgba(255, 255, 255, 0.7);

}


footer .newsletter-subscribe .newsletter-form div.newsletter-email {
	height: 100%;
	width: calc(100% - 120px);
}

footer .newsletter-subscribe .newsletter-form div.newsletter-email input {
	height: 100%;
	width: calc(100% - 40px);
	padding: 0;
	border: 0;
	background: none;
	margin: 0 20px;

	font-family: inherit;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: left;
	color: #494440;
}
footer .newsletter-subscribe .newsletter-form div.newsletter-email input.error {
	color: red;
}


footer .newsletter-subscribe .newsletter-form .newsletter-button {
	width: 120px;
	height: 61px;
	flex-grow: 0;
	margin: 0;
	padding: 0;
	opacity: 0.8;
	border-radius: 39px;
	background-color: var(--oxara_s_08);
	border: none;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}























.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 49px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 24px;
  left: 5px;
  right: 5px;
  height: 2px;
  background: #ffffff;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
  -webkit-transition: background 0s 0.3s;
  -moz-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  -ms-transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  -ms-transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  -ms-transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -o-transition-property: top, transform;
  -ms-transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  -ms-transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
 
}

.c-hamburger--htx.is-active span {
  background: none;
  height: 2px;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  -ms-transition-delay: 0s, 0.3s;
  background-color:#ffffff;
  
  height: 2px;
}
div.o-grid__item{
	display: none;
	transition: all .3s ease;
}
ul.nav-menu-mobile,
p.nav-menu-mobile-footer{
	display: none;
}





/* Magnific popup styles */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #244c54;
	opacity: 0.8;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 600px;
	height: 400px;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 591px;
	height: 316px;
	padding: 35px 40px;
	/* background-image: linear-gradient(130deg, #6ab3c1 36%, #43747d 100%); */
	background-image: linear-gradient(130deg, #5199a7 36%, #43747d 100%);
	border-radius: 16px;
}
.mfp-content {	
	color: white;
}

.mfp-container::before {
	content: none;
	display: inline-block;
	height: 0;
	vertical-align: top;
}

.mfp-content #newsletter-popup-msg,
.mfp-content #popup-msg {
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
}

.mfp-content #newsletter-popup-msg h1 {
	font-family: 'ABCMonumentGroteskSemi-Mono-Regular', Arial;
	font-size: 63px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 66px;
	letter-spacing: normal;
	text-align: left;
	color: #fff;

	margin-bottom: 20px;
}


.mfp-close-btn-in button.mfp-close {
	display: flex;
	align-items: center;

	width: auto;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: -30px;
	top: -17px;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0;
	color: #FFF;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: white;

	padding-right: 50px;
	background-image: url('/includes/icons/popup-close.svg');
	background-repeat: no-repeat;
	background-size: auto 44px;
	background-position: right center;

}
.mfp-close-btn-in button.mfp-close:active {
	top: -16px;
}




.img-wrap {
	position: relative;
}


.img-wrap > small,
.image-holder > small,
.newslist .image > small {
	z-index: 2;
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	padding: 5px 0;
	
	writing-mode: vertical-lr;	
	writing-mode: sideways-lr;
	
	color: var(--copyright-text-color);
	/* background-color: rgba(255,255,255,0.5); */
		
	font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
	font-size: 11px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	
}