/*
Theme Name: Odinwell 
Theme URI: https://www.odinwell.se/com
Author: Consid AB
Author URI: https://www.consid.se/
Description: Theme for Odinwell
Version: 1.1
*/

/**
****************************************************************************************
*  Fonts
****************************************************************************************
*/
/*
font-family: 'DM Serif Text', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Mono', monospace;
*/
/**
****************************************************************************************
*  Colors
****************************************************************************************
Purple, dark:  #3B1044
Purple: #62416A
Blue, light: #00E9FC
Green: #13EA85
Orange: #FF972D
Pink: #FF4682
Grey: #F4F2F2
Beige: #FEEAE1


*/
/**
****************************************************************************************
*  Normalize
****************************************************************************************
*/
/**
* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

a {
background-color: transparent;
}

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

button,
input { /* 1 */
	overflow: visible;
}

button,
select { /* 1 */
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}


[hidden] {
	display: none;
}
/**
****************************************************************************************
*  Normalize - END
****************************************************************************************
*/



/**
****************************************************************************************
*  "Reset"
****************************************************************************************
*/
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, 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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
/**
****************************************************************************************
*  "Reset" - END
****************************************************************************************
*/


/**
****************************************************************************************
*  Clearing floats
****************************************************************************************
*/
.clear:after {
	clear: both;
}
.clear:before,
.clear:after {
	display: table;
	content: "";
}
.clear {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/**
****************************************************************************************
*  Responsive img
****************************************************************************************
*/
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
/**
****************************************************************************************
*  Responsive img - END
****************************************************************************************
*/


/**
****************************************************************************************
* Basic structure
****************************************************************************************
*/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;	
}


#page {
	margin: 0 auto;
	width: 100%;
}

/**
****************************************************************************************
* Basic structure - END
****************************************************************************************
*/


/**
****************************************************************************************
* Basic Typo
****************************************************************************************
*/
body {
	background-color: #FFF;
	color: #3B1044;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;	
	-webkit-font-smoothing: antialiased;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'DM Serif Text', serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.0;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
}

h1 {
	font-size: 44px;
	font-size: 4.4rem;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}

h2 {
	font-size: 34px;
	font-size: 3.4rem;
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}

h3 {
	font-size: 30px;
	font-size: 3.0rem;
}

h4 {
	font-size: 26px;
	font-size: 2.6rem;	
}

h5 {
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	font-size: 2.0rem;	
}

h6 {
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	font-size: 2.0rem;	
}


a {
	color: #FF4682;	
	font-weight: 700;
	text-decoration: none;	
	transition: color 0.2s ease-in;
}

a:hover,
a:focus {
	color: #FF4682;	
	text-decoration: underline;
}

a img {
	opacity: 1.0;
	transition: opacity 0.2s ease-in;
}

a img:hover {
	opacity: 0.8;
}

p { 
	line-height: 1.5;
	margin-bottom: 30px;
	margin-bottom: 3.0rem;
}

p:last-child {
	margin-bottom: 0;
}

/*

.preamble p,
p.preamble {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
*/

a.btn {
	background-color: #FF4682;
	border: 2px solid #FF4682;
	border-radius: 0;
	color: #fff;	
	display: inline-block;
	font-size: 14px;
    font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	padding: 8px 44px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in;
} 

a.btn:hover {
	background-color: #fff;
	border: 2px solid #13EA85;
	color: #13EA85;
}




/**
****************************************************************************************
* Basic Typo - END
****************************************************************************************
*/


/**
****************************************************************************************
* WP-standard 
****************************************************************************************
*/

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #FF972D;
	font-family: 'DM Serif Text', serif;
	font-style: normal;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 500;
	margin: 30px 0 30px 0;	
	max-width: 580px;	
	text-align: left;	
}

blockquote p {
	line-height: 1;
	text-align: left !important;	
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	font-size: 15px;
	font-size: 1.5rem;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #FCFAEF;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

hr {
	background-color: #3B1044;
	color: #3B1044;
	border: 0;
	height: 1px;
	margin-top: 60px;
	margin-bottom: 60px;
}

ul,
ol {
	line-height: 1.3;
	margin: 20px 20px 20px 60px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul li,
ol li {
	margin-bottom: 6px;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: none;
	font-size: 13px;
	font-size: 1.3rem;		
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: 300;
	line-height: 1.3;
	text-align: left;
}

th:nth-child(2), td:nth-child(2) {
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}


.wp-caption {
	width: 100% !important;
}
.wp-caption-text {
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 8px 0 40px 0 !important;
}
/**
****************************************************************************************
* WP-standard - END 
****************************************************************************************
*/





/**
****************************************************************************************
* Main
****************************************************************************************
*/
#main {

}

.main-wrapper-full-width {	
	width: 100%;
}

.main-wrapper {	
	margin: 0 auto;
	max-width: 1640px;
	width: 94%;
	padding: 0 3%;
}

.main-wrapper-content {
	margin: 0 auto;
	max-width: 960px;
}

.main-wrapper-text {
	margin: 0 auto;
	max-width: 860px;
}

.main-wrapper-text-2-cols {
	column-count: 1;
	column-gap: 0;
	max-width: none;
}


/**
****************************************************************************************
* Main - END
****************************************************************************************
*/

/**
****************************************************************************************
*  Header
****************************************************************************************
*/
#header {
	background-color: transparent;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	transition: all 0.2s ease-in;
}

.header-with-bg #header {/*
	background-color: rgba(59,16,68,0.85);
	background-color: #3B1044;
	*/
	background-color: #fff;
}

.header-wrapper {
	margin: 0 auto;
	max-width: 1640px;
	width: 94%;
	padding: 10px 3% 10px 3%;
	
	border-bottom: 1px solid #464646;
	border-color: rgba(70,70,70,0.2); 
	border-color: transparent; 
}

.header-logo {
	margin-top: 10px;
}

.header_col_2 {
	text-align: right;
}

/**
****************************************************************************************
*  Header - END
****************************************************************************************
*/






/**
****************************************************************************************
*  Menu
****************************************************************************************
*/

#menu {
	background-color: #3B1044;	
	width: 0;
	right: -600px;
	height: 100vh;
	max-width: 600px;
	position: absolute;
	top: 0;
	z-index: 199;
	transition: width .4s linear, right .4s linear, border-left .4s linear;	
	overflow-x: hidden;
	
	border-left: 0 solid #fff;
}

#menu.show { border-left: 2px solid #fff; right: 0px; width: 100%; }

#menu-wrapper {
	margin: 0 auto;
	max-width: 1640px;
	width: 100%;
	padding: 0;
}


#menu .icon-toggler span {
	background: #fff;
}
/**
****************************************************************************************
*  Menu - END
****************************************************************************************
*/


/**
****************************************************************************************
* Menu, Mobile
****************************************************************************************
*/

#mobile-menu  {
	display: block;
	width: 100%;
	z-index: 199;
	/*
	border-left: 2px solid #fff;
	*/
	padding: 100px 40px 120px 40px; 
}

#menu-wrapper { position: relative; }

#mobile-menu-list { 
	/*
	display: none;
	*/
}

#mobile-menu .menu-item {
	border-top: none;
	overflow: hidden;
}

#mobile-menu .menu-item-link {
	display: inline-block;
	padding: 12px 0 8px 0;
	min-height: 46px;
	width: -webkit-calc(100% - 60px);
	width:    -moz-calc(100% - 60px);
	width:         calc(100% - 60px);
}

#mobile-menu .menu-item-toggler {	
	display: inline-block;
	float: right;
	padding: 20px 0;
	height: 46px;
	width: 60px;
}

#mobile-menu .menu-item-toggler.top_item_has_children {
	border-left: none;
	cursor: pointer;		
}

#mobile-menu ul li.l-0:last-child  {
	border-bottom: none;
}	

#mobile-menu ul  {
	margin: 0 0 0 0;
	text-align: left;
}
#mobile-menu ul ul  {
	padding-left: 40px;
}

#mobile-menu ul ul  {
	background-color: transparent;
}

#mobile-menu ul ul ul {
	margin-left: 0px;
}

#mobile-menu ul ul ul.children {
	margin-left: 0;
}

#mobile-menu ul li {
	display: block;
	margin-bottom: 0;
}

#mobile-menu ul li a {
    color: #fff;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
	text-transform: uppercase;
	transition: color 0.2s ease-in, border-color 0.2s ease-in;	
 }

#mobile-menu ul li a:hover,
#mobile-menu ul li a:active,
#mobile-menu ul li a:focus {
	color: #FF4682;		
	text-decoration: none;
}

#mobile-menu ul li ul li {
	border-top: none;
	margin-bottom: 0;
	padding-left: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#mobile-menu ul li ul li a {
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: none;
}

#mobile-menu ul li ul li ul li {
	border-top: none;
	margin-bottom: 0;
	padding-left: 40px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#mobile-menu ul ul ul.children li a {
	font-size: 16px;
	font-size: 1.6rem;
}

#mobile-menu ul li.current-page-ancestor > .menu-item a {
	color: #FF4682;	
}

#mobile-menu ul li.current_page_item > a,
#mobile-menu ul li.page_item_has_children.current_page_ancestor.current_page_parent > a,
#mobile-menu ul li.current_page_ancestor > a {
	color: #FF4682;	
	text-decoration: none;
}

#mobile-menu ul li:last-child {
	display: block !important;
	margin-right: 0px;
}
/**
****************************************************************************************
* Menu, Mobile - END
****************************************************************************************
*/




/**
****************************************************************************************
*  Scroll menu
****************************************************************************************
*/
.menu-fixed #header {
	/*
	background-color: rgba(59,16,68,0.95);
	*/
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 0px;
	position: fixed;
	top: 0;	
	-webkit-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.4);
}

.menu-fixed .header-wrapper {
    padding-top: 8px;
	padding-bottom: 2px;
}

.menu-fixed .header-logo {
	margin-top: 10px;
}

.menu-fixed .logo-odinwell-wrapper {
	background-size: 125px 24px;
	width: 125px;
	height: 24px;
}

