.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,  0,  0);
    -moz-transform: translate3d(0,  0,  0);
    -ms-transform: translate3d(0,  0,  0);
    -o-transform: translate3d(0,  0,  0);
    transform: translate3d(0,  0,  0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
svg:not(:root) {
    overflow: hidden;
}
[role="button"] {
    cursor: pointer;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.h1, .h2, .h3 {
    margin-top: 21px;
    margin-bottom: 10.5px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%}
.h4, .h5, .h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%}
.h1 {
    font-size: 60px;
}
.h2 {
    font-size: 40px;
}
.h3 {
    font-size: 19px;
}
.h4 {
    font-size: 15px;
}
.h5 {
    font-size: 15px;
}
.h6 {
    font-size: 15px;
}
.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
}
@media (min-width:768px) {
    .lead {
    font-size: 22.5px;
}
}small, .small {
    font-size: 86%}
mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
}
.container-small {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width:767px) {
    .container-small {
    padding-left: 80px;
    padding-right: 80px;
}
}@media (max-width:479px) {
    .container-small {
    max-width: 350px;
    padding-left: 40px;
    padding-right: 40px;
}
}@media (min-width:768px) {
    .container-small {
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
}
}@media (min-width:992px) {
    .container-small {
    width: 790px;
}
}@media (min-width:1200px) {
    .container-small {
    width: 930px;
}
}@media (min-width:1500px) {
    .container-small {
    width: 1130px;
}
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.slider .slick-slide {
    height: 100vh;
}
.slider * {
    outline: none !important;
    box-shadow: none !important;
}
.slider .slick-slide {
    position: relative;
}
.slider .bg-cont {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 50%;
    overflow: hidden;
    transform: translate(-50%,  -50%);
    transition: all 800ms cubic-bezier(.77,  0,  .175,  1);
}
.slider .bg {
    position: absolute;
    width: 120%;
    height: 120%;
    left: 50%;
    top: 50%;
    background-size: cover;
    background-position: center center;
    transform: translate(-50%,  -50%);
    transition: all 800ms cubic-bezier(.77,  0,  .175,  1);
}
.slider .container {
    position: relative;
    z-index: 2;
}
.slider .toAnim .bg, .slider .toAnim .bg-cont {
    width: 100%;
    height: 100%}
.slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0D1521;
    opacity: .8;
    z-index: 2;
}
.slider-text {
    z-index: 10;
}
.slider-bg {
    position: static;
}
.slider-arrows {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 40px;
    padding-right: 40px;
    position: absolute;
    top: 60% !important;
    margin-top: 150px;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width:767px) {
    .slider-arrows {
    padding-left: 80px;
    padding-right: 80px;
}
}@media (max-width:479px) {
    .slider-arrows {
    max-width: 350px;
    padding-left: 40px;
    padding-right: 40px;
}
}@media (min-width:768px) {
    .slider-arrows {
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
}
}@media (min-width:992px) {
    .slider-arrows {
    width: 790px;
}
}@media (min-width:1200px) {
    .slider-arrows {
    width: 930px;
    top: 55% !important;
}
}@media (min-width:1500px) {
    .slider-arrows {
    width: 1130px;
}
}
.slider-arrows svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: auto;
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.02px;
    z-index: 2;
    transition: stroke cubic-bezier(.4,  0,  .2,  1) 400ms;
    transform: translate(-50%,  -50%);
}
.slider-arrows div {
    position: relative;
    height: 55px;
    width: 55px;
    display: block;
    float: left;
    cursor: hand;
    cursor: pointer;
}
.slider-arrows .arrow {
    border: 1px solid #FFF;
}
.slider-arrows .arrow:after {
    content: "";
    position: absolute;
    background-color: #FFF;
    height: 100%;
    width: 0;
    transition: width cubic-bezier(.4,  0,  .2,  1) 400ms;
}
.slider-arrows .arrow.prev:after {
    right: 0;
}
.slider-arrows .arrow.next:after {
    left: 0;
}
.slider-arrows .arrow:first-of-type {
    border-right: 0;
}
.slider-arrows .arrow:hover:after, .slider-arrows .arrow:active:after {
    width: 100%}
