*{
    margin: 0;
    padding: 0;
}:focus{ outline: none; }body, input, textarea, button, pre{
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Lato', sans-serif;
    color: #575756;
    font-size: 100%;
}

.pull-left{ float: left; }
.pull-right{ float: right; }h1, h2, h3, h4, h5, p, a, ul, li, ol, dl, q, em, input, textarea, button, table, label, pre, small{
    font-weight: 400;
    
    font-weight: normal;
    line-height: 26px;
    font-size: 18px;
}

h1{ font-size: 32px; line-height: 38px; }
h2{ font-size: 28px; line-height: 34px; }
h3{ font-size: 24px; line-height: 30px; }
h4{ font-size: 20px; line-height: 26px; }
h5{ font-size: 18px; line-height: 22px; font-weight: 500; }

h1, h2, h3, h4, h5, p, q, blockquote, ul, ol, dl, pre, table{ margin-bottom: 20px; }

h1, h2, h3, h4, h5{
    font-weight: 400;
}

strong{ font-weight: 700 }

blockquote{
    border-left: solid 4px #61b4e4;
    text-transform: uppercase;
    padding-left: 20px;
    display: block;
    margin: 40px 0;
}

blockquote,
blockquote p{
    font-weight: 400;
}

q{
    text-transform: none;
    margin-bottom: 10px;
    font-weight: 300;
    text-align: left;
    display: block;
}

sup{
    display: inline-block;
    margin: 0 2px 0 2px;
    line-height: 14px;
    font-size: 70%;
}

article blockquote{
    padding: 20px 20px 20px 100px;
    position: relative;
    color: #61b4e4;
}

article blockquote:before{
    background: url('../icons/quotation.png') no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    display: block;
    height: 60px;
    width: 60px;
    content: "";
    top: 20px;
    left: 0;
}

article blockquote q{
    font-weight: 600;
}

li a,
p a{
    font-weight: 700;
    text-decoration: underline;
    color: #EB168D;
}pre{
    border: solid 1px #E4EBF2;
    background-color: #FBFDFE;
    font-family: monospace;
    border-left-width: 5px;
    word-wrap: break-word;
    border-radius: 4px;
    line-height: 18px;
    font-size: 13px;
    padding: 15px;
}

hr{
    background-color: #e9e9e9;
    margin: 20px 0;
    display: block;
    border: none;
    height: 1px;
    width: 100%;
}ul, ol, dd{ margin-left: 20px; }
li, dt, dd{ margin-bottom: 5px; }

small{
    font-size: 80%;
}

table{
    border-spacing: 0;
    width: 100%;
}

table td,
table th{
    vertical-align: top;
}

thead tr{
    background-color: #009fe3;
    color: #ffffff;
}

