.h1 {
    font-family: 'Quicksand', sans-serif;
    color: #64826c;
    line-height: 1.5;
    font-weight: 500;
    font-size: 2rem;
}
.h2 {
    font-family: 'Quicksand', sans-serif;
    color: #64826c;
    line-height: 1.5;
    font-weight: 500;
    font-size:1.625rem;
}
.accent-color {
    color:#63826c;
}
.background--soft-green { 
    background-color:#eff2f0;
}
.background--hard-green { 
    background-color:#e1e7e3;
}
.no-bullets {
    list-style: none;
    padding:0;
}
.no-bullets__element {
    margin: 2.5rem 0;
}
p, ul {
    font-family: 'Quicksand', sans-serif;
    color: #998e85;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.125rem;
}
.label {
    font-family: 'Quicksand', sans-serif;
    color: #f5bb7c;
    text-transform: uppercase;
    display: block;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.125rem;
}
.input {
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
    background: none;
    width: 100%;
    padding: 0.6rem 1rem;
    color:#FFFFFF;
    font-family: 'Quicksand', sans-serif;
    margin: 0 0 1.5rem 0;
}
.input:focus, .input:hover, .textarea:focus, .textarea:hover {
    border-color: #f5bb7c;
    outline:none;
}
.textarea {
    resize: vertical;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: none;
    width: 100%;
    color:#FFFFFF;
    font-family: 'Quicksand', sans-serif;
    min-height: 150px;
    padding: 0.6rem 1rem;
}
hr {
    border-style: solid;
    border-width: 1px;
    border-top: 0;
    margin: 8rem 0;
    border-color: #f5bb7c;
}

.button {
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.125rem;
    color: #FFFFFF;
    background: #f5bb7c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 29px;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
}

.masked-picture {
    position: relative;
}
.mask {
    width: 100%;
    display: block;
    background-size: contain;
    position: absolute;
    z-index: 2;
}
.mask--round {
    width: 100%;
    display: block;
    background: url(../images/mask-round.png) right top no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
}
.mask--slider {
    max-width:1841px;
    margin: 0 auto;
    width: 100%;
    height: 619px;
    display: block;
    background: url(../images/mask-slider.png) center top no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 200;
}
.slider-picture {
    width: 100%;
    margin: 0 auto;
    height: 619px;
    max-width:1841px;
    display: block;
    background-size: cover;
    background-position: center;
}
.icon {
    display: inline-block;
    max-width: 145px;
}
.card {
    background: #FFFFFF;
    padding: 2rem 4rem;
    top: -300px;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    border-radius: 3rem;
}
#footer {
	background-image:url(../images/bg-footer.png);
	background-repeat: no-repeat;
	background-position: bottom left;
    background-color:#64826c;
    padding:5rem 0;
}
#logo { display:inline-block; width: 90%; height:145px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: contain; background-position: center left; }
.navigation {
    display: none;
}
.navigation.show { display: inline-block;}
.navigation__list {
    margin:0; padding: 0;
}
.navigation__list__item {
    display: inline-block;
    margin-right:20px;
}
.navigation__list__item__link {
    display: inline-block;
    text-decoration: none;
    color:#64826c;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}
.navigation__list__item__link--button {
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    color: #FFFFFF;
    background: #f5bb7c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 29px;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
}

.flex-control-nav { left:50%; text-align: left !important; width: auto !important;}
.button__quit { position: fixed; right:0; top: 400px; z-index: 100000; text-transform:uppercase; display:block;font-family: 'Quicksand', sans-serif; font-size:1.125rem; background:#64826c; color:#FFF; text-decoration:none;  padding: 14px 29px;-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-moz-transform-origin: right bottom;
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-border-top-left-radius: 1rem;
-webkit-border-top-right-radius: 1rem;
-moz-border-radius-topleft: 1rem;
-moz-border-radius-topright: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
border: 1px solid #FFF;}
.small-picture {
	display: block;
	width:100%;
	  -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;

}
.copyright { color:#b2c1b6; }
.navigation-trigger {
    width: 20px;
    height: 45px;
    margin: 0 0 0 0;
    position: absolute;
	right:0;
	top:50%;
	margin-top:-25px;
    -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;
}
.navigation-trigger span { display: block; position: absolute; height: 1px; width: 100%; background: #64826c; border-radius: 9px; 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; }
.navigation-trigger span:nth-child(1) { top: 0px; }
.navigation-trigger span:nth-child(2),.navigation-trigger span:nth-child(3) { top:8px; }
.navigation-trigger span:nth-child(4) { top: 16px; }
.navigation-trigger.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; }
.navigation-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.navigation-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.navigation-trigger.open span:nth-child(4) { top: 8px; width: 0%; left: 50%; }
@media only screen and (min-width: 1200px) {
    .navigation__list__item {
        margin-left:20px;
    }
	.navigation { display: inline-block;}
	.navigation-trigger { display: none;}
	.navigation__list__item__link, .navigation__list__item__link--button {

    font-size: 1.125rem;
		
}
	#logo { width:100%;}
}