.slider-arrows .arrow:hover svg, .slider-arrows .arrow:active svg {
    stroke: #0D1521;
}
.slider-arrows .more-action {
    transition: all 400ms;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 55px;
    width: auto;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .4em;
}
.slider-arrows .more-action div {
    transition: all 400ms 0ms;
    color: #FFF;
}
.slider-arrows .more-action div .char1 {
    animation: flashmylord 3000ms 0ms infinite;
}
.slider-arrows .more-action div .char2 {
    animation: flashmylord 3000ms 30ms infinite;
}
.slider-arrows .more-action div .char3 {
    animation: flashmylord 3000ms 60ms infinite;
}
.slider-arrows .more-action div .char4 {
    animation: flashmylord 3000ms 90ms infinite;
}
.slider-arrows .more-action div .char5 {
    animation: flashmylord 3000ms 120ms infinite;
}
.slider-arrows .more-action div .char6 {
    animation: flashmylord 3000ms 150ms infinite;
}
.slider-arrows .more-action div .char7 {
    animation: flashmylord 3000ms 180ms infinite;
}
.slider-arrows .more-action div .char8 {
    animation: flashmylord 3000ms 210ms infinite;
}
.slider-arrows .more-action div span {
    color: #FFF;
    transition: all 400ms 0ms;
}
.slider-arrows .more-action svg {
    opacity: 0;
    width: 18px;
    stroke: #FFF;
    transition: all 400ms;
}
.slider-arrows .more-action:hover div span, .slider-arrows .more-action:active div span {
    animation-play-state: paused;
    color: #00C070;
}
.slider-arrows .more-action.nowClose {
    width: 55px;
    border: 1px solid #FFF;
}
.slider-arrows .more-action.nowClose div {
    color: #FFF;
    opacity: 0;
}
.slider-arrows .more-action.nowClose svg {
    opacity: 1;
    transform: translate(-50%,  -50%) rotate(-45deg);
}
@media (max-width:767px) {
    .slider-arrows {
    margin-top: 100px;
}
}@keyframes chileggeeculo {
    0% {
    stroke: #FFF;
}
70% {
    stroke: #00C070;
}
100% {
    stroke: #FFF;
}
}@keyframes flashmylord {
    0% {
    color: #FFF;
}
10% {
    color: #00C070;
}
30% {
    color: #FFF;
}
100% {
    color: #FFF;
}
}
.slider-nav {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 50px;
    position: absolute;
    top: 50%;
    z-index: 90;
    left: 50%;
    transform: translate(-50%,  -50%);
    width: 100%;
    color: #FFF;
    font-size: 13px;
    letter-spacing: .2em;
}
@media (max-width:767px) {
    .slider-nav {
    padding-left: 80px;
    padding-right: 80px;
}
}@media (max-width:479px) {
    .slider-nav {
    max-width: 350px;
    padding-left: 40px;
    padding-right: 40px;
}
}@media (min-width:768px) {
    .slider-nav {
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
}
}@media (min-width:992px) {
    .slider-nav {
    width: 790px;
}
}@media (min-width:1200px) {
    .slider-nav {
    width: 930px;
}
}@media (min-width:1500px) {
    .slider-nav {
    width: 1130px;
}
}@media (max-width:1499px) {
    .slider-nav {
    margin-top: 40px;
}
}@media (max-width:1199px) {
    .slider-nav {
    margin-top: 30px;
}
}@media (max-width:991px) {
    .slider-nav {
    margin-top: 25px;
}
}@media (max-width:767px) {
    .slider-nav {
    margin-top: 20px;
}
}@media (max-width:479px) {
    .slider-nav {
    margin-top: 10px;
}
}@media (max-width:479px) {
    .slider-nav {
    display: none !important;
}
}.slider-nav .slider-nav-inner {
    float: right;
}
.slider-nav .line {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    margin-top: -1px;
    height: 2px;
    width: 18px;
    background-color: #54a8fc;
    transition: width 400ms cubic-bezier(.785,  .135,  .15,  .86);
}
.slider-nav .item {
    position: relative;
    cursor: pointer;
    cursor: hand;
    opacity: .3;
    margin: 5Vh 0;
    transition: opacity 600ms;
}
.slider-nav .item:hover, .slider-nav .item:active {
    opacity: 1;
}
.slider-nav .item.current {
    opacity: 1;
}
.slider-nav .item.current .line {
    width: 36px;
}
a {
    transition: color 400ms;
}
.title-big {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 32px;
}
.title-big small, .title-big .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-big small, .title-big .small {
    font-size: 65%}
@media (max-width:991px) {
    .title-big {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 40px;
}
.title-big small, .title-big .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-big small, .title-big .small {
    font-size: 65%}
}@media (max-width:767px) {
    .title-big {
    font-size: 25px;
}
}@media (max-width:479px) {
    .title-big {
    font-size: 19px;
    line-height: 1.2em;
    margin-top: 10px;
}
}.title-large {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 40px;
}
.title-large small, .title-large .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-large small, .title-large .small {
    font-size: 65%}