table tr td, table tr th{ border-right: solid 1px; }
tbody tr td, tbody tr th{ border-bottom: solid 1px #eeeeee; }

table{
    border-right: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
}thead tr td,
thead tr th{
    border-color: #ffffff;
}

tbody tr td,
tbody tr th{ border-color: #eeeeee; }
tfoot tr td,
tfoot tr th{ border-color: #eeeeee; }
table tr td:last-child,
table tr th:last-child{ border-right: none; } 
tfoot tr{ background-color: #FBF6E2; }
tbody tr:nth-child(2n+0){ background-color: #f9f9f9; }

td, th{ padding: 15px; }input, textarea, select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

fieldset{
    border: none;
}

label{
    margin-bottom: 5px;
    display: block;
}

/*
form p{
    margin-right: 25px;
}
*/

button,
.button{
    transition: all 200ms ease-in-out;
    background-color: #D85581;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 10px 0;
    cursor: pointer;
    color: #ffffff;
}

button:hover,
.button:hover{
    background-color: #61b4e4;
}

input, textarea, select{
    border: solid 1px #ffffff;
    background-color: #ffffff;
    width: calc(100% - 20px);
    border-radius: 0;
    padding: 10px;
}

input:focus,
textarea:focus,
select:focus{
    border-color: #009FE3;
}

select{
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    font-size: inherit;
    margin-right: 10px;
    border-radius: 0;
    min-width: 100px;
    padding: 10px;
    width: 100%;
}

p.dd_selector::after{
    transform: translateY(45px) rotate(90deg);
    font-family: 'icomoon';
    pointer-events: none;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    text-align: center;
    position: absolute;
    font-style: normal;
    margin-left: 5px;
    content: "\e900";
    display: block;
    line-height: 1;
    color: #009FE3;
    speak: never;
    right: 20px;
    top: 0;
}

textarea{ resize: vertical; }form .display-table input,
form .display-table textarea{
    width: calc(100% - 40px);
}

form p{
    position: relative;
}form .checkbox{
    margin-bottom: 40px;
}

form .checkbox label{
    width: calc(100% - 40px);
    display: inline-block;
}

form .checkbox>b{
    font-weight: inherit;
    margin-bottom: 10px;
    display: block;
}

form .checkbox input,
form .checkbox span{
    display: inline-block;
    vertical-align: top;
    width: auto;
}

form .checkbox input{
    transition: all 200ms ease-in-out;
    transform: translateY(2px);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}form .checkbox input:after{
    transition: all 200ms ease-in-out;
    background-color: #ffffff;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    position: absolute;
    content: "";
    left: 2px;
    top: 2px;
}

form .checkbox input[data-type="radio"],
form .checkbox input[data-type="radio"]:after{
    border-radius: 50%;
}

form .checkbox input:hover:after{
    background-color: #F1C146;
}

form .checkbox input:checked:after{
    background-color: #61b4e4;
    opacity: 1;
}

form .checkbox .guidance{
    display: none;
}.alert, button, .button{
    font-size: inherit;
    border: none;
}

.alert{ padding: 15px; }

button, .button{ 
    position: relative;
    padding: 10px 20px;
    font-weight: 300;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

button svg,
.button svg{
    left: calc(50% - 12px);
    position: absolute;
    height: auto;
    width: 24px;
    opacity: 0;
    top: 10px;
}

.button-processing svg{
    animation: spin 2s infinite linear;
    opacity: 1;
}

.button-processing span{
    opacity: 0;
}

.form-error .an-error{
    display: block;
}

.form-error .input-error .guidance,
.form-success .sucess{
    display: block;
}

.form-error .input-error .guidance{
    color: #D85581;
}input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.alert strong{ display: block; }

.alert .close{
    font-weight: 500;
    cursor: pointer;
    float: right;
}

.warning{
    background-color: #FBEBEB;
    border-color: #eaabaa;
}

.warning, .warning .close{ color: #EF8A92; }

.caution{
    background-color: #FBF6E2;
    border-color: #e2ca90;
}

.caution, .caution .close{ color: #CBB47E; }

.notice{
    background-color: #DAEDFC;
    border-color: #9fcfeb;
}

.notice, .notice .close{ color: #82B8E4; }

.success{
    background-color: #DEF0D6;
    border-color: #a9c8a5;
}

.success, .success .close{ color: #86A482; }

form .guidance,
form .form-message{
    font-weight: 600;
    margin-top: 5px;
    display: block;
    display: none;
    padding: 0;
}

/*
form .form-messages .sucess{
    background-color: #83C47A;
}
*/

form br{
    display: none;
}.col1{ width: 100%; }
.col2{ width: 50%; }
.col3{ width: 33.33%; }
.col4{ width: 25%; }
.col5{ width: 20%; }

.col15{ width: 15%; }
.col35{ width: 35%; }
.col65{ width: 65%; }
.col75{ width: 75%; }

.col{ float: left; }

.clearfloat, .clear{ clear: both; }

@media screen and (max-width: 640px) {
    .col{ width: 100%; }

    form .display-table input,
    form .display-table textarea{
        width: calc(100% - 20px);
    }
}@media screen and (max-width: 420px) {
    article blockquote{
        padding: 100px 0 0 0;
        position: relative;
        color: #61b4e4;
    }

    article blockquote:before{
        left: calc(50% - 30px);
    }

    blockquote, blockquote p{
        text-align: left;
    }
}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    form input[type="checkbox"],
    form .check-box input{
        background-color: #ffffff;
        display: inline-block;
        height: 20px;
        width: 20px;
        padding: 0;
    }

    form .check-box input:hover{
        background-color: #cccccc;
    }

    form .check-box input:checked{
        background-color: #61b4e4;
    }
}

@supports (-ms-ime-align: auto) {
    form input[type="checkbox"],
    form .check-box input{
        width: auto;
        padding: 0;
    }
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

#wpadminbar{
    display: none;
}

a{
    font-size: inherit;
}

.wrap{
    position: relative;
    margin: 0 auto;
    width: 1400px;
}

.extended-wrap{
    width: 1440px;
}

#page-content{
    padding: 0;
}

#page-content .content h3{
    font-weight: 300;
    color: #1c88ca;

}

.ratio-image{
    display: block;
    height: auto;
    width: 100%;
}

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

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

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

.uppercase{
    text-transform: uppercase;
}

.position-relative{
    position: relative;
}

.display-none{
    display: none;
}

.ml-40{
    margin-left: 40px;
}

a img{
    border: none;
}

.no-margin{
    margin: 0;
}.lazy,
.lazy img{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.lazy img{
    transition: all 400ms ease-in-out;
    display: block;
    height: auto;
    width: 100%;
}

.lazy .display-image{
    opacity: 0;
}

.lazy.show-image img{
    opacity: 0;
}

.lazy.show-image .display-image{
    opacity: 1;
}

.lazy-bg-image .lazy.show-image img{
    opacity: 0;
}@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.more-news{
    transition: all 400ms ease-in-out;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.more-news.show-on-scroll{
    max-height: 200px;
    opacity: 1;
}

.more-news p{
    padding: 10px 0 0 0;
}

.more-news svg{
    animation: spin 2s infinite linear;
}.standard-content .size-full{
    display: block;
    height: auto;
    width: 100%;
}

.standard-content .content{
    padding: 40px 0 0 0;
    max-width: 960px;
    margin: 0 auto;
}
h1, h2, h3{
    margin-bottom: 20px;
}

h1{
    line-height: 42px;
    font-weight: 700;
    font-size: 38px;
}

p {
    line-height: 1.4;
    font-weight: 400;
    font-size: 18px;
}

a.large_link{
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    margin: 30px 0;
    display: table;
    color: #EB168D;
}

a.large_link::after{
    transition: all 200ms ease-in-out;
    transform: translateY(8px);
    background-color: #EB168D;
    display: block;
    margin: 0 auto;
    height: 1px;
    content: "";
    opacity: 0;
    width: 0;
}

a.large_link:hover::after{
    width: 80%;
    opacity: 1;
}

.text-center a.large_link{
    margin-right: auto;
    margin-left: auto;
}
.display-table{
    display: table;
    margin: 0 auto;
}

.row{
    width: 100%;
    float: left;
}.selector{
    padding: 10px 10px 10px 20px;
    text-transform: uppercase;
    border: solid 1px #cccccc;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.selector p{
    border-right: solid 1px #cccccc;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.selector p:nth-child(2){
    border: none;
}

.selector select{
    text-transform: uppercase;
    display: inline-block;
    padding: 0 20px 0 0;
    font-weight: 600;
    background: none;
    font-size: 18px;
    color: #61b4e4;
    border: none;
    width: auto;
}

.selector .down-arrow{
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 12px;
}

.selector .down-arrow polyline{
    stroke-miterlimit: 10;
    stroke-width: 2;
    stroke: #e1f4fd;
    fill:none;
}

.selector .dark-arrow polyline{
    stroke: #e1f4fd;
}.button{
    text-transform: uppercase;
    background-color: #009FE3;
    padding: 15px 20px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    margin: 0;
}

.button:after{
    transition: all 200ms ease-in-out;
    background-color: #ffffff;
    margin: 2px auto 0 auto;
    display: block;
    content: "";
    height: 1px;
    opacity: 0;
    width: 0;
}

.button:hover:after{
    width: 80%;
    opacity: 1;
}

.button:hover{
    background-color: #009FE3;
}

.blue_button{
    background-color: #009FE3;
    padding: 15px 20px;
    line-height: 22px;
}
.pagination{
    justify-content: center;
    flex-flow: row wrap;
    font-size: 1.125rem;
    display: flex;
}

.pagination a{
    transition: background-color 200ms ease;
    font-weight: 700;
    justify-content: center;
    margin: 0 2px 10px 2px;
    text-decoration: none;
    align-items: center;
    border-radius: 50%;
    color: inherit;
    display: flex;
    height: 48px;
    width: 48px;
}

.pagination .page_navigation{
    background-color: rgba(226,226,226,0.4);
    margin: 0 12px 10px 12px;
}

.pagination a:hover{
    background-color: #E2E2E2;
}

.pagination .active_container:hover,
.pagination .active_container{
    background-color: #009FE3;
    color: #ffffff;
}

.pagination svg{
    height: auto;
    width: 18px;
}

@media screen and (max-width: 1440px) {
    .wrap{
        width: calc(100% - 40px);
    }

    .extended-wrap{
        width: calc(100% - 20px);
    }
}
html{
	scroll-behavior: smooth;
	scroll-padding-top: 3.75rem; 
}

body{
	padding-top: 126px;
}

header{
	box-shadow: 0 0 14px rgba(0,0,0,0.1);
	border-bottom: solid 1px #E2E2E2;
	background-color: #ffffff;
	position: fixed;
	width: 100%;
	z-index: 5;
	left: 0;
	top: 0;
}

header .wrap{
	padding: 17px 0 13px 0;
	align-items: center;
	position: relative;
	display: flex;
}.sticky-nav:not(.scroll_up) .small_header{
	display: none!important;
}

.sticky-nav:not(.scroll_up) header .wrap{
	padding: 5px 0;
}

.sticky-nav:not(.scroll_up) header #logo{
	width: 42px;
}
#navigation_container nav,
#navigation_container{
	margin: 0 0 0 auto;
}

#navigation_container > *,
#navigation_container nav,
header .social-links{
	align-items: center;
	position: relative;
	display: flex;
}#hompage_video_play{
	display: none;
}header #logo{
	width: 66px;
}

header #logo svg{
	height: auto;
	width: 100%;
}

#mobile_header{
	display: none;
}.main-sub-nav-container button,
header form button svg,
header form button,
header form input,
#hamburger{
	all: unset;
}
#navigation_container nav a,
#navigation_container nav button{
	text-decoration: none;
	margin-right: 40px;
	line-height: 1.2;
	color: inherit;
}

#navigation_container nav a:hover,
#navigation_container nav button:hover,
#navigation_container nav .selected{
	text-decoration: underline;
}

