@font-face {
	font-family: 'sasa';
	src: url("../oasis/assets/fonts/sasa/sasa-regular.otf");
	src: url("../oasis/assets/fonts/sasa/sasa-regulard41d.otf?#iefix") format("embedded-opentype"), url("../oasis/assets/fonts/sasa/sasa-regular-webfont.html") format("woff2"), url("../oasis/assets/fonts/sasa/sasa-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'sasa';
	src: url("../oasis/assets/fonts/sasa/sasa-medium.otf");
	src: url("../oasis/assets/fonts/sasa/sasa-mediumd41d.otf?#iefix") format("embedded-opentype"), url("../oasis/assets/fonts/sasa/sasa-medium-webfont.html") format("woff2"), url("../oasis/assets/fonts/sasa/sasa-medium-webfont.woff") format("woff");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: 'sasa';
	src: url("../oasis/assets/fonts/sasa/sasa-bold.otf");
	src: url("../oasis/assets/fonts/sasa/sasa-boldd41d.otf?#iefix") format("embedded-opentype"), url("../oasis/assets/fonts/sasa/sasa-bold-webfont.html") format("woff2"), url("../oasis/assets/fonts/sasa/sasa-bold-webfont.woff") format("woff");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: 'sasa';
	src: url("../oasis/assets/fonts/sasa/sasa-light.otf");
	src: url("../oasis/assets/fonts/sasa/sasa-lightd41d.otf?#iefix") format("embedded-opentype"), url("../oasis/assets/fonts/sasa/sasa-light-webfont.html") format("woff2"), url("../oasis/assets/fonts/sasa/sasa-light-webfont.woff") format("woff");
	font-weight: 100;
	font-style: normal
}
.navigation ul li a {
    font-family: 'sasa';
}
.footer-sticky {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 3em;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}
.footer-container {
    padding: 0 6em;
}
.row-align-bottom {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
}
.footer-sticky .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.row-align-bottom > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
}
.gr-8 {
    width: 50%;
}
.text-left {
    text-align: left;
}
.footer-social .footer-label {
    padding-left: 2em;
}
.footer-label {
    font-size: 12px;
    letter-spacing: 0.1em;
    position: relative;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}
svg[class^="icon-"],
svg[class*=" icon-"] {
    fill: currentColor;
    width: 20px;
    height: 20px;
/*
    width: 1em;
    height: 1em;
*/
}
svg:not(:root) {
    overflow: hidden;
}
.gr-auto,
.gr-0,
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8,
.gr-9,
.gr-10,
.gr-11,
.gr-12,
.gr-13,
.gr-14,
.gr-15,
.gr-16,
.m-mosaic__element--first,
.m-mosaic__element--second,
.m-mosaic__element--third,
.m-mosaic__element--fourth,
.music .album-container:nth-child(odd) .album-image-container,
.music .album-container:nth-child(odd) .album-info,
.music .album-container:nth-child(even) .album-image-container,
.music .album-container:nth-child(even) .album-info {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.footer-label [class^="icon-"],
.footer-label [class*=" icon-"] {
    font-size: 150%;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.3s, right 0.3s, opacity 0.3s;
    transition: left 0.3s, right 0.3s, opacity 0.3s;
}
.footer-social:hover .footer-label [class^="icon-"],
.footer-social:hover .footer-label [class*=" icon-"],
.__scroll-active .footer-social .footer-label [class^="icon-"],
.__scroll-active .footer-social .footer-label [class*=" icon-"] {
    left: -1.33333em;
    opacity: 0;
}
.footer-social .footer-label [class^="icon-"],
.footer-social .footer-label [class*=" icon-"] {
    left: 0;
}
.footer-links {
    padding-top: 0.5em;
    margin-top: -2em;
    opacity: 0;
    -webkit-transition: margin 0.3s, opacity 0.3s;
    transition: margin 0.3s, opacity 0.3s;
}
.footer-link {
    display: inline-block;
    font-size: 2.4em;
    margin-right: 0.66667em;
    text-decoration: none;
}
.footer-social:hover .footer-label,
.__scroll-active .footer-social .footer-label {
    padding-left: 0em;
}
.footer-social:hover .footer-links,
.__scroll-active .footer-social .footer-links {
    margin-top: 0;
    opacity: 1;
}
.footer-logo {
    max-width: 175px;
}
.text-right {
    text-align: right;
}
.newsletter {
    padding-top: 10em;
    position: relative;
    z-index: 1;
}
.section {
    max-width: 146em;
    padding: 0 4em;
    margin: 0 auto;
}
.newsletter-form {
    display: block;
}
.row-align-bottom {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
}
.prefix-2 {
    margin-left: 12.5%;
}
.gr-6 {
    width: 37.5%;
}
h4 {
    font-family: "sasa";
/*    font-size: 30px;*/
    font-size: 2rem;
    letter-spacing: 0.05em;
    margin: 0 0 0.66667em;
}
p.intro {
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-bottom: 1.38889em;
}
.gr-11 {
    width: 68.75%;
}
.success-message {
    font-size: 1.4em;
    margin-bottom: 1.11111em;
    color: #224227;
    letter-spacing: 0.05em;
}
.form-field {
    margin-top: 3em;
}
input[type="text"], input[type="email"], textarea {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    width: 100%;
    background: none;
    border: none;
    background-image: url(../oasis/assets/images/css/input-bkg.png);
    background-repeat: repeat-x;
    background-position: 0 bottom;
    padding: 0 0 1em;
    -webkit-animation: input-wave 0.4s linear infinite;
    animation: input-wave 0.4s linear infinite;
}
@-webkit-keyframes input-wave {
    from {
        background-position: -0px bottom;
    }
    to {
        background-position: 18px bottom;
    }
}

@keyframes input-wave {
    from {
        background-position: -0px bottom;
    }
    to {
        background-position: 18px bottom;
    }
}

.form-error {
    color: #df4a4e;
    font-size: 1.2em;
    margin-top: 0.41667em;
}
.no-margin {
    margin: 0;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
.action {
    display: inline-block;
    position: relative;
    font-size: 2em;
    letter-spacing: 0.07em;
    padding: 0;
    background: none;
    border: none;
    text-decoration: none;
    text-align: left;
}
.btn-loader {
    position: relative;
    display: inline-block;
    font-size: 0.06667em;
    margin-left: 7em;
    vertical-align: middle;
}
.btn-loader:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 15em;
    height: 15em;
    vertical-align: middle;
    border: 1em solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.btn-loader.__animated:before {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    border-top: 1em solid rgba(255, 255, 255, 0.2);
    border-right: 1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1em solid rgba(255, 255, 255, 0.2);
}
.btn-loader [class^="icon-"],
.btn-loader [class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    font-size: 13.5em;
    margin: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.action [class^="icon-"],
.action [class*=" icon-"] {
    font-size: 150%;
    line-height: 1;
    margin-left: 0.4em;
    vertical-align: middle;
}
.row:after,
.row-reverse:after {
    clear: both;
}
.row:before,
.row-reverse:before,
.row:after,
.row-reverse:after {
    content: "";
    display: table;
}