/*
.menu-fixed #toggler {
	 transform: scale(0.6, 0.6);
}
*/

.menu-fixed #toggler {
	 transform: scaleX(0.6);
}

.menu-fixed .header_col_2 {
	 transform: scaleY(0.6);
}

.menu-open .menu-overlay {
	background-color: rgba(0,0,0,0.5);
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 10;
}

body.menu-open {
	overflow: hidden;
}

/*
.menu-open #header { position: static; }
.menu-open.menu-fixed #main { padding-top: 0; }
*/


/*
@media screen and (min-width: 768px) {
	.menu-fixed #header { }		
}
*/

/**
****************************************************************************************
*  Scroll menu - END
****************************************************************************************
*/




/**
****************************************************************************************
*  Toggler
****************************************************************************************
*/
#toggler {
	display: inline-block;
	margin: 0 0 0px 0;
	padding: 0;	
}

#toggler-close {
	display: inline-block;
	margin: 0 0 0px 0;
	padding: 0;	
	position: absolute;
	top: 30px;
	right: 38px;
}

.icon-toggler {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 0 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;	
}

.icon-toggler span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #3B1044;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.icon-toggler:hover span,
#menu .icon-toggler:hover span {
	background-color: #FF4682;
}


.icon-togglerspan:nth-child(1) {
  top: 0px;
}

.icon-toggler span:nth-child(2),
.icon-toggler span:nth-child(3) {
  top: 15px;
}

.icon-toggler span:nth-child(4) {
  top: 30px;
}

.icon-toggler.open span:nth-child(1) {
  top: 0;
  width: 0%;
  left: 50%;
}

.icon-toggler.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-toggler.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.icon-toggler.open span:nth-child(4) {
  top: 0;
  width: 0%;
  left: 50%;
}


#toggler {
    transform: scale(0.6);
}


/**
****************************************************************************************
*  Toggler - END
****************************************************************************************
*/













/**
****************************************************************************************
*  Footer
****************************************************************************************
*/

#footer {
	background-color: #3B1044;
	color: #fff;
	width: 100%;
}


.footer-wrapper {
	margin: 40px auto 0 auto;
	max-width: 1640px;
	width: 94%;
	padding: 80px 3% 80px 3%;
}

.footer-column-content {
	margin-bottom: 40px;
}

.footer_col_3 .footer-column-content {
	margin-bottom: 0;
}


.footer-heading {
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}

#footer p {
	line-height: 1.5;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}

#footer a {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
}

#footer a:hover {
	color: #FF4682;
	text-decoration: none;
}

.footer-logo {
	margin-bottom: 30px;

}

.footer-logo .logo-odinwell-wrapper {
	background-size: 160px 31px;
	width: 160px;
	height: 31px;
}


/**
****************************************************************************************
*  Footer - END 
****************************************************************************************
*/