header form button{
	cursor: pointer;
}.small_header{
	border-bottom: solid 1px #F2F2F2;
	margin-bottom: 30px;
	align-items: center;
	padding: 0 0 15px 0;
}
.small_header_navigation{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.75rem;
}.main_navigation a,
.main_navigation button{
	font-weight: 700;
}.main-sub-nav-items{
	display: none;
}header .mobile.search_container{
	display: none;
}

header form{
	font-size: 0.9rem;
}

header form p{
	transition: width 200ms ease;
	position: relative;
	font-size: inherit;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	width: 16px;
	margin: 0;
}

header form input{
	width: calc(100% - 30px);
	font-size: inherit;
}

header form label{
	transition: opacity 200ms ease;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: inherit;
	position: absolute;
	top: 50%;
}

header form button{
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}

header form button:hover{
	background-color: transparent;
}

header form button svg{
	height: auto;
	width: 13px;
}
header .social-links{
	padding-left: 80px;
}
header .social-links a{
	line-height: 1;
	width: 28px;
}

header .social-links * + *{
	margin-left: 15px;
}

header .social-links a svg{
	pointer-events: none;
	height: auto;
	width: 100%;
}

header .social-links a svg path{
	fill: #009FE3;
}
@media screen and (min-width: 1330px) {

	header form.show_input_field p{
		width: 200px;
	}

	header form.show_input_field label{
		opacity: 1;
	}

	header form label,
	header form.hide_label label{
		opacity: 0;
	}

}@media screen and (min-height: 860px) {
	body.show-mobile-navigation #navigation_container{
		overflow: visible;
	}
}@media screen and (max-width: 1330px) {

	body{
		padding-top: 58px;
	}

	body.show-mobile-navigation{
		overflow: hidden;
	}

	
	header .wrap{
		padding: 5px 0;
	}

	
	header #logo{
		width: 42px;
	}

	
	#mobile_header{
		margin: 0 0 0 auto;
		align-items: center;
		display: flex;
	}

	
	#hamburger{
	    transition: all 200ms ease-in-out;
	    margin-left: 50px;
	    cursor: pointer;
	    display: block;
	    outline: none;
	    width: 25px;
	}

	#hamburger span{
	    transition-property: transform, opacity;
	    background-color: #575756;
	    transition-duration: 200ms;
	    transform-style: ease;
	    border-radius: 4px;
	    display: block;
	    width: 100%;
	    height: 3px;
	}

	#hamburger span:nth-child(2){
	    margin: 6px 0;
	}

	.show-mobile-navigation #hamburger{
	    margin-top: 0;
	}

	.show-mobile-navigation #hamburger span:nth-child(2){
		opacity: 0;
	}

	.show-mobile-navigation #hamburger span:nth-child(1){
	    transform: rotate(45deg) translateY(7px) translateX(7px);
	}

	.show-mobile-navigation #hamburger span:nth-child(3){
	    transform: rotate(-45deg) translateY(-6px) translateX(6px);
	}

	
	#navigation_container{
		flex-direction: column-reverse;
		padding: 0 20px 80px 20px;
		height: calc(100% - 200px);
		background-color: #ffffff;
		width: calc(100vw - 40px);
		overflow-y: scroll;
		position: fixed;
		margin-left: 0;
		display: none;
		bottom: 0;
		left: 0;
	}

	body.show-mobile-navigation #navigation_container{
		display: flex;
	}

	#navigation_container > *{
		flex-basis: 100%;
	}

	#navigation_container nav,
	#navigation_container{
		margin: 0;
	}

	#navigation_container > *,
	#navigation_container nav,
	header .social-links{
		align-items: flex-start;
		flex-flow: row wrap;
	}

	#navigation_container nav a,
	#navigation_container nav button{
		margin-right: 0;
	}

	#navigation_container nav > *{
		flex-basis: 100%;
		margin-top: 15px;
	}	
	.main_navigation{
		font-size: 1.125rem;
	}

	
	.small_header{
		border-bottom: none;
		padding: 5px 0 0 0;
		position: relative;
		margin: 20px 0 0 0;
	}

	.small_header::before{
		background-color: #E2E2E2;
		width: calc(100% + 40px);
		position: absolute;
		content: "";
		height: 1px;
		left: -20px;
		top: 0;
	}

	.small_header_navigation{
		font-size: 1rem;
	}

	
	header .main_navigation_container .social-links{
		background-color: #ffffff;
		width: calc(100% - 40px);
		visibility: hidden;
		padding: 10px 20px;
		position: fixed;
		bottom: 0;
		left: 0;
	}

	header .main_navigation_container .social-links a{
		width: 36px;
	}

	
	#navigation_container form{
		display: none;
	}

	body.show-mobile-navigation header .mobile.search_container{
		display: block;
	}	header form{
		background-color: #E2E2E2;
		width: calc(100% - 40px);
		padding: 10px 20px;
		font-size: 1rem;
		position: fixed;
		z-index: 1;
		top: 58px;
		left: 0;
	}

	fieldset{
		position: relative;
	}

	header form p{
		max-width: calc(100% - 20px);
		background-color: #ffffff;
		display: block;
		padding: 10px;
		width: 100%;
	}

	header form label{
		text-transform: none;
	}

	header form.hide_label label{
		opacity: 0;
	}

	header form button{
		right: 15px;
	}

	header form button svg{
		width: 14px;
	}

	header form button svg path{
		fill: #009FE3;
	}	
	body.load_cookie_ui #liquorice_cookie_ui_two{
		position: fixed;
		width: 100%;
		z-index: 6;
		bottom: 0;
	}
}

