﻿@charset "utf-8";

/*
*/
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address { display: block; }

* { box-sizing: border-box; }

body { width: 100%; max-width: 100%; color: #212121; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.2em; background: #fff; }
a { text-decoration: none; }

/* classes */
.cleaner { clear: both; }
.centered { text-align: center; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.row { clear: both; }
.onLeft { clear: left; float: left; }
.onRight { clear: right; float: right; }

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

.hidden { display: none; }
.hide-field { height: 0px !important; overflow: hidden; }
.data { display: none; }
.dataHidden { display: none; }

.scroll-less { overflow: hidden; }

.vertical-aligner { display: flex; align-items: center; height: 100%; }
.vertical-aligner > div { margin: 0 auto; }

/**/
body[dev-mode="false"] .showOnDev { height: 0px !important; overflow: hidden !important; }

h2 { margin-bottom: 1em; font-size: 40px; font-weight: 600; line-height: 1.2em; transition: all 0.3s ease-out 0s; }
h3 { margin-bottom: 1em; font-size: 36px; font-weight: 600; line-height: 1.2em; transition: all 0.3s ease-out 0s; }
h4 { margin-bottom: 1em; font-size: 30px; font-weight: 600; line-height: 1.2em; transition: all 0.3s ease-out 0s; }
h5 { margin-bottom: 1em; font-size: 26px; font-weight: 600; line-height: 1.2em; transition: all 0.3s ease-out 0s; }

p { margin: 0 auto; margin-bottom: 1.2em; }

.row { box-sizing: border-box; position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; }
.row .container { position: relative; max-width: 1200px; height: 100%; margin: 0 auto; padding: 80px 20px; text-align: left; }

.bt { display: inline-block; position: relative; margin: 14px; padding: 20px 46px 22px; color: #fff; font-size: 40px; font-weight: 300; line-height: 1em; background: rgba(0,0,0,1); border: 0px solid #fff; border-radius: 100px; z-index: 0; cursor: pointer; overflow: hidden; }
	.bt:before { content: ''; display: block; position: absolute; top: 49%; left: 49%; width: 2%; padding-bottom: 2%; background: rgba(255,255,255,0.25); transform: scale(0); border-radius: 1000px; z-index: -1; transition: all 0.5s ease-out 0s; }
	.bt:hover:before { transform: scale(100); }

.withSplitter:after { content: ''; display: block; width: 60%; max-width: 550px; height: 1px; margin: 0 auto; margin-top: 52px; background: rgba(255,255,255,1); opacity: 0.5; }

/**/
.row.stripe_header { border-top: 11px solid #283F45; }
.row.stripe_header .container { padding-top: 70px; padding-bottom: 50px; }

/**/
.row.stripe_presentation { }
.row.stripe_presentation .container { padding-top: 0px; padding-bottom: 60px; }
.row.stripe_presentation h2 { margin-bottom: 1.4em; font-weight: 500; }
.row.stripe_presentation p { max-width: 1000px; margin: 0 0 1.4em; font-weight: 300; line-height: 1.6em; }
.row.stripe_presentation p strong { font-weight: 600; }


.row.stripe_presentation .links_wrapper { position: relative; margin: 20px 0px; }

.row.stripe_presentation .links_wrapper .bt {  }
.row.stripe_presentation .links_wrapper img { max-width: 100%; margin: 20px 0px 0px; }

.row.stripe_presentation .links a { }

@media only screen and ( min-width: 1061px ) {
	.row.stripe_presentation .links_wrapper .bt { position: absolute; z-index: 1; }
		.row.stripe_presentation .links_wrapper .bt:nth-of-type(1) { top: 166px; left: 76px; }
		.row.stripe_presentation .links_wrapper .bt:nth-of-type(2) { top: 320px; left: 468px; }
	.row.stripe_presentation .links_wrapper img { margin: 60px 0px 40px; }
}
/*
	.row.stripe_presentation .links_wrapper .bt { position: relative; }
}
@media only screen and ( min-width: 700px ) and ( max-width: 959px ) {
	.row.stripe_presentation .links > div { max-width: 300px; }
	.row.stripe_presentation .links a:first-of-type { margin: 40px 0px 14px; }
}
@media only screen and ( max-width: 699px ) {
	.row.stripe_presentation .container { padding-bottom: 60px; }
	.row.stripe_presentation .links { flex-direction: column-reverse; justify-content: center; align-items: start; margin: 40px 0px 0px; text-align: center; }
	.row.stripe_presentation .links > div { width: 100%; text-align: center; }
	.row.stripe_presentation .links > div img { margin-top: 60px; }
	.row.stripe_presentation .links a { margin: 10px; }
}
@media only screen and ( max-width: 499px ) {
}
*/

/**/
#bottom-bar { padding: 0px; color: rgba(255,255,255,1); font-size: 12px; line-height: 1.2em; background: #283F45; }
#bottom-bar .container { padding-top: 70px; padding-bottom: 60px; }
	#bottom-bar img { position: relative; top: 0px; margin: 0px 0px 20px 0px; transition: all 0.5s ease-out 0s; }
	#bottom-bar a { color: inherit; }
	#bottom-bar a:hover { text-decoration: underline; }

/*
*/
@media only screen and ( max-width: 500px ) {
	body { font-size: 16px; line-height: 1.8em; }
	h2 { font-size: 36px; line-height: 1.2em; }
	.bt { margin-left: 0px; margin-right: 0px; padding: 16px 36px 18px; font-size: 32px; line-height: 1em; }
}
