@charset "utf-8";

@font-face {
font-family:'Fontello';
src: url('../fonts/fontello.eot?59546001');
src: url('../fonts/fontello.eot?59546001#iefix') format('embedded-opentype'),
     url('../fonts/fontello.woff?59546001') format('woff'),
     url('../fonts/fontello.ttf?59546001') format('truetype'),
     url('../fonts/fontello.svg?59546001#fontello') format('svg');
font-weight: normal;
font-style: normal;
}

body {
margin: 0;
font-size: 14px;
background-color: #ebecf8;
}

a img {
border: 0;
}

a {
color: #188ae2;
text-decoration: none;
}


#contsticky {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
z-index: 200;
height: 4.5em;
background-color: #4abad2;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

#logo img {
display: inline-block;
height: 2.5em;
margin-top: 1em;
}

#container {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 2em;
margin: auto;
margin-top: 7.5em;
overflow: hidden;
}

.contpage {
position: relative;
width: calc(100% - 4em);
margin: auto;
box-sizing: border-box;
}

ul#navig {
float: right;
margin: 0;
list-style-type: none;
line-height: 4.5em;
}

ul#navig li:first-child {
color: #fff;
display: inline-block;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 300;
line-height: 1.2em;
}

ul#navig li {
display: inline-block;
font-size: 1.5em;
font-weight: 300;
line-height: 1em;
margin-right: 1em;
}

ul#navig li a {
position: relative;
color: #fff;
display: inline-block;
font-family: Fontello;
text-decoration: none;
margin-right: 0;
}

ul#navig li a .notif {
position: absolute;
width: 1.5em;
height: 1.5em;
right: -0.5em;
top: -0.3em;
background-color: #a00;
border-radius: 0.75em;
text-align: center;
line-height: 1.5em;
font-family: Poppins, sans-serif;
font-size: 0.6em;
}

.fontello {
font-family: Fontello;
}

.message {
/*display: inline;*/
width: auto;
position: relative;
font-family: Poppins, sans-serif;
font-size: 1em;
font-weight: 300;
line-height: 2em;
padding: 0.5em 5em;
}

.message.inf {
color: #009036;
background-color: #ccffcc;
}

.message.warn {
color: #ee9036;
background-color: #ffdd77;
}

.message.err {
color: #aa0036;
background-color: #ffcccc;
}

.message::before {
position: absolute;
font-family: Fontello;
right: 1em;
top: 0.5em;
font-size: 2em;
}

.message.inf::before { content: '\f085'; }
.message.warn::before { content: '\e808'; }
.message.err::before { content: '\e809'; }





































#footer {
position: relative;
z-index: 200;
width: 100%;
/*min-height: 713px;*/
margin-top: 50px;
padding: 5em 0 5em 0;
background-color: #4abad2;
background-size: cover;
overflow: hidden;
}


#footer #mentions {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 1.3em;
text-align: center;
color: rgba(255, 255, 255, 0.9);
}

#footer #mentions a {
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
}

#footer #mentions a:hover {
color: rgba(255, 255, 255, 1);
}

#social a {
text-decoration: none;
color: #ffffff;
font-family: Fontello;
font-size: 1.8em;
margin-right: 1em;
}




.site-nav--icon {
font-size: 2em;
margin-right: 1em;
width: 1.1em;
text-align: right;
color: rgba(255, 255, 255, 1);
}

.menu-toggle {
display: none;
cursor: pointer;
line-height: 80px;
}

.hamburger {
color: #ffffff;
font-family: Fontello;
font-size: 2.2em;
}

.open {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}




#cookies {
display: block;
position: fixed;
z-index: 999;
width: 100%;
bottom: 0;
padding: 30px 0 30px 0;
background-color: rgba(0, 0, 0, 0.7);
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
color: #ffffff;
}

#cookies a {
color: #fff;
margin: 10px;
}

.clear {
clear:both;
}