@media (max-width:991px) {
    .title-large {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 19px;
}
.title-large small, .title-large .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-large small, .title-large .small {
    font-size: 65%}
}.title-semi-large {
    font-size: 25px;
    line-height: 1.4em;
}
@media (max-width:991px) {
    .title-semi-large {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 19px;
}
.title-semi-large small, .title-semi-large .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-semi-large small, .title-semi-large .small {
    font-size: 65%}
}.title-medium {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 19px;
}
.title-medium small, .title-medium .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-medium small, .title-medium .small {
    font-size: 65%}
@media (max-width:479px) {
    .title-medium {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    font-size: 15px;
}
.title-medium small, .title-medium .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.title-medium small, .title-medium .small {
    font-size: 75%}
}.text-light {
    font-weight: 400;
}
.text-ultra-light {
    font-weight: 200;
}
.subtitle {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 21px;
    margin-bottom: 10.5px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
}
.subtitle small, .subtitle .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.subtitle small, .subtitle .small {
    font-size: 65%}
@media (max-width:479px) {
    .subtitle {
    font-weight: 700;
    line-height: 1.2em;
    color: #FFF;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    font-size: 15px;
}
.subtitle small, .subtitle .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
.subtitle small, .subtitle .small {
    font-size: 75%}
}.text-green {
    color: #00C070;
}
.text-black {
    color: #0D1521;
}
.title-theme {
    color: #54a8fc;
}
#loading-cont {
    z-index: 1000;
}
#ui-container, #menu-handler {
    z-index: 100;
}
#menu-container {
    z-index: 70;
}
#contact-container, #partners-container {
    z-index: 50;
}
#page-trans-cont {
    z-index: 70;
}
.section {
    z-index: 50;
}
#main-container {
    z-index: 10;
}
#mask {
    z-index: 10;
}
.slider-bg {
    z-index: 5;
}
#main-bg {
    z-index: 1;
}
#main-bg .bg1 {
    z-index: 1;
}
#main-bg .bg2 {
    z-index: 2;
}
#main-bg .bg3 {
    z-index: 3;
}
#main-container {
    position: relative;
}
#mask, #loading-cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
#mask>div, #loading-cont>div {
    pointer-events: none;
    overflow: hidden;
}
#mask>div, #loading-cont>div, #mask>div div, #loading-cont>div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center repeat-y;
    background-size: 100% auto;
    z-index: 3;
}
#mask>div .bg2, #loading-cont>div .bg2 {
    visibility: hidden;
    opacity: 0;
}
#mask>div svg, #loading-cont>div svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%,  -50%);
}
#mask>div svg .item, #loading-cont>div svg .item {
    fill: #00bc74;
}
#mask>div svg .itembg, #loading-cont>div svg .itembg, #mask>div svg .item-w, #loading-cont>div svg .item-w {
    fill: #FFF;
}
#mask .mask-1, #loading-cont .mask-1, #mask .mask-2, #loading-cont .mask-2 {
    z-index: 2;
}
#mask .mask-1, #loading-cont .mask-1 {
    opacity: .2;
}
#mask .mask-2, #loading-cont .mask-2 {
    opacity: 0;
}
#mask .item-left, #loading-cont .item-left, #mask .item-center, #loading-cont .item-center, #mask .item-right, #loading-cont .item-right {
    opacity: .4;
}
#mask .item-logo, #loading-cont .item-logo {
    opacity: 0;
}
#mask .mask-dark, #loading-cont .mask-dark {
    background-color: #0D1521;
    z-index: 2;
}
#mask .item-other {
    display: none;
}
#loading-cont svg .item {
    opacity: 0;
    visibility: hidden;
}
#loading-cont .mask-dark {
    opacity: 1;
    visibility: visible;
}
#main-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
#main-bg .bg1, #main-bg .bg1 .over, #main-bg .bg2, #main-bg .bg3, #main-bg .bg3 .over {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#main-bg .bg1 .over {
    position: absolute;
}
#main-bg .bg3 .over {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,  -50%) scale(1.4);
}
#main-bg .bg1 {
    background-image: url('/media/bg-section-1.jpg');
}
#main-bg .bg1 .over1 {
    background-image: url('/media/bg-section-1-1.png');
}
#main-bg .bg1 .over2 {
    background-image: url('/media/bg-section-1-2.png');
}
#main-bg .bg1 .over3 {
    background-image: url('/media/bg-section-1-3.png');
}
#main-bg .bg1 .over4 {
    background-image: url('/media/bg-section-1-4.png');
}
#main-bg .bg2 {
    background-image: url('/media/bg-section-2.jpg');
}
#main-bg .bg3 {
    background-image: url('/images/main-bg3.jpg');
}
#main-bg .bg3 .over {
    background-image: url('/images/main-bg3over.png');
    z-index: 2;
}
#main-bg .bg1 .over1 {
    transform-origin: 95% 110%}
