/*
*/

*
{
padding: 0px;
margin: 0px;
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-align: inherit;
z-index: 0;
}

html
{
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-family: 'Exo 2', sans-serif;
color: #363636;
}

body
{
background: #fff;
}

h1, h2, h3
{
font-weight: 400;
text-transform: uppercase;
}

h1
{
font-size: 2.25rem;
}

h2
{
font-size: 1.5rem;
}

h3
{
font-size: 1.25rem;
font-weight: 800;
text-transform: none;
margin-top: 1.25rem;
}

a
{
color: #08aea1;
}

p
{
margin-top: 1rem;
font-size: 1.125rem;
}

p.lead
{
font-size: 1.375rem;
}

ol, ul
{
}

li:first-child
{
margin-top: 0;
}

strong, b
{
font-weight: 600;
}

table
{
width: 100%;
border-collapse: collapse;
}

table td
{
border: solid 1px #363636;
padding: 0.5rem;
}

table thead td
{
font-weight: 600;
}

div.clear
{
clear: both;
}

div.section
{
width: 100%;
padding: 3rem 0;
}

div.section a
{
color: inherit;
}

div.section.green
{
background: #08aea1;
color: #fff;
}

div.block
{
width: 100%;
max-width: 75rem;
margin: 0 auto;
}

div.block p:first-child
div.block h1:first-child
{
margin-top: 0;
}

a.logo
{
display: block;
width: 7.3125rem;
height: 4.375rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

div#header
{
width: 100%;
padding: 3rem 0;
}

div#header div.block
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
/*outline: solid 1px red;*/
}

div#header a.logo
{
flex-grow: 0;
flex-shrink: 0;
background-image: url('/assets/logo-color.svg');
/*outline: solid 1px red;*/
}

div#header div.menu.desktop
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
/*outline: solid 1px red;*/
}

div#header div.menu.desktop a.item
{
text-decoration: none;
font-weight: 400;
color: #272727;
text-transform: uppercase;
margin: 0 1rem;
white-space: nowrap;
position: relative;
}

div#header div.menu.desktop a.item:after
{
content: '\20';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #08aea1;
transition: all ease 0.25s;
}

div#header div.menu.desktop a:hover.item:after,
div#header div.menu.desktop a.item.selected:after
{
width: 100%;
}

div#header div.icons.desktop
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
}

div#header div.icons.desktop a
{
display: block;
width: 1.5rem;
height: 1.5rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
/*margin-left: 2rem;*/
cursor: pointer;
/*outline: solid 1px red;*/
}

div#header div.icons.desktop a.search
{
background-image: url('/assets/search.svg');
}

div#header div.icons.desktop a.lang
{
line-height: 1.5rem;
font-size: 1.5rem;
font-weight: 400;
color: #000;
margin: 0 3rem;
text-decoration: none;
}

div#header div.icons.desktop a.feedback
{
background-image: url('/assets/feedback.svg');
}

div#header div#search_form_container
{
display: none;
margin-top: 3rem;
/*outline: solid 1px red;*/
}

div#header div#search_form_container form
{
display: block;
width: 75%;
margin: 0 auto;
border: solid 1px #8dbcb1;
position: relative;
/*outline: solid 1px red;*/
}

div#header div#search_form_container form input
{
width: 100%;
line-height: 3rem;
font-size: 1.25rem;
outline: none;
padding: 0 3.5rem;
}

div#header div#search_form_container form span
{
position: absolute;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}

div#header div#search_form_container form span.lens
{
top: 0.75rem;
left: 1rem;
display: block;
width: 2rem;
height: 2rem;
background-image: url('/assets/lens.svg');
}

div#header div#search_form_container form span.arrow
{
top: 0.5rem;
right: 1rem;
display: block;
width: 2rem;
height: 2rem;
background-image: url('/assets/arrow-forward.svg');
}

div#header span.burger
{
display: none;
flex-grow: 0;
flex-shrink: 0;
width: 3rem;
height: 3rem;
background-image: url('/assets/burger.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
/*outline: solid 1px red;*/
}

div#header div.menu.mobile
{
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 1rem;
z-index: 10000;
}

div#header div.menu.mobile span.close
{
position: absolute;
top: 1rem;
left: 1rem;
width: 3rem;
height: 3rem;
background-image: url('/assets/close.svg');
background-position: c;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
/*outline: solid 1px red;*/
}

div#header div.menu.mobile a
{
display: block;
color: inherit;
text-decoration: none;
font-size: 2rem;
line-height: 4rem;
text-align: right;
}

div#content
{
min-height: 50vh;
}

div#footer
{
width: 100%;
background: #1e1e1e;
}

div#footer div.block
{
padding: 3rem 0;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
color: #fff;
}

div#footer div.block div.column
{
width: 30%;
flex-shrink: 0;
flex-grow: 0;
/*outline: solid 1px red;*/
}

div#footer a.logo
{
}

div#footer div.block div.column h3
{
font-size: 1rem;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 1rem;
}

div#footer div.block div.column a
{
display: block;
color: #fff;
text-decoration: none;
font-size: 0.85rem;
line-height: 1.5rem;
white-space: nowrap;
}

@media (max-width: 800px)
{
h1 { font-size: 1.75rem; line-height: 2rem; }

div.block { padding: 0 1rem; }

div#header { padding: 1rem 0; }
div#header div.block div.desktop { display: none; }

div#header div.block { align-items: center; }

div#header span.burger { display: block; }

div#header div.menu.mobile a { line-height: 3rem; }

div#content div.section { padding: 1rem 0; }

div#footer div.block { display: block; padding: 2rem 1rem; }
div#footer div.block div.column { width: 100%; }
div#footer div.block div.column.about h3 { margin-top: 0; }
div#footer div.block div.column.logo { width: auto; float: right; margin-right: 1rem; }
}