@media screen and (max-width: 440px) {
	
	.main_navigation{
		font-size: 1rem;
	}

	.small_header_navigation{
		font-size: 0.9rem;
	}
}

@media screen and (max-width: 380px) {
	#mobile_header .social-links{
		display: none;
	}

	header .main_navigation_container .social-links{
		visibility: visible;
	}
}
body footer{
	font-weight: 300;
	background-color: #009FE3;
	padding: 20px 0 20px 0;
	font-size: 0.75rem;
	line-height: 22px;
	color: #ffffff;
}

footer .site-by{
	position: absolute;
	bottom: 0;
	left: 0;
}

body footer p{
	text-transform: uppercase;
	font-weight: inherit;
	font-size: inherit;
	margin: 0;
}

body footer a{
	text-decoration: none;
	font-weight: inherit;
	color: inherit;
}

body footer a:hover{
	text-decoration: underline;
}

body footer p{
	line-height: inherit;
	font-size: inherit;
}

body.home footer{
	background-color: transparent;
	position: fixed;
	bottom: 0;
}

body.home footer .social-links{
	display: none;
}

footer .social-links a{
	margin: 0 0 10px 10px;
	float: right;
}

footer .social-links a svg{
	display: block;
	height: 26px;
	width: 26px;
}

footer .social-links a svg path{
	fill: #ffffff;
}

footer .footer-nav a{
	display: inline-block;
	margin: 0 0 0 10px;
}

footer .footer-nav a:after{
	background-color: #ffffff;
	vertical-align: middle;
	display: inline-table;
	margin-left: 10px;
	opacity: 0.6;
	height: 10px;
	content: "";
	width: 1px;
}

footer .footer-nav a:last-child:after{
	display: none;
}

@media screen and (max-width: 960px) {
	footer .site-by{
		position: relative;
	}

	footer .pull-right{
		display: block;
		width: 100%;
		float: left;
	}

	footer .social-links a{
		margin: 5px 10px 5px 0;
		float: left;
	}

	footer .footer-nav a{
		margin: 0 10px 0 0
	}
}