#main-bg .bg1 .over2 {
    transform-origin: 30% 110%}
#main-bg .bg1 .over3 {
    transform-origin: 50% 110%}
#main-bg .bg1 .over4 {
    transform-origin: 60% 110%}
@keyframes fall {
    0% {
    transform: rotate(0deg);
}
20% {
    transform: rotate(2deg);
}
60% {
    transform: rotate(-2deg);
}
80% {
    transform: rotate(2deg);
}
100% {
    transform: rotate(0deg);
}
}.center-vertical {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.max-width {
    max-width: 380px;
}
#page-trans-cont {
    position: fixed;
    width: 100%;
    background: #0D1521;
    left: 0;
    bottom: 0;
    top: 100%;
    z-index: 1000;
}
#page-trans-cont div {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/logo@2x.png') #0D1521 center center no-repeat;
    background-size: 100px auto;
}
#contact-container .center-vertical, #partners-container .center-vertical {
    z-index: 2;
}
#contact-container .title-big, #partners-container .title-big, #contact-container .title-big a, #partners-container .title-big a, #contact-container .title-medium, #partners-container .title-medium, #contact-container .row, #partners-container .row {
    position: relative;
}
#contact-container .bg, #partners-container .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#contact-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#contact-container .bg {
    background-color: #00C070;
}
.isPage .notToShow {
    display: none;
}
#partners-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#partners-container .title-big a {
    display: inline-block;
}
#partners-container .bg {
    background-color: #0D1521;
}
#blab {
    z-index: 2;
    position: fixed;
    bottom: 50px;
    right: 50px;
}
@media (max-width:1499px) {
    #blab {
    bottom: 40px;
}
}@media (max-width:1199px) {
    #blab {
    bottom: 30px;
}
}@media (max-width:991px) {
    #blab {
    bottom: 25px;
}
}@media (max-width:767px) {
    #blab {
    bottom: 20px;
}
}@media (max-width:479px) {
    #blab {
    bottom: 10px;
}
}@media (max-width:1499px) {
    #blab {
    right: 40px;
}
}@media (max-width:1199px) {
    #blab {
    right: 30px;
}
}@media (max-width:991px) {
    #blab {
    right: 25px;
}
}@media (max-width:767px) {
    #blab {
    right: 20px;
}
}@media (max-width:479px) {
    #blab {
    right: 10px;
}
}.isPage #go-down {
    opacity: 0;
    visibility: hidden;
}
.section-header {
    height: 100Vh;
}
.section {
    position: absolute;
    height: 100Vh;
    width: 100%;
    left: 0;
    top: 0;
}
.section .title .lettering {
    position: relative;
}
#section-2 .title span {
    position: relative;
}
#section-2 h2 {
    color: #0D1521;
    font-weight: 300;
    line-height: 1.4em;
}
#section-3 p {
    color: #FFF;
}
#section-3 .text strong {
    font-size: 14px;
}
#section-4 .subtitle {
    max-width: 380px;
    font-size:24px;
    font-size: 20px;
}
#section-5 img.bg {
    position: absolute;
    left: -30%}