/**
****************************************************************************************
* Square
****************************************************************************************
*/
.square {
	position: relative;
	margin-bottom: 20px;
}

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.square-content {
	position: absolute;
	width: 100%;
	height: 100%;	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-grow: 1;
	overflow: hidden; /* IE11 & Firefox fix */	
	-webkit-align-items: center;	
	-webkit-box-pack: center;
	-ms-flex-pack: center;		

	background-size: cover;
	background-position: center center;	
	background-image: none;	
	background-color: #fff;	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

.square-content img { width: 100%; }

.square-round {
	border-radius: 50%;
}


/**
****************************************************************************************
* Square - END
****************************************************************************************
*/









/**
****************************************************************************************
*  Block Common
****************************************************************************************
*/
.col-img { 
	background-size: cover;
	background-position: center center;	
	background-image: none;		
	height: 400px;
	margin-bottom: 0;
}

.block-bg-color-purple { background-color: #3B1044; color: #fff;}
.block-bg-color-grey { background-color: #F4F2F2; color: #3B1044; }
.block-bg-color-white { background-color: #fff; color: #3B1044; }

.col-text-middle.col {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-grow: 1;
	overflow: hidden;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}



.block-bg-color-purple a.text-link-bold { color: #fff;}
.block-bg-color-grey a.text-link-bold { color: #3B1044; }
.block-bg-color-white a.text-link-bold { color: #3B1044; }



.block-no-shadows {
	box-shadow: none !important;
}

.block-no-shadows .preamble-box-wrapper {
	width: 100% !important;
	padding: 0 !important;	
}


.col-text p,
.col-text ol, 
.col-text ul {
	font-size: 16px;
	font-size: 1.6rem;
}

.col-text p {	
	line-height: 1.8;
}







a.text-link-bold {
	border-top: 2px solid transparent;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;	
	margin-top: 40px;	
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 2px;	
	
	transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

a.text-link-bold:hover,
a.text-link-bold:focus {
	border-color: #FF4682;
	color: #FF4682;
}


.title-small-mono {
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 14px;
}



.single-back-link a {
	color: #3B1044;
	text-decoration: none;
}

.single-back-link a:hover {
	color: #FF4682;
	text-decoration: underline;
}

.single-back-link {
	border-top: 2px solid #3B1044;
	margin-top: 40px;
	padding-top: 40px;	
}

/**
****************************************************************************************
*  Block Common - END
****************************************************************************************
*/



/**
****************************************************************************************
*  Block Default
****************************************************************************************
*/
.block-default {
	padding-top: 40px;
	padding-bottom: 40px;
}
/**
****************************************************************************************
*  Block Default - END
****************************************************************************************
*/


/**
****************************************************************************************
*  Block Hero
****************************************************************************************
*/
.block-hero {
	background-color: #fff;
	margin-bottom: 0;
}

.hero-wrapper { 
	overflow: hidden;
	position: relative;
}

.hero-img-wrapper {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/*
	height: 500px;
	*/
}

body.home .hero-img-wrapper {
	height: 560px;
}

.hero-img-wrapper-opacity {
	background-color: #fff;
	opacity: 0.25;
	position: absolute;
	width: 100%;
	height: 100%;	
}

.hero-video-wrapper { 
	background-color: #000;
}


.hero-text-wrapper {
	height: 100%;
	margin: 0 auto;
    max-width: 1640px;
	width: 94%;
	padding: 0 3%;
}

.hero-text-wrapper {
	/*
	position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);
*/}

.hero-text-wrapper {
	position: relative;
}

.hero-text-width {
	width: 100%;
	height: 100%;
	display: table;
	margin: 0;
	max-width: 800px;
	table-layout: fixed;
	vertical-align: middle;
	position: static;
}



.hero-text-block {
	display: table-cell;
	padding-top: 160px;
	/*
	padding-top: 0;
	*/
	padding-bottom: 160px;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
} 


.block-hero h1,
.block-hero p {
	color: #fff;
	margin-bottom: 0;
}

.block-hero h1 {
	border-bottom: 2px solid #fff;
	font-size: 44px;
	font-size: 4.4rem;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


.block-hero h1.hero-hide-border {
    border-bottom: none;
}

.block-hero p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 200;
	line-height: 1.5;
}

.block-hero a.text-link {	
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;	
	margin-top: 40px;	
	text-decoration: none;
}

.block-hero a.hero-link {
	color: #fff;	
} 

.block-hero a.hero-link:hover,
.block-hero a.hero-link:focus {
	color: #FF4682;
}



.text-dark .hero-text-block h1,
.text-dark .hero-text-block p,
.block-hero-no-img .hero-text-block h1,
.block-hero-no-img .hero-text-block p {
	color: #3B1044;
}

.block-hero .text-dark h1,
.block-hero.block-hero-no-img h1 {
	border-color: #3B1044;
}


.block-hero .text-dark a.hero-link,
.block-hero.block-hero-no-img a.hero-link {
	color: #3B1044;
} 

.block-hero .text-dark a.hero-link:hover,
.block-hero .text-dark a.hero-link:focus,
.block-hero.block-hero-no-img a.hero-link:hover,
.block-hero.block-hero-no-img a.hero-link:focus {
	color: #FF4682;
}


.block-hero-no-img {
	background-color: #fff;
}

.block-hero-no-img .hero-img-wrapper {
	height: auto;
}

.block-hero-no-img .hero-img-wrapper .hero-text-block {
	padding-bottom: 0;
}



.block-hero-no-img .hero-text-wrapper { position: static; transform: none; }


body.home .hero-text-block {
	padding-bottom: 220px;
}

body.home .hero-text-block {
	padding-top: 80px;
	padding-bottom: 0;
	vertical-align: middle;
}




a.btn-hero {
	background-color: #FF4682;
	border: 2px solid #FF4682;
	border-radius: 0;
	color: #fff;	
	display: inline-block;
	font-size: 14px;
    font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.3;
	margin-top: 60px;
	padding: 12px 34px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in;
} 

a.btn-hero:hover {
	background-color: #fff;
	border: 2px solid #FF4682;
	color: #FF4682;
}


.hero-icons {
	display: none;
	position: absolute;
	bottom: 60px;
	right: auto;
	text-align: left;
	top: auto;
	left: 0;
	width: 100%;
	padding: 0 3%;
}

.hero-icons-item div {
	display: inline-block;
	vertical-align: middle;
}

.hero-icons-item-left {
	float: left;
}

.hero-icons-item-right {
	float: right;
}

.hero-icons-item-01 {
	margin: 0 0 0 0;
}

.hero-icons-item-02 {
	margin: -30px 0 0 0;
}

.hero-icons-item-03 {
	margin: -10px 0 0 80px;
}

.hero-icons-item-text {
	color: #fff;
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 10px;
}


.hero-icons-item-left .hero-icons-item-text {
	margin-top: -20px;
}

.hero-icons-item-right .hero-icons-item-text {
	margin-top: 20px;
}

.icon-the-eye-wrapper.icon-the-eye-pink {
	transform: rotate( 180deg );
}




@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes slideInFromLeftxxx {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}


@keyframes rotateTheEye01 {
	0% { transform: rotate( -40deg ); }
	33% { transform: rotate( 280deg ); }
	66% { transform: rotate( 100deg ); }
	100% { transform: rotate( 0deg ); }
}

@keyframes rotateTheEye02 {
	0% { transform: rotate( 0deg ); }
	33% { transform: rotate( 250deg ); }
	66% { transform: rotate( 100deg ); }
	100% { transform: rotate( 200deg ); }
}

@keyframes rotateTheEye03 {
	0% { transform: rotate( -40deg ); }
	33% { transform: rotate( 280deg ); }
	66% { transform: rotate( 100deg ); }
	100% { transform: rotate( 0deg ); }
}



.block-hero .hero-text-block h1 { animation: 
	fadeIn 1s linear 0s 1 both;
}

body.home .block-hero .hero-text-block h1 { animation: 
	fadeIn 4s linear 0.5s 1 both;
}

body.home .block-hero .hero-text-block p.preamble { animation: 
	fadeIn 4s linear 0.5s 1 both;
}


.hero-icons-item-01 .icon-the-eye-wrapper { animation: 
	fadeIn 2s linear 2s 1 both,
	rotateTheEye01 4s ease 3s 1 both;
}

.hero-icons-item-02 .icon-the-eye-wrapper { animation: 
	fadeIn 2s linear 3s 1 both,
	rotateTheEye02 4s ease 4s 1 both;
}

.hero-icons-item-03 .icon-the-eye-wrapper { animation: 
	fadeIn 2s linear 2.5s 1 both,
	rotateTheEye03 4s ease 3.5s 1 both;
}


.hero-icons-item-01 .hero-icons-item-text { animation: fadeIn 2s linear 6.5s 1 both; }
.hero-icons-item-02 .hero-icons-item-text { animation: fadeIn 2s linear 7.5s 1 both; }
.hero-icons-item-03 .hero-icons-item-text { animation: fadeIn 2s linear 7s 1 both; }

/**
****************************************************************************************
*  Block Hero - END
****************************************************************************************
*/





/**
****************************************************************************************
// Block Preamble
****************************************************************************************
*/
.block-preamble {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.block-bg-color-white.preamble-margin-top { background-color: transparent; }

.preamble-margin-top {
	position: relative;
	margin-top: -80px;	
	background: linear-gradient(
	to bottom, 
	transparent 0%, 
	transparent 50%, 
	#fff 50%, 
	#fff 100%
  );	
}

.block-preamble p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 40px;
}

.block-preamble p:last-child {
    margin-bottom: 0;
}

.preamble-box {
	box-shadow: 0px 0px 10px #00000033;
	text-align: center;		
}

.preamble-box-wrapper {
	margin: 0 auto;	
	width: 80%;
	padding: 60px 0;	
}

/**
****************************************************************************************
// Block Preamble - END
****************************************************************************************
*/




/**
****************************************************************************************
// Block Preamble 2 cols
****************************************************************************************
*/
.block-preamble-2-cols {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.block-preamble-2-cols .section.group { 
	display: block;
	overflow: visible;	
}


.block-preamble-2-cols .col {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}


.block-preamble-2-cols .preamble-box {
	text-align: left;		
}

.block-preamble-2-cols .preamble-box-wrapper {
	margin: 0 auto;	
	width: 80%;
	padding: 86px 0;	
}


.block-preamble-2-cols .col-img {
    height: 300px;
    margin-bottom: 40px;
}

    

.preamble-2-cols-no-img {
	padding-top: 0;
}

.block-bg-color-purple.preamble-box a.text-link-bold { color: #fff;}
.block-bg-color-grey.preamble-box a.text-link-bold { color: #3B1044; }
.block-bg-color-white.preamble-box a.text-link-bold { color: #3B1044; }

.preamble-box a.text-link-bold:hover,
.preamble-box a.text-link-bold:focus {
	border-color: #FF4682;
	color: #FF4682;
}


/**
****************************************************************************************
// Block Preamble 2 cols - END
****************************************************************************************
*/




/**
****************************************************************************************
* Block, 2-cols
****************************************************************************************
*/
.block-2-cols {
	padding-top: 0;
	padding-bottom: 0;
}

.block-2-cols .section.group { 
	display: block;
	overflow: visible;	
}

.block-2-cols .col {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}


.block-2-col-content {
    max-width: 640px;
     padding: 40px 10%;
}

.block-2-col-content-wrapper {
    max-width: 580px;
}


.block-2-col-content-wrapper { }
.block-2-cols .col-text h2 {}



.block-2-cols h2,
.block-2-cols p {
	margin-bottom: 0;
}


.block-2-cols h2 {
	margin-bottom: 24px;
}












/**
****************************************************************************************
* Block, 2-cols - END
****************************************************************************************
*/

/**
****************************************************************************************
* Block, Business Card
****************************************************************************************
*/
.block-businesscard {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}


.block-businesscard h2 {
	margin-bottom: 60px;
}


.businesscard-list-wrapper {
	margin: 0 auto;
}

.businesscard-list-item {
	border-bottom: 1px solid rgba(59,16,68,0.4);
	height: 100%;
	margin: 0 auto 60px auto;
	padding: 0 0 60px 0;
	text-align: left;	
}


.businesscard-name {
	font-family: 'DM Serif Text', serif;
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 500;
	margin-bottom: 8px;
}


.businesscard-title,
.businesscard-email,
.businesscard-phone {
	margin-bottom: 8px;
}


.businesscard-title {
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 12px;
}

.businesscard-email a {
	color:  #3B1044;
	font-weight: 400;
	text-decoration: none;
}

.businesscard-email a:hover,
.businesscard-email a:active, 
.businesscard-email a:focus{
	color:  #FF4682;
	text-decoration: none;
}


.businesscard-phone {

}

.businesscard-text {
	line-height: 1.8;
	margin-top: 20px;
}

.businesscard-title,
.businesscard-email,
.businesscard-phone {
	word-break: break-all;
}

.businesscard-list-item-img .square-content {
	background-color: #00E9FC;
}

.block-businesscard .col:nth-child(3n+4) {
   clear: both;
}


/**
****************************************************************************************
* Block, Business Card - END
****************************************************************************************
*/

/**
****************************************************************************************
* Block, Business Card
****************************************************************************************
*/
.block-contact-post {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.contact-post-item {
	border-top: 2px solid #000;
	padding: 40px 10% 0 10%;
}


.contact-post-item  {
	height: 100%;

}


.block-contact-post .businesscard-list-item-info {
	text-align: left;
}


.block-contact-post .businesscard-list-item-img .square-content {
	background-color: #fff;
}


.block-contact-post .contact_post_col_2_100 .businesscard-list-item-info { text-align: center; }


/**
****************************************************************************************
*  Block Text Content
****************************************************************************************
*/

.block-text-content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.center-content {
	text-align: center;
}


/**
****************************************************************************************
*  Block Text Content - END
****************************************************************************************
*/


/**
****************************************************************************************
*  Block Files
****************************************************************************************
*/

.block-files {
	background-color: #F4F2F2;
	padding-top: 40px;
	padding-bottom: 40px;
}

.block-files .main-wrapper-text h2 {
	text-align: left;
}


.block-files .main-wrapper-text {
	margin: 0;
}


.files-list {
	border-top: 1px solid #3B1044;
	margin-top: 80px;
}

.files-list-section {		
	border-bottom: 1px solid #3B1044;
	padding: 24px 0;	
}

.files-list-section-title {
	cursor: pointer;
	font-family: 'DM Serif Text', serif;
	font-size: 26px;
	font-size: 2.6rem;
}

.files-list-section-files {
	padding-top: 40px;
}

.files-list-section-file {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;	
}

.file-arrow {
	box-shadow: 2px -2px 0 0 #3B1044 inset;
	display: inline-block;
	float: right;
	margin-top: 8px;
	margin-right: 40px;	
	padding: 8px;
	
	transition: transform 0.4s;
	
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.file-arrow-up  {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.file-arrow-down {
	/*
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	*/
}

/**
****************************************************************************************
*  Block Files - END
****************************************************************************************
*/

/**
****************************************************************************************
* Block Teasers
****************************************************************************************
*/
.block-teasers {
	padding-top: 40px;
	padding-bottom: 40px;
}

.block-teasers .main-wrapper-text h2 {
	text-align: center;
}

.teasers-list {	
	margin: 0 auto;
	max-width: 1160px;
}

.teasers-list-item {
	border-top: 2px solid #3B1044;	
	margin-top: 40px;
	padding-top: 40px;	
}

.teasers-list-item-info { }


.teasers-list-item-title { 
	font-family: 'DM Serif Text', serif;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 26px;
	overflow-wrap: break-word;
}

.block-teasers .teasers-list-item ul,
.block-teasers .teasers-list-item ol {
    margin: 20px 20px 20px 20px;
}


.block-teasers a.text-link-bold {
	margin-top: 10px;
}

.teasers_list_1_of_2.col:nth-child(2n+3) {
   clear: both;
}


/**
****************************************************************************************
* Block Teasers - END
****************************************************************************************
*/



/**
****************************************************************************************
* Block 2-cols-in-2-cols
****************************************************************************************
*/
.block-2-cols-in-2-cols  {
	margin: 80px auto 0 auto;
	padding: 0;
}

.list-2-cols-in-2-cols {
	margin: 0 3%;
}

.col-list-2-cols-in-2-cols-row.col { margin-bottom: 120px; }

.col-list-2-cols-in-2-cols-item-left.col { margin-bottom: 20px; }

.col-list-2-cols-in-2-cols-row img {
	display: block;
	margin: 0 auto;
	text-align: center;
	height: auto;
	width: auto;	
}

/**
****************************************************************************************
* Block 2-cols-in-2-cols - END
****************************************************************************************
*/



/**
****************************************************************************************
*  Block Files
****************************************************************************************
*/

.block-events-list {

}

.block-events-list .square:after {
	padding-bottom: 65%;
}

.block-events-list-title {
	font-family: 'DM Serif Text', serif;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 500;
	line-height: 1.1;
    margin-bottom: 8px;
}



.block-events-list a .businesscard-list-item {
	color: #3B1044;
	text-decoration: none;
}

.block-events-list a:hover .businesscard-list-item {
	color: #FF4682;
	text-decoration: none !important;
}

.block-events-list a:hover {
	text-decoration: none !important;
}

.block-events-list .title-small-mono {
	font-weight: normal;
}

.events-past-list-wrapper {
	padding-bottom: 20px;
}

.events-past-list-wrapper .businesscard-list-item {
	margin-bottom: 40px;
}


.events-past-list-wrapper .block-events-list-title {
	font-size: 30px;
	font-size: 3.0rem;
	margin-bottom: 4px;
}

.events-past-list-wrapper .title-small-mono {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 6px;
}


.single-events .block-default {
    padding-top: 0;
    padding-bottom: 0;
}

.single-events .block-default .col-img {
	height: 400px;
	margin-bottom: 40px;
}





/**
****************************************************************************************
* Block Iframe
****************************************************************************************
*/
.block-iframe  {
	margin: 80px auto 0 auto;
	padding: 0;
}

.block-iframe .main-wrapper-text h2 {
    text-align: center;
}

.iframe-wrapper {
	position: relative;
height: auto;
	width: 100%;	
	margin: 40px auto 40px auto;	
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
}
/**
****************************************************************************************
* Block Iframe - END
****************************************************************************************
*/




/**
****************************************************************************************
* Divider
****************************************************************************************
*/
.block-divider {
	margin: 40px auto;
	padding: 0;
}

.block-divider .main-wrapper{
	border-top: 2px solid #3B1044;
}

/**
****************************************************************************************
* Divider - END
****************************************************************************************
*/



/**
****************************************************************************************
* Block Image
****************************************************************************************
*/
.block-image  {
	margin: 80px auto;
	padding: 0;
	text-align: center;
}

/**
****************************************************************************************
* Block Image - END
****************************************************************************************
*/


/**
****************************************************************************************
* Page Block, Video
****************************************************************************************
*/
.block-video { 
	margin: 80px auto;
	padding: 0;
}

.block-video .square {
	margin-bottom: 0;
}

.block-video .square:after {
    padding-bottom: 44%;
}

.video-wrapper,
.video-container,
video {
	width: 100%;
}

.video-wrapper video.video-bg {
	opacity: 1.0;
	width: 100%;
}

.video-btn-play {
	cursor: pointer;
	position: absolute;   
	width: 100%;
	z-index: 90;
	top: 25%;
	bottom: 75%;
}

.btn-play-wrapper:hover {
	opacity: 1.0;
}

.btn-play-wrapper {
	background-repeat: no-repeat;
	background-position: top right; 
	background-size: 80px 81px;
	margin: 10px auto 20px auto;
	height: 81px;
	width: 80px;	
	opacity: 0.6;
	transition: opacity 0.2s ease-in;
}

.btn-play {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NDAgODU5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4NDAgODU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MjAuOCw4NDYuOUMxODguMSw4NDYuNiwxLjcsNjU2LjYsMy45LDQyNS45QzYsMTk2LjEsMTk1LDEwLjEsNDI2LjcsMTIuOA0KCQljMjI4LjEsMi42LDQxMy40LDE5MS43LDQxMS4yLDQyMC44QzgzNS43LDY2Myw2NDkuMSw4NDYuOCw0MjAuOCw4NDYuOXogTTQyMS4xLDQ5LjFDMjEzLjQsNDkuMiw0NC40LDIxNC4yLDQwLjIsNDIxLjkNCgkJYy00LjMsMjE1LjEsMTY3LjcsMzg4LDM3OS40LDM4OC43YzIwOS45LDAuNiwzODEtMTY3LjgsMzgxLjktMzc5LjJDODAyLjUsMjIxLjEsNjMzLjQsNDkuNyw0MjEuMSw0OS4xeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNzUsNDMwYzAtNjUuMywwLTEzMC42LDAtMTk2YzAtMTgsMTMuOS0yNi4yLDI5LjUtMTcuM2M4Mi42LDQ3LjQsMTY1LjMsOTQuOCwyNDcuOSwxNDIuMg0KCQljMzAuOSwxNy43LDYxLjksMzUuNCw5Mi43LDUzLjJjMTUuNSw5LDE1LjcsMjQuOSwwLjQsMzMuOWMtNTEuNCwzMC4yLTEwMi45LDYwLjItMTU0LjQsOTAuM2MtNjEuNCwzNS45LTEyMi44LDcxLjgtMTg0LjIsMTA3LjYNCgkJYy0zLjEsMS44LTYuNiwzLjQtMTAuMSw0Yy0xMC44LDEuNi0xOS45LTYuOC0yMC4xLTE4LjRjLTAuMy0xOS0wLjQtMzgtMC40LTU3Yy0wLjEtNDcuNSwwLTk1LDAtMTQyLjVDMjc1LjgsNDMwLDI3NS40LDQzMCwyNzUsNDMwDQoJCXogTTMxMi4zLDU5OC43Yzk3LjQtNTYuOSwxOTMuMy0xMTIuOSwyODkuOS0xNjkuM2MtOTcuMS01NS43LTE5My41LTExMS0yODkuOS0xNjYuNEMzMTIuMywzNzQuOSwzMTIuMyw0ODYuMSwzMTIuMyw1OTguN3oiLz4NCjwvZz4NCjwvc3ZnPg0K")
}
	


@media screen and (min-width: 320px) { .start-video .video-height, .container { height: 220px; } } 
@media screen and (min-width: 400px) { .start-video .video-height, .container { height: 260px; } }
@media screen and (min-width: 520px) {
	.video-btn-play {top: auto; bottom: auto; }
}
@media screen and (min-width: 600px) { .start-video .video-height, .container { height: 360px; } }
@media screen and (min-width: 740px) { .start-video .video-height, .container { height: 400px; } }
@media screen and (min-width: 768px) {
	.btn-play-wrapper { background-size: 140px 140px; height: 140px; width: 140px; }
}
@media screen and (min-width: 880px) { .start-video .video-height, .container { height: 480px; } }
@media screen and (min-width: 920px) { .start-video .video-height, .container { height: 500px; } }
@media screen and (min-width: 980px) { .start-video .video-height, .container { height: 560px; } }
@media screen and (min-width: 1060px) { .start-video .video-height, .container { height: 600px; } }
@media screen and (min-width: 1140px) { .start-video .video-height, .container { height: 660px; } }
@media screen and (min-width: 1220px) { .start-video .video-height, .container { height: 700px; } }
@media screen and (min-width: 1340px) { .start-video .video-height, .container { height: 760px; } }
@media screen and (min-width: 1440px) { .start-video .video-height, .container { height: 860px; } }
@media screen and (min-width: 1580px) { .start-video .video-height, .container { height: 960px; } }
@media screen and (min-width: 2000px) { .start-video .video-height, .container { height: 1100px; } }

/* IE 11 Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.video-btn-play {
	top: 40%;
	bottom: 60%;
}
}

/**
****************************************************************************************
* Page Block, Video - END
****************************************************************************************
*/


/**
****************************************************************************************
* Block, Press releases
****************************************************************************************
*/
.block-pressreleases {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.pressreleases-list-wrapper {
	padding-bottom: 20px;
}

.pressreleases-list-wrapper .pressreleases-list-item {
	margin-bottom: 80px;
}


.pressreleases-list-wrapper .list-item-title {
	font-family: 'DM Serif Text', serif;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 4px;
	overflow-wrap: break-word;
}

.pressreleases-list-wrapper .title-small-mono {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 6px;
}


.pressreleases-list-item {
	border-bottom: 1px solid rgba(59,16,68,0.4);
	height: 100%;
	margin: 0 auto 60px auto;
	padding: 0 0 40px 0;
	text-align: left;	
}


.block-events-list a .pressreleases-list-item {
	color: #3B1044;
	text-decoration: none;
}

.block-events-list a .pressreleases-list-item p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	max-width: 780px;
}

.block-events-list a:hover .pressreleases-list-item,
.block-events-list a:active .pressreleases-list-item,
.block-events-list a:focus .pressreleases-list-item {
	color: #FF4682;
	text-decoration: none !important;
}


.block-default.block-pressreleases-single {
	padding-top: 0;
}


.page-template-tpl-pressreleases .hero-text-width {
    max-width: 1200px;    
}

/**
****************************************************************************************
* Block, Business Card - END
****************************************************************************************
*/

/**
****************************************************************************************
* Block, Article
****************************************************************************************
*/

.block-article-single {
	padding-top: 140px;
	padding-bottom: 0;
}

.span_1_of_2 .block-article-single-cols-wrapper {
	margin-bottom: 40px;
	margin-right: 0;
	margin-left: 0;
}

.block-article-single-cols-content {
	padding-right: 15%;
}


.block-article-single h1 {
	line-height: 1.2;
}

.block-article-single .preamble {
	border-top: 2px solid #381044;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.5;
	padding-top: 34px;
	width: 100%;
}

.block-article-single-cols-wrapper h2,
.block-article-single-cols-wrapper h3,
.block-article-single-cols-wrapper h4,
.block-article-single-cols-wrapper h5,
.block-article-single-cols-wrapper h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}


.block-article-single-cols-wrapper h2 { font-size: 34px; font-size: 3.4rem; }
.block-article-single-cols-wrapper h3 { font-size: 28px; font-size: 2.8rem; }
.block-article-single-cols-wrapper h4 { font-size: 26px; font-size: 2.6rem; }
.block-article-single-cols-wrapper h5 { font-size: 24px; font-size: 2.4rem; }
.block-article-single-cols-wrapper h6 { font-size: 22px; font-size: 2.2rem; }

.block-article-single-cols-wrapper img {
	width: 100%;
}

.article-image-text {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 14px 0 40px 0;
}



.articles-list-wrapper {
	padding-bottom: 20px;
	width: 100%;
}

.articles-list-wrapper .businesscard-list-item {
	margin-bottom: 40px;
}


.articles-list-wrapper .block-events-list-title {
	font-size: 30px;
	font-size: 3.0rem;
	margin-bottom: 4px;
}

.articles-list-wrapper .title-small-mono {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 6px;
}




.article-list-preamble {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;	
}

/**
****************************************************************************************
* Block, Article - END
****************************************************************************************
*/



/**
****************************************************************************************
*  Header Search + Result
****************************************************************************************
*/
#header-search{
	background-color: #fff;
	display: block;
	margin: 80px 0 40px 0;
	max-width: 360px;	
}

#searchform {
	display: inline-block;
    width: 100%;
}

#header-search input {
	background-color: #fff;
	border: none;
	color: #3B1044;
	font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    font-size: 1.6rem;
	text-align: left;	
	margin: 0;	
	padding: 0 10px;
	height: 48px;
	width: -webkit-calc(100% - 51px);
	width:    -moz-calc(100% - 51px);
	width:         calc(100% - 51px);		
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	resize: none;	
}

#header-search input[type="submit"] {
    background-color: transparent;
	border: none;
	border-left: 1px solid #3B1044;
    color: transparent;
	cursor: pointer;	
	padding: 0 10px; 
    text-decoration: none;	
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	
	width: 50px;
	height: 50px;
	
	vertical-align: middle;
}

button#searchsubmit {
	background-color: transparent;
	border: none;
}

.block-search.block-text-content {
    background-color: #F4F2F2;
    padding-top: 20px;
    padding-bottom: 40px;
}

.search-result-item {
	border-bottom: 1px solid rgba(59,16,68,0.4);
	padding: 40px 0;
	margin: 40px 0;	
}

.search-result-item:nth-child(even) { }

.search-result-item a { 
	color: #3B1044;
	font-weight: normal;
	text-decoration: none;
}
.search-result-item a:hover, 
.search-result-item a:hover p,
.search-result-item a:hover .search-result-item-title { 
	color: #FF4682;
	text-decoration: none;
}

.search-result-item a, 
.search-result-item a p,
.search-result-item a .search-result-item-title { 
	transition: color 0.2s ease-in;
}

.search-result-item a p { 
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
}

.search-result-item-title {	
	clear: both;
	color: #3B1044;
	font-family: 'DM Serif Text', serif;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.search-result-item .search-result-item-link p {
	margin-bottom: 2px;
	margin-bottom: 0.2rem;
	font-size: 16px;
    font-size: 1.6rem;
	font-style: italic;
	font-weight: normal;
}

/**
****************************************************************************************
*  Header Search + Result - END
****************************************************************************************
*/
















/**
****************************************************************************************
* Cookie-info
****************************************************************************************
*/
#cookie-info {
	background-color: #fff;
	border-top: 4px solid #FF972D;	
	color: #3B1044;
	display: none;
	padding: 20px 10%;
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
	z-index: 91;
}

#cookie-info p {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 auto;
	max-width: 500px;	
}

#cookie-info a {
	color: #3B1044;
	text-decoration: none;
}

#cookie-info a:hover {
	color: #FF4682;
	text-decoration: underline;
}

#cookie-info-approve {
	background-color: #FF972D;
	border: 2px solid #FF972D;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
    font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 20px 0;
	padding: 8px 44px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
} 

#cookie-info-approve:hover {
	background-color: #fff;
	border: 2px solid #FF972D;
	color: #FF972D;
}



/**
****************************************************************************************
* Cookie-info - END
****************************************************************************************
*/











/**
****************************************************************************************
*  Misc
****************************************************************************************
*/
.hide {
	display: none;	
}

.hide-important {
	display: none !important;	
}

.hide-in-desktop {
	display: block !important;	
}

.hide-in-mobile {
	display: none !important;	
}

.align-left { text-align: left; }
.align-right { text-align: right; }

.flex-right { flex-direction: row-reverse; }


/*
body.no-scroll { 
  overflow: hidden;
}
*/

/**
****************************************************************************************
*  Misc - END
****************************************************************************************
*/


/**
****************************************************************************************
*  Media
****************************************************************************************
*/
audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 40px;
	max-width: 100%;
	vertical-align: middle;
	width: 100%;
}
/**
****************************************************************************************
*  Media - END
****************************************************************************************
*/

/**
****************************************************************************************
* Youtube
****************************************************************************************
*/
.embed-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;	
	margin: 60px auto 20px auto;	
}

.embed-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/**
****************************************************************************************
* Youtube - END
****************************************************************************************
*/


/**
****************************************************************************************
* Slick Slider
****************************************************************************************
*/

/**
See also js/slick/slick.theme.css
*/

.hero-slider .hero-wrapper-5050-layout {
	
}

.hero-slider .hero-wrapper-5050-layout {
	background-color: #3B1044;
}

.hero-slider .hero-wrapper-5050-layout.text-dark {
	background-color: #f4f2f2;
}

.hero-slider .hero-wrapper-5050-layout .section.group {	
	display: block;
    overflow: visible;
	height: 100%;
}

.hero-slider .hero-wrapper-5050-layout .col-text-middle.col {
	justify-content: right;
	-webkit-justify-content: right;
}

.hero-slider .hero-wrapper-5050-layout .block-2-col-content {
	max-width: 820px;
	padding: 0 14% 0 6%;	
	width: 94%;	
}

.hero-slider .hero-wrapper-5050-layout .block-2-col-content-wrapper {
    max-width: none;
}

.hero-text-block-5050 .hero-text-block {
	
}

.slider_col_2.col {
	display: none;
}


.slider_col_1.col-text-middle {
	height: 100%;
}


/**
****************************************************************************************
* Slick Slider - END
****************************************************************************************
*/

/**
****************************************************************************************
*  Logos and icons
****************************************************************************************
*/

.logo-odinwell-wrapper {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 230px 44px;
	display: inline-block;
	width: 230px;
	height: 44px;
}

.logo-odinwell-wrapper {
	background-size: 125px 24px;
	width: 125px;
	height: 24px;
}    


.logo-odinwell {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NDcuOTk0IiBoZWlnaHQ9IjEwNS4yNDUiIHZpZXdCb3g9IjAgMCA1NDcuOTk0IDEwNS4yNDUiPgogIDxnIGlkPSJPZGlud2VsbC1sb2dvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1LjQwNyAtMzAuMjkxKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgZD0iTTIxNi45MjUsNDguMjUxYTExLjA3NCwxMS4wNzQsMCwwLDEsMjIuMTQyLDAsMTEuMDc5LDExLjA3OSwwLDAsMS0yMi4xNDIsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5Ny4yNyAyMy4yNikiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzIiIGRhdGEtbmFtZT0iUGF0aCAyIiBkPSJNMTI1LjQwNyw4MC45NmMwLTI4Ljg0MSwyMS4xODYtNDguOTMxLDQ4LjExMS00OC45MzFzNDguMTE1LDIwLjA5LDQ4LjExNSw0OC45MzEtMjEuMTg2LDQ4LjkzMS00OC4xMTUsNDguOTMxUzEyNS40MDcsMTA5LjgsMTI1LjQwNyw4MC45NlptNzguMTg0LDBjMC0xOS42ODItMTIuNzE1LTMyLjgtMzAuMDczLTMyLjgtMTcuMjIyLDAtMjkuOTMzLDEzLjEyMy0yOS45MzMsMzIuOHMxMi43MTEsMzIuOCwyOS45MzMsMzIuOEMxOTAuODc2LDExMy43NjUsMjAzLjU5MSwxMDAuNjQyLDIwMy41OTEsODAuOTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDUuNjQ1KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfMyIgZGF0YS1uYW1lPSJQYXRoIDMiIGQ9Ik0yMDcuMDg0LDMxLjMyMWgxNi42NzRWMTMxLjFIMjA3LjIyVjEyMC43MTJjLTQuNjQ4LDcuMTA3LTEzLjM5NSwxMS40NzktMjMuNTEsMTEuNDc5LTE4LjcyNiwwLTMzLjYyNS0xNS4wMy0zMy42MjUtMzcuMzEyczE0LjktMzcuMzE2LDMzLjYyNS0zNy4zMTZjOS45NzksMCwxOC43MjYsNC4zNzYsMjMuMzc0LDExLjIxMVptLjI3Niw2My41NThjMC0xMy42NjctOC4zMzktMjIuNTU0LTIwLjA5NC0yMi41NTQtMTEuOSwwLTIwLjIzLDguODg3LTIwLjIzLDIyLjU1NHM4LjMzNSwyMi41NTQsMjAuMjMsMjIuNTU0QzE5OS4wMjEsMTE3LjQzMiwyMDcuMzYsMTA4LjU0NSwyMDcuMzYsOTQuODc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMTYzIDMuMzQ2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfNCIgZGF0YS1uYW1lPSJQYXRoIDQiIGQ9Ik0xNzAuNTE4LDQxLjA5YTExLjA3NCwxMS4wNzQsMCwwLDEsMjIuMTQyLDAsMTEuMDc5LDExLjA3OSwwLDAsMS0yMi4xNDIsMFptMi43MzYsOTMuMzU0VjYyaDE2LjY3NHY3Mi40NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Ni41MyAwKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfNSIgZGF0YS1uYW1lPSJQYXRoIDUiIGQ9Ik0yNDUuMzUyLDY1LjY1NXY0NS4zNzlIMjI4LjY3OHYtNDAuNmMwLTExLjg5MS01Ljg4LTE3Ljc2Ni0xNS4xNzUtMTcuNzY2LTEwLjM4NywwLTE4LjA0Miw2Ljk2Ny0xOC4wNDIsMTkuOTU0djM4LjQwOEgxNzguNzg3VjM4LjU5NGgxNi40VjQ5LjExN2M1LjA1NS03LjI0MywxMy45NDMtMTEuNjE5LDI0LjA1OC0xMS42MTlDMjM0LjgyOSwzNy41LDI0NS4zNTIsNDcuNzUzLDI0NS4zNTIsNjUuNjU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczLjM5IDIzLjQxKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfNiIgZGF0YS1uYW1lPSJQYXRoIDYiIGQ9Ik0yODUuMDY3LDExMC4yaC0xNi4xM0wyNTIuNCw2MC4xNywyMzUuODYsMTEwLjJIMjE5LjU5NGwtMjMuNzg2LTcyLjQ0aDE3LjkwNmwxNS4zMTEsNDkuMDY3LDE2LjQtNDkuMDY3aDE0LjYyN2wxNi4yNjIsNDkuMDY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjguNjc3IDI0LjI0OCkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzciIGRhdGEtbmFtZT0iUGF0aCA3IiBkPSJNMjk1LjUxNCw3OC42NDJIMjM5LjMzNWMxLjUsMTIuOTgzLDEwLjI1MSwxOS41NDYsMjEuNDYyLDE5LjU0Niw4LjMzNSwwLDE1LjAzNC0zLjY5MiwxNy45LTkuNzA3aDE2LjEzYy0zLjk2NCwxNC43NjMtMTcuMzU4LDIzLjY0Ni0zNC40NDUsMjMuNjQ2LTIyLjAwNiwwLTM3LjQ1Mi0xNC43NTgtMzcuNDUyLTM2Ljc2NCwwLTIyLjU1NCwxNi40LTM3Ljg2NCwzNy41ODgtMzcuODY0LDE5Ljk1OCwwLDM1LjI2NCwxMy44MDcsMzUuMjY0LDM1LjRDMjk1Ljc4Niw3NC45NSwyOTUuNjUsNzYuODY2LDI5NS41MTQsNzguNjQyWk0yNDAuMTU1LDY2Ljc1MWgzOC45NTZDMjc3LjMzNiw1Ni4zNiwyNzAuMjI0LDUxLjMsMjYwLjUyMSw1MS4zLDI1MC42ODIsNTEuMywyNDIuODkxLDU2Ljc3MiwyNDAuMTU1LDY2Ljc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNi43ODUgMjMuNDEpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iUGF0aF84IiBkYXRhLW5hbWU9IlBhdGggOCIgZD0iTTI0Mi44NSwxMzEuMVYzMS4zMjFoMTYuNjc0VjEzMS4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgxLjQ4IDMuMzQ2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfOSIgZGF0YS1uYW1lPSJQYXRoIDkiIGQ9Ik0yNTAuNDc2LDEzMS4xVjMxLjMyMUgyNjcuMTVWMTMxLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDYuMjUxIDMuMzQ2KSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==")
}

.logo-odinwell-purple {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NDcuOTk0IiBoZWlnaHQ9IjEwNS4yNDUiIHZpZXdCb3g9IjAgMCA1NDcuOTk0IDEwNS4yNDUiPgogIDxnIGlkPSJPZGlud2VsbC1sb2dvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1LjQwNyAtMzAuMjkxKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgZD0iTTIxNi45MjUsNDguMjUxYTExLjA3NCwxMS4wNzQsMCwwLDEsMjIuMTQyLDAsMTEuMDc5LDExLjA3OSwwLDAsMS0yMi4xNDIsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5Ny4yNyAyMy4yNikiIGZpbGw9IiMzYjEwNDQiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzIiIGRhdGEtbmFtZT0iUGF0aCAyIiBkPSJNMTI1LjQwNyw4MC45NmMwLTI4Ljg0MSwyMS4xODYtNDguOTMxLDQ4LjExMS00OC45MzFzNDguMTE1LDIwLjA5LDQ4LjExNSw0OC45MzEtMjEuMTg2LDQ4LjkzMS00OC4xMTUsNDguOTMxUzEyNS40MDcsMTA5LjgsMTI1LjQwNyw4MC45NlptNzguMTg0LDBjMC0xOS42ODItMTIuNzE1LTMyLjgtMzAuMDczLTMyLjgtMTcuMjIyLDAtMjkuOTMzLDEzLjEyMy0yOS45MzMsMzIuOHMxMi43MTEsMzIuOCwyOS45MzMsMzIuOEMxOTAuODc2LDExMy43NjUsMjAzLjU5MSwxMDAuNjQyLDIwMy41OTEsODAuOTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDUuNjQ1KSIgZmlsbD0iIzNiMTA0NCIvPgogICAgPHBhdGggaWQ9IlBhdGhfMyIgZGF0YS1uYW1lPSJQYXRoIDMiIGQ9Ik0yMDcuMDg0LDMxLjMyMWgxNi42NzRWMTMxLjFIMjA3LjIyVjEyMC43MTJjLTQuNjQ4LDcuMTA3LTEzLjM5NSwxMS40NzktMjMuNTEsMTEuNDc5LTE4LjcyNiwwLTMzLjYyNS0xNS4wMy0zMy42MjUtMzcuMzEyczE0LjktMzcuMzE2LDMzLjYyNS0zNy4zMTZjOS45NzksMCwxOC43MjYsNC4zNzYsMjMuMzc0LDExLjIxMVptLjI3Niw2My41NThjMC0xMy42NjctOC4zMzktMjIuNTU0LTIwLjA5NC0yMi41NTQtMTEuOSwwLTIwLjIzLDguODg3LTIwLjIzLDIyLjU1NHM4LjMzNSwyMi41NTQsMjAuMjMsMjIuNTU0QzE5OS4wMjEsMTE3LjQzMiwyMDcuMzYsMTA4LjU0NSwyMDcuMzYsOTQuODc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMTYzIDMuMzQ2KSIgZmlsbD0iIzNiMTA0NCIvPgogICAgPHBhdGggaWQ9IlBhdGhfNCIgZGF0YS1uYW1lPSJQYXRoIDQiIGQ9Ik0xNzAuNTE4LDQxLjA5YTExLjA3NCwxMS4wNzQsMCwwLDEsMjIuMTQyLDAsMTEuMDc5LDExLjA3OSwwLDAsMS0yMi4xNDIsMFptMi43MzYsOTMuMzU0VjYyaDE2LjY3NHY3Mi40NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Ni41MyAwKSIgZmlsbD0iIzNiMTA0NCIvPgogICAgPHBhdGggaWQ9IlBhdGhfNSIgZGF0YS1uYW1lPSJQYXRoIDUiIGQ9Ik0yNDUuMzUyLDY1LjY1NXY0NS4zNzlIMjI4LjY3OHYtNDAuNmMwLTExLjg5MS01Ljg4LTE3Ljc2Ni0xNS4xNzUtMTcuNzY2LTEwLjM4NywwLTE4LjA0Miw2Ljk2Ny0xOC4wNDIsMTkuOTU0djM4LjQwOEgxNzguNzg3VjM4LjU5NGgxNi40VjQ5LjExN2M1LjA1NS03LjI0MywxMy45NDMtMTEuNjE5LDI0LjA1OC0xMS42MTlDMjM0LjgyOSwzNy41LDI0NS4zNTIsNDcuNzUzLDI0NS4zNTIsNjUuNjU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczLjM5IDIzLjQxKSIgZmlsbD0iIzNiMTA0NCIvPgogICAgPHBhdGggaWQ9IlBhdGhfNiIgZGF0YS1uYW1lPSJQYXRoIDYiIGQ9Ik0yODUuMDY3LDExMC4yaC0xNi4xM0wyNTIuNCw2MC4xNywyMzUuODYsMTEwLjJIMjE5LjU5NGwtMjMuNzg2LTcyLjQ0aDE3LjkwNmwxNS4zMTEsNDkuMDY3LDE2LjQtNDkuMDY3aDE0LjYyN2wxNi4yNjIsNDkuMDY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjguNjc3IDI0LjI0OCkiIGZpbGw9IiMzYjEwNDQiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzciIGRhdGEtbmFtZT0iUGF0aCA3IiBkPSJNMjk1LjUxNCw3OC42NDJIMjM5LjMzNWMxLjUsMTIuOTgzLDEwLjI1MSwxOS41NDYsMjEuNDYyLDE5LjU0Niw4LjMzNSwwLDE1LjAzNC0zLjY5MiwxNy45LTkuNzA3aDE2LjEzYy0zLjk2NCwxNC43NjMtMTcuMzU4LDIzLjY0Ni0zNC40NDUsMjMuNjQ2LTIyLjAwNiwwLTM3LjQ1Mi0xNC43NTgtMzcuNDUyLTM2Ljc2NCwwLTIyLjU1NCwxNi40LTM3Ljg2NCwzNy41ODgtMzcuODY0LDE5Ljk1OCwwLDM1LjI2NCwxMy44MDcsMzUuMjY0LDM1LjRDMjk1Ljc4Niw3NC45NSwyOTUuNjUsNzYuODY2LDI5NS41MTQsNzguNjQyWk0yNDAuMTU1LDY2Ljc1MWgzOC45NTZDMjc3LjMzNiw1Ni4zNiwyNzAuMjI0LDUxLjMsMjYwLjUyMSw1MS4zLDI1MC42ODIsNTEuMywyNDIuODkxLDU2Ljc3MiwyNDAuMTU1LDY2Ljc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNi43ODUgMjMuNDEpIiBmaWxsPSIjM2IxMDQ0Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF84IiBkYXRhLW5hbWU9IlBhdGggOCIgZD0iTTI0Mi44NSwxMzEuMVYzMS4zMjFoMTYuNjc0VjEzMS4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgxLjQ4IDMuMzQ2KSIgZmlsbD0iIzNiMTA0NCIvPgogICAgPHBhdGggaWQ9IlBhdGhfOSIgZGF0YS1uYW1lPSJQYXRoIDkiIGQ9Ik0yNTAuNDc2LDEzMS4xVjMxLjMyMUgyNjcuMTVWMTMxLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDYuMjUxIDMuMzQ2KSIgZmlsbD0iIzNiMTA0NCIvPgogIDwvZz4KPC9zdmc+Cg==")
}


.icon-the-eye-wrapper {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 64px 64px;
	display: inline-block;
	width: 64px;
	height: 64px;
}


.icon-the-eye-blue {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiMwMGU5ZmMiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiMwMGU5ZmMiLz48L2c+PC9zdmc+")
}

.icon-the-eye-green {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiMxM2VhODUiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiMxM2VhODUiLz48L2c+PC9zdmc+")
}

.icon-the-eye-orange {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiNmZjk3MmQiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiNmZjk3MmQiLz48L2c+PC9zdmc+")
}

.icon-the-eye-pink {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiNmZjQ2ODIiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiNmZjQ2ODIiLz48L2c+PC9zdmc+")
}

.icon-the-eye-purple {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiMzYjEwNDQiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiMzYjEwNDQiLz48L2c+PC9zdmc+")
}

.icon-the-eye-white {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwLjAwMyIgdmlld0JveD0iMCAwIDI1MCAyNTAuMDAzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MC4zNjEgMTcwLjkwNCkiPjxwYXRoIGQ9Ik00MTUuMzYzLDQyMC45MDdhMTI1LDEyNSwwLDEsMSwxMjUtMTI1QTEyNS4xNDQsMTI1LjE0NCwwLDAsMSw0MTUuMzYzLDQyMC45MDdabTAtMjI5LjRhMTA0LjQsMTA0LjQsMCwxLDAsMTA0LjQsMTA0LjRBMTA0LjUyMSwxMDQuNTIxLDAsMCwwLDQxNS4zNjMsMTkxLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjM2MSAtMTcwLjkwNCkiIGZpbGw9IiNmZmYiLz48L2c+PGNpcmNsZSBjeD0iMzEuMjgyIiBjeT0iMzEuMjgyIiByPSIzMS4yODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNS4zNjIgMjMzLjM0MSkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")
}


.icon-search-wrapper {
	background-repeat: no-repeat;
	background-position: center; 
	background-size: 20px 22px;
	width: 20px;
	height: 22px;		
}

.icon-search {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NzAuNyA5ODEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg3MC43IDk4MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjM0IxMDQ0IiBzdHJva2U9IiMxRDFEMUIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTc3Ni4yLDk4MC41Yy04LjItMi42LTEzLjMtOC44LTE4LjUtMTUuMg0KCQljLTg5LjQtMTEwLjItMTc5LTIyMC40LTI2OC40LTMzMC42Yy0yLjUtMy00LjItMy41LTcuNy0xLjdjLTY0LjQsMzEuNC0xMzIsNDEuNy0yMDIuNiwyOS43QzE0Mi4zLDYzOS40LDM1LjksNTM2LjcsNy41LDQwMS40DQoJCUMtMjQsMjUxLjIsNTMuNiw5Ni40LDE5Mi42LDMxLjljMzcuOS0xNy42LDc3LjUtMjgsMTE5LjItMzAuNmMxLjUtMC4xLDIuOS0wLjUsNC40LTAuOGMxMiwwLDI0LDAsMzYsMGMxLjYsMC4zLDMuMiwwLjcsNC45LDAuOA0KCQlDMzk0LDMuNyw0MjkuNSwxMiw0NjMuNCwyNi41YzEzNy4xLDU4LjYsMjE3LjgsMTk2LDIwMS45LDM0NC4zYy02LjgsNjMuMy0zMC41LDExOS45LTY5LjgsMTY5LjljLTIuMywzLTQuNyw1LjktNyw4LjkNCgkJYzAuNywwLjksMSwxLjUsMS41LDJjODkuOSwxMTAuNywxNzkuOCwyMjEuMywyNjkuOCwzMzEuOWM0LjcsNS43LDkuMSwxMS41LDEwLjUsMTguOWMwLDEsMCwyLDAsM2MtMS42LDcuMy00LjksMTMuNS0xMSwxOC4zDQoJCWMtMTcuNywxNC0zNSwyOC42LTUyLjcsNDIuNWMtNi43LDUuMy0xNC4yLDkuNS0yMS4zLDE0LjJDNzgyLjIsOTgwLjUsNzc5LjIsOTgwLjUsNzc2LjIsOTgwLjV6IE0zMzQuMiw1ODQuMw0KCQljMTM3LjcsMCwyNDkuOS0xMTIuMSwyNTAtMjQ5LjljMC4xLTEzNy45LTExMS45LTI1MC4yLTI0OS42LTI1MC4zQzE5Ni4yLDg0LDg0LjIsMTk1LjgsODQuMiwzMzMuOQ0KCQlDODQuMSw0NzIuMSwxOTYuMSw1ODQuMiwzMzQuMiw1ODQuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K")
}

/**
****************************************************************************************
*  Logos and icons
****************************************************************************************
*/







/**
****************************************************************************************
* wpcf7
****************************************************************************************
*/
form.wpcf7-form { }

form.wpcf7-form p {
	margin-bottom: 10px;
    margin-bottom: 1.0rem;
}

.wpcf7-form label { 
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

span.wpcf7-list-item { margin: 0; }

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="file"],
.wpcf7-form textarea {	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	resize: none;	
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="file"],
.wpcf7-form textarea {	
	background-color: #fff;
	border: 1px solid #3B1044;
	border-radius: 0;
	color: #3B1044;
	display: inline-block;
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: normal;
	width: 100%;	
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {	
	margin: 10px 0 0 0;	
	padding: 4px 10px; 	
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
	height: 40px;
}

.wpcf7-form textarea {
	height: 120px;
	padding: 14px 10px;
}

.wpcf7-form input[type="submit"],
.wpcf7-form input[type="file"] {
    background-color: #fff;
    border: 2px solid #3B1044;
 	border-radius: 0;
    color: #3B1044;
	cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 20px 0;
	padding: 8px 44px;
    text-align: center;
    text-decoration: none;
	text-transform: uppercase;
    transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in;
	
}

.wpcf7-form input[type="submit"] {	
	background-color: #13EA85;
	border: 2px solid #13EA85;
	color: #fff;	
	width: auto;	
}


.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="file"]:hover {
	background-color: #fff;
	border: 2px solid #13EA85;
	color: #13EA85;
}

.wpcf7-form input[type="file"] {
	/*
	background-color: #3B1044;
	border: 2px solid #3B1044;
	color: #fff;
	*/
	font-size: 14px;
	font-size: 1.4rem; 
	width: 60%;	
}

span.wpcf7-form-control-wrap {
	position: static !important;
}


.wpcf7-validation-errors {
	background-color: #fff !important;
	border: 4px solid #FF972D !important;
	color: #000 !important;
}

span.wpcf7-not-valid-tip {
	background-color: #fff !important;
	border: 2px solid #FF4682 !important;
	color: #000 !important;
	display: block !important;
	font-size: 14px;
	margin: 4px 0 2px 0 !important;
	padding: 2px 4px !important;
}

div.wpcf7-response-output {
	margin: 4px 0 16px 0 !important;
	padding: 1.5em 1.5em !important;
	margin-top: 20px !important;
}

.wpcf7-mail-sent-ok{	
	background-color: #13EA85 !important;
	border: 4px solid #13EA85 !important;
	color: #fff !important;
}

.wpcf7-mail-sent-ng, .wpcf7-aborted{	
	background-color: #13EA85;
	border: 4px solid #13EA85 !important;
	color: #fff !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #13EA85 !important;
	border: 4px solid #13EA85 !important;
	color: #fff !important;
}

div.wpcf7 img.ajax-loader{
	clear: both !important;	
	display: block !important;	
	margin: 10px auto !important;	
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #FF4682;	
	background-color: #FF4682;
	color: #fff !important;
}




.wpcf7 .screen-reader-response {
    position: static;
}

/**
****************************************************************************************
* wpcf7
****************************************************************************************
*/











/**
****************************************************************************************
* Responsive design
****************************************************************************************
*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
	margin: 0 0 0 0;
}

.col-right {
	float: right;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/*  GO FULL WIDTH */
@media only screen and (min-width: 768px) {
	.col { margin: 0% 0 0% 0%; }
}

/*  GRID OF COLUMNS   ================================================================== */
.span_1_of_1 { width: 100%; }
.span_1_of_2, .span_2_of_2  { width: 100%; }
.span_1_of_3, .span_3_of_3  { width: 100%; }
.span_1_of_4, .span_4_of_4  { width: 100%; }

.header_col_1,
.header_col_2 { width: 50%; }

.footer_col_1, .footer_col_2, .footer_col_3 { width: 100%; }

.cols_col_1, .cols_col_2 { width: 100%; }

.slider_col_1, .slider_col_2 { width: 100%; }


.businesscard_col_3 { width: 100%; }

.teasers_list_1_of_2 { width: 100%; }


.contact_post_col_1, .contact_post_col_2 { width: 100%; }


.col-list-2-cols-in-2-cols-row,
.col-list-2-cols-in-2-cols-left,
.col-list-2-cols-in-2-cols-right { width: 100%; }




@media only screen and (min-width: 768px) {
	.span_1_of_2 { width: 50%; }
	.span_1_of_3 { width: 33.3%; }
	.span_1_of_4 { width: 25%; }
	
	.footer_col_1 { width: 35%; margin-right: 12.5%; }
	.footer_col_2 { width: 20%; margin-right: 12.5%; }
	.footer_col_3 { width: 20%; }
	
	.cols_col_1 { width: 50%; }
	.cols_col_2 { width: 50%; }
	
	.slider_col_1 { width: 50%; }
	.slider_col_2 { width: 50%; }
	
	.block-preamble-2-cols .flex-right .cols_col_1 { width: 42%; margin-right: 0; margin-left: 8%; }
	.block-preamble-2-cols .flex-right .cols_col_2 { width: 42%; margin-right: 8%; margin-left: 0; }

	.block-preamble-2-cols .cols_col_1 { width: 42%; margin-right: 8%; margin-left: 0; }
	.block-preamble-2-cols .cols_col_2 { width: 42%; margin-right: 0; margin-left: 8%; }
	
	
	.block-preamble-2-cols-width-1.block-preamble-2-cols .cols_col_1 { width: 28%; margin-right: 8%; margin-left: 0; }
	.block-preamble-2-cols-width-1.block-preamble-2-cols .cols_col_2 { width: 56%; margin-right: 0; margin-left: 8%; }
	
	.block-preamble-2-cols-width-3.block-preamble-2-cols .cols_col_1 { width: 56%; margin-right: 8%; margin-left: 0; }
	.block-preamble-2-cols-width-3.block-preamble-2-cols .cols_col_2 { width: 28%; margin-right: 0; margin-left: 8%; }
	
	
	.block-preamble-2-cols-width-1.block-preamble-2-cols .flex-right .cols_col_1 { width: 28%; margin-right: 0; margin-left: 8%; }
	.block-preamble-2-cols-width-1.block-preamble-2-cols .flex-right .cols_col_2 { width: 56%; margin-right: 8%; margin-left: 0; }
	
	.block-preamble-2-cols-width-3.block-preamble-2-cols .flex-right .cols_col_1 { width: 56%; margin-right: 0; margin-left: 8%; }
	.block-preamble-2-cols-width-3.block-preamble-2-cols .flex-right .cols_col_2 { width: 28%; margin-right: 8%; margin-left: 0; }
	
	
	
	
	.businesscard_col_3 { width: 30%; margin-right: 5%; }
	.businesscard_col_3:nth-child(3n+3) { margin-right: 0; }
	
	
	

	.teasers_list_1_of_2 { width: 47%; margin-right: 6%; }	
	.teasers_list_1_of_2:nth-child(2n+2) { margin-right: 0; }


	.contact_post_col_1 { width: 30%; margin-right: 10%; }
	.contact_post_col_2 { width: 60%; }
	.contact_post_col_2.contact_post_col_2_100 { width: 100%; }
	
	
	
	.col-list-2-cols-in-2-cols-row { width: 45%; margin-right: 5%; margin-left: 0; }
	.col-list-2-cols-in-2-cols-row:nth-child(2) { width: 45%; margin-right: 0; margin-left: 5%; }
	.col-list-2-cols-in-2-cols-item-left { width: 30%; margin-right: 2%; }
	.col-list-2-cols-in-2-cols-item-right { width: 68%; }
	
	.col-list-2-cols-in-2-cols-item-100 { width: 100%; margin-left: 0; margin-right: 0; }

}


/**
****************************************************************************************
* Responsive design - END
****************************************************************************************
*/


/**
****************************************************************************************
* Media Queries
****************************************************************************************
*/
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


@media screen and (max-width: 460px) {	
	.block-hero h1 { font-size: 34px; font-size: 3.4rem; }	
	.block-hero p { font-size: 12px; font-size: 1.2rem; }	
	.teasers-list-item-title { font-size: 30px; font-size: 3.0rem; }
	h2 { font-size: 30px; font-size: 3.0rem; }	
}

@media screen and (min-width: 320px) {} 
@media screen and (min-width: 400px) {}
@media screen and (min-width: 520px) {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 620px) {}
@media screen and (min-width: 740px) {}
@media screen and (min-width: 768px) {	
	
	/* Header
	*/
	#header {  }
	.header-wrapper { display: block; padding-top: 30px; padding-bottom: 30px; }
	#header-desktop { display: block; }
	#header-mobile { display: none; }
	#header-pre { display: block; }
	.header-logo { margin-top: 0; }
	

	.logo-odinwell-wrapper {
		background-size: 183px 35px;
		width: 183px;
		height: 35px;
	}
	
	#toggler { transform: scale(1); }
	
	#main-menu { display: block; }
	#main-menu ul li { display: inline-block; }	
	
	#mobile-menu { padding: 200px 60px 60px 120px; }	
	#mobile-menu ul li a { font-size: 24px; font-size: 2.4rem; }
	#mobile-menu ul li ul li a { font-size: 20px; font-size: 2.0rem; }	
	
	
	/*
	Footer	
	*/
	.footer-column-content { margin-bottom: 0; }
	#footer p {	font-size: 20px; font-size: 2.0rem; }
	
	
	/*
	Basic Typo	
	*/	
	body { font-size: 20px; font-size: 2.0rem; }	
	h1 { font-size: 85px; font-size: 8.5rem; margin-bottom: 36px; margin-bottom: 3.6rem; }	
	h2 { font-size: 44px; font-size: 4.4rem; margin-bottom: 14px; margin-bottom: 1.4rem; }	
	.block-2-cols .col-text h2 { font-size: 65px; font-size: 6.5rem; margin-bottom: 14px; margin-bottom: 1.4rem; }
	blockquote { font-size: 46px; font-size: 4.6rem; }
		
	a.btn-hero {
	font-size: 20px;
    font-size: 2.0rem;
	} 
	
	
	.col-img { height: 100%; }
	
	
	.col-text p,
	.col-text ol, 
	.col-text ul {
	font-size: 20px;
	font-size: 2.0rem;
	}	
	
	/*
	Block Common
	*/
	.block-default,
	.block-preamble,
	.block-preamble-2-cols,
	.block-businesscard,
	.block-contact-post,
	.block-text-content,
	.block-files,
	.block-teasers,
	.block-pressreleases {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.block-businesscard {
		padding-bottom: 0;
	}
	
	
	/*
	Hero
	*/
	.hero-text-block { padding-top: 200px; }
	/*
	.hero-img-wrapper { height: 950px; }
	
	.hero-text-block {
		padding-top: 220px;
		padding-bottom: 20px;
		vertical-align: top;
	}
	*/
	body.home .hero-img-wrapper { height: 960px; }	
	body.home .hero-text-block {
		padding-top: 80px;
		padding-bottom: 0;
		vertical-align: middle;
	}
		
	.block-hero h1 { font-size: 85px; font-size: 8.5rem; margin-bottom: 30px; padding-bottom: 80px;	}	
	.block-hero p { font-size: 26px; font-size: 2.6rem;	}
	.block-hero a.text-link { font-size: 30px; font-size: 3.0rem; }

	.hero-icons { display: inline-block; }	
	
	.hero-slider .hero-wrapper-5050-layout .section.group {	
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		height: 100%;
	}
	
	.slider_col_1.col-text-middle { height: auto; }
	.slider_col_2.col { display: block; }

	
	.preamble-margin-top { margin-top: -180px; }	
	
	.block-2-cols .section.group {
		display: -webkit-flex;
		display: -ms-flexbox; 
		display: flex;
		overflow: hidden;	
	}
	.block-2-col-content { padding: 80px 4%; }
	
	.block-preamble-2-cols .section.group {
		display: -webkit-flex;
		display: -ms-flexbox; 
		display: flex;
		overflow: hidden;	
	}

	.block-preamble-2-cols .col-img {
		height: 100%;
		margin-bottom: 0;
	}
	
	.preamble-2-cols-no-img { padding-top: 40px; }
	
	.preamble-box-wrapper { padding-top: 86px; padding-bottom: 86px; }
	
	.block-preamble p {
		font-size: 25px;
		font-size: 2.5rem;
	}
	
	.main-wrapper-text-2-cols {
		column-count: 2;
		column-gap: 80px;
	}	
	
	.teasers-list-item-title { font-size: 44px; font-size: 4.4rem; }
	
	.icon-the-eye-wrapper {
		background-size: 78px 78px;
		width: 78px;
		height: 78px;
	}

	.col-list-2-cols-in-2-cols-row img { height: 300px; }
		
	.files-list-section-title { font-size: 35px; font-size: 3.5rem; }
	.file-arrow { padding: 10px; }
		
	.businesscard-list-item {
		border: none;
		margin: 0 auto 120px auto;
		padding: 0;
	}
	
	.events-past-list-wrapper { padding-bottom: 40px; }
	
	
	/*
	Articles */
	.block-article-single { padding-top: 200px; }
	.span_1_of_2:nth-child(odd) .block-article-single-cols-wrapper { margin-right: 14%; }
	.span_1_of_2:nth-child(even) .block-article-single-cols-wrapper { margin-left: 4%; }
	.span_1_of_2 .block-article-single-cols-wrapper { margin-bottom: 80px; }
	.block-article-single .preamble { font-size: 26px; font-size: 2.6rem; }
	
	.articles-list-wrapper { width: 70%; }
	.articles-list-wrapper { padding-bottom: 40px; }
	

	
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	
	/*
	Basic Typo	
	*/	
	body { font-size: 18px; font-size: 1.8rem; }	
	h1,
	.block-hero h1 { font-size: 68px; font-size: 6.8rem; margin-bottom: 30px; margin-bottom: 3.0rem; }	
	.block-2-cols .col-text h2 { font-size: 52px; font-size: 5.2rem; }	
	
	.block-preamble p,
	.block-hero p { font-size: 20px; font-size: 2.0rem; }	

	
	.col-text p,
	.col-text ol, 
	.col-text ul {
		font-size: 18px;
		font-size: 1.8rem;
	}	
	
}

@media screen and (min-width: 880px) {}
@media screen and (min-width: 955px) {} 
@media screen and (min-width: 980px) {}
@media screen and (min-width: 1040px) {}
@media screen and (min-width: 1100px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1240px) {}
@media screen and (min-width: 1280px) {}


@media screen and (min-width: 768px) and (max-width: 1400px) {
	
	/*
	body.home .hero-text-block { padding-bottom: 220px; }
	body.home .hero-text-block { padding-bottom: 0; }
	*/
	
	.hero-icons { bottom: 30px; }
}

@media screen and (min-width: 1400px) {	

	/*
	body.home .hero-text-block { padding-bottom: 170px; }
	body.home .hero-text-block { padding-bottom: 0; }
	*/
	
	/*
	Start Hero The Eyes
	*/
	.hero-icons {
	position: absolute;
	bottom: auto;
	right: 50px;
	text-align: right;
	top: 240px;
	left: auto;
	width: auto;
	padding: 0;
	}
	
	.hero-icons-item-left {
		float: none;
	}

	.hero-icons-item-right {
		float: none;
	}

	.hero-icons-item-01 {
		margin: 0 60px 120px 0;
	}

	.hero-icons-item-02 {
		margin: 0 0 60px 0;
	}

	.hero-icons-item-03 {
		margin: 0 100px 0 0;
	}

	.hero-icons-item-text {
		font-size: 16px;
		font-size: 1.6rem;
	}
	
}
@media screen and (min-width: 2000px) {}

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
	}
}
/**
****************************************************************************************
* Media Queries - END
****************************************************************************************
*/