@media (max-width:479px) {
    #section-5 img.bg {
    display: none !important;
}
}@media (max-width:767px) {
    #section-5 img.bg {
    display: none !important;
}
}#section-5 .content-container {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #FCFCF7;
    color: #0D1521;
}
#section-5 .content-container img {
    display: block;
    max-width: 100%;
    height: auto;
}
#section-5 .content-container h1, #section-5 .content-container h2, #section-5 .content-container h3, #section-5 .content-container h4, #section-5 .content-container h5 {
    margin: 0;
}
#section-5 .content-container .side, #section-5 .content-container .side-full {
    margin-top: 60px;
    margin-bottom: 60px;
}
#section-5 .content-container .side {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (min-width:768px) {
    #section-5 .content-container .side {
    float: left;
    width: 50%}
}@media (min-width:1200px) {
    #section-5 .content-container .side {
    float: left;
    width: 45.83333333%}
}@media (min-width:1200px) {
    #section-5 .content-container .side.side-right {
    left: 8.33333333%}
}@media (min-width:768px) {
    #section-5 .content-container .side.side-put-right {
    margin-left: 54.16666667%}
}#section-5 .content-container .side-full {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
#section-5 .content-container .z-top {
    position: relative;
    z-index: 2;
}
#section-5 .content-container .m-left {
    margin-left: 75px;
}
#section-5 .content-container .m-right {
    margin-left: 75px;
}
#section-5 .content-container .p-left {
    padding-left: 75px;
}
#section-5 .content-container .p-right {
    padding-right: 75px;
}
#section-5 .content-container .out-left {
    position: relative;
    left: -50px;
    right: 0;
}
#section-5 .content-container .out-right {
    position: relative;
    right: -50px;
    left: 0;
}
#section-5 .content-container .side-no-margin-t {
    margin-top: 0;
}
#section-5 .content-container .side-no-margin-b {
    margin-bottom: 0;
}
#section-5 .content-container .title-large-max-w {
    max-width: 800px;
}
@media (max-width:991px) {
    #section-5 .content-container {
    padding-top: 80px;
    padding-bottom: 80px;
}
#section-5 .content-container .side, #section-5 .content-container .side-full {
    margin-top: 40px;
    margin-bottom: 40px;
}
#section-5 .content-container .m-left {
    margin-left: 0;
}
#section-5 .content-container .m-right {
    margin-left: 0;
}
#section-5 .content-container .p-left {
    padding-left: 0;
}
#section-5 .content-container .p-right {
    padding-right: 0;
}
#section-5 .content-container .container-medium {
    padding-left: 15px;
    padding-right: 15px;
}
}@media (max-width:767px) {
    #section-5 .content-container {
    padding-top: 60px;
    padding-bottom: 60px;
}
#section-5 .content-container .side, #section-5 .content-container .side-full {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    top: 0 !important;
    bottom: 0 !important;
}
}
#frame {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 150px;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
@media (max-width:479px) {
    #frame {
    width: 100%;
    max-width: 280px;
}
}@media (max-width:767px) {
    #frame {
    padding-left: 50px;
    padding-right: 50px;
}
}@media (min-width:768px) {
    #frame {
    width: 650px;
}
}@media (min-width:992px) {
    #frame {
    width: 880px;
}
}@media (min-width:1200px) {
    #frame {
    width: 1050px;
}
}@media (min-width:1500px) {
    #frame {
    width: 1280px;
}
}@media (max-width:1499px) {
    #frame {
    top: 120px;
}
}@media (max-width:1199px) {
    #frame {
    top: 90px;
}
}@media (max-width:991px) {
    #frame {
    top: 75px;
}
}@media (max-width:767px) {
    #frame {
    top: 60px;
}
}@media (max-width:479px) {
    #frame {
    top: 30px;
}
}@media (max-width:1499px) {
    #frame {
    bottom: 40px;
}
}@media (max-width:1199px) {
    #frame {
    bottom: 30px;
}
}@media (max-width:991px) {
    #frame {
    bottom: 25px;
}
}@media (max-width:767px) {
    #frame {
    bottom: 20px;
}
}@media (max-width:479px) {
    #frame {
    bottom: 10px;
}
}@media (max-width:767px) {
    #frame {
    display: none !important;
}
}@media (max-width:479px) {
    #frame {
    display: none !important;
}
}#frame div {
    position: absolute;
    background-color: #284159;
    mix-blend-mode: lighten;
}
#frame .f1 {
    top: 0;
    height: 8px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
#frame .f2, #frame .f4 {
    height: 100%;
    width: 8px;
}
#frame .f3, #frame .f32 {
    height: 8px;
    width: 50%}
#frame .f2 {
    right: 0;
    top: 0;
}
#frame .f3, #frame .f32 {
    bottom: 0;
}
#frame .f3 {
    right: 0;
}
#frame .f32 {
    left: 0;
}
#frame .f4 {
    top: 0;
    left: 0;
}
@media (max-width:479px) {
    #frame .f1, #frame .f3, #frame .f32 {
    height: 5px;
}
#frame .f2, #frame .f4 {
    width: 5px;
}
}

@media (max-width:767px) {
    .slider-arrows {
    width: 100%}
}
.main-wrapper{
	height: auto;
}