html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%,
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block
 }
 
 audio:not([controls]) {
     display: none;
     height: 0
 }
 
 progress {
     vertical-align: baseline
 }
 
 [hidden],
 template {
     display: none
 }
 
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects
 }
 
 a:active,
 a:hover {
     outline-width: 0
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted
 }
 
 b,
 strong {
     font-weight: inherit;
     font-weight: bolder
 }
 
 dfn {
     font-style: italic
 }
 
 h1 {
     font-size: 2em;
     margin: .67em 0
 }
 
 mark {
     background-color: #ff0;
     color: #000
 }
 
 small {
     font-size: 80%
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sub {
     bottom: -.25em
 }
 
 sup {
     top: -.5em
 }
 
 img {
     border-style: none
 }
 
 svg:not(:root) {
     overflow: hidden
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 figure {
     margin: 1em 40px
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font: inherit;
     margin: 0
 }
 
 optgroup {
     font-weight: 700
 }
 
 button,
 input {
     overflow: visible
 }
 
 button,
 select {
     text-transform: none
 }
 
 [type=reset],
 [type=submit],
 button,
 html [type=button] {
     -webkit-appearance: button
 }
 
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }
 
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: 1px dotted ButtonText
 }
 
 fieldset {
     border: 1px solid silver;
     margin: 0 2px;
     padding: .35em .625em .75em
 }
 
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal
 }
 
 textarea {
     overflow: auto
 }
 
 [type=checkbox],
 [type=radio] {
     box-sizing: border-box;
     padding: 0
 }
 
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }
 
 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }
 
 [type=search]::-webkit-search-cancel-button,
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 ::-webkit-input-placeholder {
     color: inherit;
     opacity: .54
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }
 
 .container-fluid {
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     padding-right: 0;
     padding-left: 0
 }
 
 .row {
     box-sizing: border-box;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin-right: 0;
     margin-left: 0
 }
 
 .col-lg,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-offset-1,
 .col-lg-offset-2,
 .col-lg-offset-3,
 .col-lg-offset-4,
 .col-lg-offset-5,
 .col-lg-offset-6,
 .col-lg-offset-7,
 .col-lg-offset-8,
 .col-lg-offset-9,
 .col-lg-offset-10,
 .col-lg-offset-11,
 .col-lg-offset-12,
 .col-md,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-offset-1,
 .col-md-offset-2,
 .col-md-offset-3,
 .col-md-offset-4,
 .col-md-offset-5,
 .col-md-offset-6,
 .col-md-offset-7,
 .col-md-offset-8,
 .col-md-offset-9,
 .col-md-offset-10,
 .col-md-offset-11,
 .col-md-offset-12,
 .col-sm,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-offset-1,
 .col-sm-offset-2,
 .col-sm-offset-3,
 .col-sm-offset-4,
 .col-sm-offset-5,
 .col-sm-offset-6,
 .col-sm-offset-7,
 .col-sm-offset-8,
 .col-sm-offset-9,
 .col-sm-offset-10,
 .col-sm-offset-11,
 .col-sm-offset-12,
 .col-xs,
 .col-xs-1,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4,
 .col-xs-5,
 .col-xs-6,
 .col-xs-7,
 .col-xs-8,
 .col-xs-9,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12,
 .col-xs-offset-1,
 .col-xs-offset-2,
 .col-xs-offset-3,
 .col-xs-offset-4,
 .col-xs-offset-5,
 .col-xs-offset-6,
 .col-xs-offset-7,
 .col-xs-offset-8,
 .col-xs-offset-9,
 .col-xs-offset-10,
 .col-xs-offset-11,
 .col-xs-offset-12 {
     box-sizing: border-box;
     flex-grow: 0;
     flex-shrink: 0;
     padding-right: 0;
     padding-left: 0
 }
 
 .col-xs {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%
 }
 
 .col-xs-1 {
     flex-basis: 8.33333%;
     max-width: 8.33333%
 }
 
 .col-xs-2 {
     flex-basis: 16.66667%;
     max-width: 16.66667%
 }
 
 .col-xs-3 {
     flex-basis: 25%;
     max-width: 25%
 }
 
 .col-xs-4 {
     flex-basis: 33.33333%;
     max-width: 33.33333%
 }
 
 .col-xs-5 {
     flex-basis: 41.66667%;
     max-width: 41.66667%
 }
 
 .col-xs-6 {
     flex-basis: 50%;
     max-width: 50%
 }
 
 .col-xs-7 {
     flex-basis: 58.33333%;
     max-width: 58.33333%
 }
 
 .col-xs-8 {
     flex-basis: 66.66667%;
     max-width: 66.66667%
 }
 
 .col-xs-9 {
     flex-basis: 75%;
     max-width: 75%
 }
 
 .col-xs-10 {
     flex-basis: 83.33333%;
     max-width: 83.33333%
 }
 
 .col-xs-11 {
     flex-basis: 91.66667%;
     max-width: 91.66667%
 }
 
 .col-xs-12 {
     flex-basis: 100%;
     max-width: 100%
 }
 
 @media screen and (min-width:48em) {
     .col-sm {
         flex-grow: 1;
         flex-basis: 0;
         max-width: 100%
     }
     .col-sm-1 {
         flex-basis: 8.33333%;
         max-width: 8.33333%
     }
     .col-sm-2 {
         flex-basis: 16.66667%;
         max-width: 16.66667%
     }
     .col-sm-3 {
         flex-basis: 25%;
         max-width: 25%
     }
     .col-sm-4 {
         flex-basis: 33.33333%;
         max-width: 33.33333%
     }
     .col-sm-5 {
         flex-basis: 41.66667%;
         max-width: 41.66667%
     }
     .col-sm-6 {
         flex-basis: 50%;
         max-width: 50%
     }
     .col-sm-7 {
         flex-basis: 58.33333%;
         max-width: 58.33333%
     }
     .col-sm-8 {
         flex-basis: 66.66667%;
         max-width: 66.66667%
     }
     .col-sm-9 {
         flex-basis: 75%;
         max-width: 75%
     }
     .col-sm-10 {
         flex-basis: 83.33333%;
         max-width: 83.33333%
     }
     .col-sm-11 {
         flex-basis: 91.66667%;
         max-width: 91.66667%
     }
     .col-sm-12 {
         flex-basis: 100%;
         max-width: 100%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md {
         flex-grow: 1;
         flex-basis: 0;
         max-width: 100%
     }
     .col-md-1 {
         flex-basis: 8.33333%;
         max-width: 8.33333%
     }
     .col-md-2 {
         flex-basis: 16.66667%;
         max-width: 16.66667%
     }
     .col-md-3 {
         flex-basis: 25%;
         max-width: 25%
     }
     .col-md-4 {
         flex-basis: 33.33333%;
         max-width: 33.33333%
     }
     .col-md-5 {
         flex-basis: 41.66667%;
         max-width: 41.66667%
     }
     .col-md-6 {
         flex-basis: 50%;
         max-width: 50%
     }
     .col-md-7 {
         flex-basis: 58.33333%;
         max-width: 58.33333%
     }
     .col-md-8 {
         flex-basis: 66.66667%;
         max-width: 66.66667%
     }
     .col-md-9 {
         flex-basis: 75%;
         max-width: 75%
     }
     .col-md-10 {
         flex-basis: 83.33333%;
         max-width: 83.33333%
     }
     .col-md-11 {
         flex-basis: 91.66667%;
         max-width: 91.66667%
     }
     .col-md-12 {
         flex-basis: 100%;
         max-width: 100%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg {
         flex-grow: 1;
         flex-basis: 0;
         max-width: 100%
     }
     .col-lg-1 {
         flex-basis: 8.33333%;
         max-width: 8.33333%
     }
     .col-lg-2 {
         flex-basis: 16.66667%;
         max-width: 16.66667%
     }
     .col-lg-3 {
         flex-basis: 25%;
         max-width: 25%
     }
     .col-lg-4 {
         flex-basis: 33.33333%;
         max-width: 33.33333%
     }
     .col-lg-5 {
         flex-basis: 41.66667%;
         max-width: 41.66667%
     }
     .col-lg-6 {
         flex-basis: 50%;
         max-width: 50%
     }
     .col-lg-7 {
         flex-basis: 58.33333%;
         max-width: 58.33333%
     }
     .col-lg-8 {
         flex-basis: 66.66667%;
         max-width: 66.66667%
     }
     .col-lg-9 {
         flex-basis: 75%;
         max-width: 75%
     }
     .col-lg-10 {
         flex-basis: 83.33333%;
         max-width: 83.33333%
     }
     .col-lg-11 {
         flex-basis: 91.66667%;
         max-width: 91.66667%
     }
     .col-lg-12 {
         flex-basis: 100%;
         max-width: 100%
     }
 }
 
 .col-xs-offset-1 {
     margin-left: 8.33333%
 }
 
 .col-xs-offset-2 {
     margin-left: 16.66667%
 }
 
 .col-xs-offset-3 {
     margin-left: 25%
 }
 
 .col-xs-offset-4 {
     margin-left: 33.33333%
 }
 
 .col-xs-offset-5 {
     margin-left: 41.66667%
 }
 
 .col-xs-offset-6 {
     margin-left: 50%
 }
 
 .col-xs-offset-7 {
     margin-left: 58.33333%
 }
 
 .col-xs-offset-8 {
     margin-left: 66.66667%
 }
 
 .col-xs-offset-9 {
     margin-left: 75%
 }
 
 .col-xs-offset-10 {
     margin-left: 83.33333%
 }
 
 .col-xs-offset-11 {
     margin-left: 91.66667%
 }
 
 .col-xs-offset-12 {
     margin-left: 100%
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-1 {
         margin-left: 8.33333%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-2 {
         margin-left: 16.66667%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-3 {
         margin-left: 25%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-4 {
         margin-left: 33.33333%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-5 {
         margin-left: 41.66667%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-6 {
         margin-left: 50%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-7 {
         margin-left: 58.33333%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-8 {
         margin-left: 66.66667%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-9 {
         margin-left: 75%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-10 {
         margin-left: 83.33333%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-11 {
         margin-left: 91.66667%
     }
 }
 
 @media screen and (min-width:48em) {
     .col-sm-offset-12 {
         margin-left: 100%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-1 {
         margin-left: 8.33333%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-2 {
         margin-left: 16.66667%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-3 {
         margin-left: 25%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-4 {
         margin-left: 33.33333%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-5 {
         margin-left: 41.66667%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-6 {
         margin-left: 50%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-7 {
         margin-left: 58.33333%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-8 {
         margin-left: 66.66667%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-9 {
         margin-left: 75%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-10 {
         margin-left: 83.33333%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-11 {
         margin-left: 91.66667%
     }
 }
 
 @media screen and (min-width:62em) {
     .col-md-offset-12 {
         margin-left: 100%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-1 {
         margin-left: 8.33333%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-2 {
         margin-left: 16.66667%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-3 {
         margin-left: 25%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-4 {
         margin-left: 33.33333%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-5 {
         margin-left: 41.66667%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-6 {
         margin-left: 50%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-7 {
         margin-left: 58.33333%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-8 {
         margin-left: 66.66667%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-9 {
         margin-left: 75%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-10 {
         margin-left: 83.33333%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-11 {
         margin-left: 91.66667%
     }
 }
 
 @media screen and (min-width:75em) {
     .col-lg-offset-12 {
         margin-left: 100%
     }
 }
 
 .center-xs {
     justify-content: center
 }
 
 @media screen and (min-width:48em) {
     .center-sm {
         justify-content: center
     }
 }
 
 @media screen and (min-width:62em) {
     .center-md {
         justify-content: center
     }
 }
 
 @media screen and (min-width:75em) {
     .center-lg {
         justify-content: center
     }
 }
 
 .start-xs {
     justify-content: flex-start
 }
 
 @media screen and (min-width:48em) {
     .start-sm {
         justify-content: flex-start
     }
 }
 
 @media screen and (min-width:62em) {
     .start-md {
         justify-content: flex-start
     }
 }
 
 @media screen and (min-width:75em) {
     .start-lg {
         justify-content: flex-start
     }
 }
 
 .end-xs {
     justify-content: flex-end
 }
 
 @media screen and (min-width:48em) {
     .end-sm {
         justify-content: flex-end
     }
 }
 
 @media screen and (min-width:62em) {
     .end-md {
         justify-content: flex-end
     }
 }
 
 @media screen and (min-width:75em) {
     .end-lg {
         justify-content: flex-end
     }
 }
 
 .middle-xs {
     align-items: center
 }
 
 @media screen and (min-width:48em) {
     .middle-sm {
         align-items: center
     }
 }
 
 @media screen and (min-width:62em) {
     .middle-md {
         align-items: center
     }
 }
 
 @media screen and (min-width:75em) {
     .middle-lg {
         align-items: center
     }
 }
 
 .top-xs {
     align-items: flex-start
 }
 
 @media screen and (min-width:48em) {
     .top-sm {
         align-items: flex-start
     }
 }
 
 @media screen and (min-width:62em) {
     .top-md {
         align-items: flex-start
     }
 }
 
 @media screen and (min-width:75em) {
     .top-lg {
         align-items: flex-start
     }
 }
 
 .bottom-xs {
     align-items: flex-end
 }
 
 @media screen and (min-width:48em) {
     .bottom-sm {
         align-items: flex-end
     }
 }
 
 @media screen and (min-width:62em) {
     .bottom-md {
         align-items: flex-end
     }
 }
 
 @media screen and (min-width:75em) {
     .bottom-lg {
         align-items: flex-end
     }
 }
 
 .around-xs {
     justify-content: space-around
 }
 
 @media screen and (min-width:48em) {
     .around-sm {
         justify-content: space-around
     }
 }
 
 @media screen and (min-width:62em) {
     .around-md {
         justify-content: space-around
     }
 }
 
 @media screen and (min-width:75em) {
     .around-lg {
         justify-content: space-around
     }
 }
 
 .between-xs {
     justify-content: space-between
 }
 
 @media screen and (min-width:48em) {
     .between-sm {
         justify-content: space-between
     }
 }
 
 @media screen and (min-width:62em) {
     .between-md {
         justify-content: space-between
     }
 }
 
 @media screen and (min-width:75em) {
     .between-lg {
         justify-content: space-between
     }
 }
 
 .first-xs {
     order: -1
 }
 
 @media screen and (min-width:48em) {
     .first-sm {
         order: -1
     }
 }
 
 @media screen and (min-width:62em) {
     .first-md {
         order: -1
     }
 }
 
 @media screen and (min-width:75em) {
     .first-lg {
         order: -1
     }
 }
 
 .last-xs {
     order: 1
 }
 
 @media screen and (min-width:48em) {
     .last-sm {
         order: 1
     }
 }
 
 @media screen and (min-width:62em) {
     .last-md {
         order: 1
     }
 }
 
 @media screen and (min-width:75em) {
     .last-lg {
         order: 1
     }
 }
 
 .reverse-xs {
     flex-direction: row-reverse
 }
 
 @media screen and (min-width:48em) {
     .reverse-sm {
         flex-direction: row-reverse
     }
 }
 
 @media screen and (min-width:62em) {
     .reverse-md {
         flex-direction: row-reverse
     }
 }
 
 @media screen and (min-width:75em) {
     .reverse-lg {
         flex-direction: row-reverse
     }
 }
 
 body,
 html {
     top: 0;
     overflow: hidden
 }
 
 #page-wrapper,
 #site-wrapper,
 body,
 html {
     width: 100%;
     height: 100%
 }
 
 #site-wrapper>div {
     height: 100%
 }
 
 #scroll-wrapper {
     height: 100%;
     width: 100%;
     will-change: transform;
     position: absolute
 }
 
 body {
     margin: 0
 }
 
 .measure {
     height: 6vw
 }
 
 a {
     color: #fff;
     text-decoration: none
 }
 
 .lightBg {
     background: #f9f9f9
 }
 
 .whiteBg {
     background: #fff
 }
 
 .map div {
     animation-duration: 1.9s!important;
     animation-timing-function: ease-in!important
 }
 
 .scroll-down {
     display: inline-block;
     margin: 0;
     transform: translateX(52%) translateY(100px) rotate(-90deg);
     text-transform: uppercase;
     white-space: nowrap
 }
 
 .switch-holder {
     position: relative;
     display: flex;
     flex-direction: row;
     text-transform: uppercase
 }
 
 .switch-holder .switch-state {
     color: #0d2558;
     font-weight: 500;
     transition: all .4s
 }
 
 .switch-holder .switch-bar {
     width: 30px;
     height: 1rem;
     border: 2px solid #0d2558;
     position: relative;
     margin: 0 .75vw;
     transition: all .4s;
     cursor: pointer
 }
 
 .switch-holder .switch-bar .handle {
     position: absolute;
     width: 50%;
     background: #0d2558;
     transition: all .4s;
     height: 100%
 }
 
 .switch-holder--light .switch-state {
     color: #fff
 }
 
 .switch-holder--light .switch-bar {
     border: 2px solid #fff
 }
 
 .switch-holder--light .switch-bar .handle {
     background: #fff;
     transform: translateX(100%)
 }
 
 .top-bar {
     position: absolute;
     width: 100%;
     height: 12vw;
     background: rgba(0, 0, 0, .3);
     z-index: 100;
     top: 0
 }
 
 @media screen and (min-width:48em) {
     .top-bar {
         height: 6vw
     }
 }
 
 @media screen and (min-width:62em) {
     .longer-6 {
         margin-left: calc(50% - 6vw);
         flex-basis: calc(50% + 6vw);
         max-width: calc(50% + 6vw)
     }
 }
 
 .breadcrumbs {
     height: 6vw;
     align-items: center;
     justify-content: center;
     display: none
 }
 
 .breadcrumbs .breadcrumb,
 .breadcrumbs span {
     color: #0d2558;
     text-transform: uppercase;
     margin: 0 .2em
 }
 
 .breadcrumbs .breadcrumb.active,
 .breadcrumbs span.active {
     font-weight: 700
 }
 
 .breadcrumbs.white,
 .standards .breadcrumbs.btn {
     background: #fff
 }
 
 .breadcrumbs.dark {
     background: rgba(0, 0, 0, .3)
 }
 
 .breadcrumbs.dark .breadcrumb,
 .breadcrumbs.dark span {
     color: #fff
 }
 
 .breadcrumbs.dark-nobg {
     background: transparent
 }
 
 .breadcrumbs.dark-nobg .breadcrumb,
 .breadcrumbs.dark-nobg span {
     color: #fff
 }
 
 .breadcrumbs.black {
     background: #0d2558
 }
 
 .breadcrumbs.black .breadcrumb,
 .breadcrumbs.black span {
     color: #fff
 }
 
 @media screen and (min-width:48em) {
     .breadcrumbs {
         display: flex
     }
 }
 
 .fadeIn {
     opacity: 0;
     will-change: transform, opacity
 }
 
 .fadeIn--left {
     transform: translateX(1vw)
 }
 
 .fadeIn--right {
     transform: translateX(-1vw)
 }
 
 .fadeIn--bottom {
     transform: translateY(1vw)
 }
 
 .fadeIn--top {
     transform: translateY(-1vw)
 }
 
 .scroll-content {
     height: 100%
 }
 
 .line {
     width: 100%;
     height: 1px;
     background: hsla(0, 0%, 100%, .3);
     z-index: 9;
     pointer-events: none;
     position: relative
 }
 
 .line--vert {
     width: 1px;
     height: 100%
 }
 
 .line--long {
     width: 1000%;
     margin: 0
 }
 
 .line.decor-line {
     position: absolute;
     left: 50%;
     height: 100%;
     width: 1px;
     z-index: 20
 }
 
 .line.decor-line.line--right {
     left: auto;
     right: 12vw
 }
 
 .line.decor-line.line--left {
     right: auto;
     left: 12vw
 }
 
 .line--dark {
     background: rgba(0, 0, 0, .08);
     margin: 0
 }
 
 #transition-overlay .col {
     background: #f7f7f7;
     top: 0;
     width: 50vw;
     height: 100%;
     position: fixed;
     z-index: 999;
     will-change: transform
 }
 
 #transition-overlay .col--2 {
     left: 50vw
 }
 
 .border {
     z-index: 2
 }
 
 .border--r {
     border-right: 1px solid hsla(0, 0%, 100%, .3)
 }
 
 .border--l {
     border-left: 1px solid hsla(0, 0%, 100%, .3)
 }
 
 .border--b {
     border-bottom: 1px solid hsla(0, 0%, 100%, .3)
 }
 
 .border--t {
     border-top: 1px solid hsla(0, 0%, 100%, .3)
 }
 
 .border--dark {
     border-color: rgba(0, 0, 0, .08)
 }
 
 img {
     max-width: 100%
 }
 
 #loader {
     z-index: 999;
     display: block;
     position: fixed;
     top: 0;
     left: 50vw;
     opacity: 0;
     will-change: opacity;
     pointer-events: none;
     transition: opacity .4s
 }
 
 .loader {
     width: 1px;
     height: 100%;
     position: relative;
     overflow: hidden;
     background-color: rgba(0, 0, 0, .08)
 }
 
 .loader:before {
     position: absolute;
     top: -50vh;
     height: 60vh;
     width: 1px;
     background-color: #f2a114;
     animation: a 2s linear infinite
 }
 
 @keyframes a {
     0% {
         top: -50vh;
         height: 30%
     }
     50% {
         height: 30%
     }
     70% {
         height: 70%
     }
     80% {
         top: 50%
     }
     95% {
         top: 120%
     }
     to {
         top: 100%
     }
 }
 
 .page {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
 }
 
 .parallax {
     will-change: transform
 }
 
 ::-webkit-scrollbar {
     width: 3px
 }
 
 ::-webkit-scrollbar-track {
     border-radius: 0
 }
 
 ::-webkit-scrollbar-thumb {
     border-radius: 0;
     background: #f2a114
 }
 
 .default-page::-webkit-scrollbar,
 .greenScrollbar::-webkit-scrollbar,
 .standards::-webkit-scrollbar,
 .two-columns-page .column::-webkit-scrollbar,
 .two-columns-page::-webkit-scrollbar {
     width: 3px
 }
 
 .default-page::-webkit-scrollbar-track,
 .greenScrollbar::-webkit-scrollbar-track,
 .standards::-webkit-scrollbar-track,
 .two-columns-page .column::-webkit-scrollbar-track,
 .two-columns-page::-webkit-scrollbar-track {
     border-radius: 0
 }
 
 .default-page::-webkit-scrollbar-thumb,
 .greenScrollbar::-webkit-scrollbar-thumb,
 .standards::-webkit-scrollbar-thumb,
 .two-columns-page .column::-webkit-scrollbar-thumb,
 .two-columns-page::-webkit-scrollbar-thumb {
     border-radius: 0;
     background: #f2a114
 }
 
 .black-overlay {
     width: calc(100% + 2px);
     height: calc(100% + 2px);
     position: absolute;
     top: -1px;
     left: -1px;
     z-index: 2;
     background: rgba(0, 0, 0, .6);
     pointer-events: none
 }
 
 .col-xs-stripe {
     width: 60px
 }
 
 @media screen and (max-width:48em) {
     .col-xs-stripe-rest {
         width: calc(100% - 60px)
     }
 }
 
 .close {
     display: block;
     position: relative;
     top: 0;
     left: 0
 }
 
 .close.small-close {
     width: 1vw;
     height: 1vw;
     position: absolute
 }
 
 @media (max-width:767px) {
     .close.small-close {
         width: 12px;
         height: 12px
     }
 }
 
 .close.grey .ln .stroke,
 .close.grey .ln:after {
     background-color: #0d2558
 }
 
 .close .ln {
     height: 2px;
     position: absolute;
     display: block;
     width: 100%;
     top: 50%
 }
 
 .close .ln-close1 {
     transform: rotate(-45deg) translateZ(0)
 }
 
 .close .ln-close1:after {
     transform: translateX(20px)
 }
 
 .close .ln-close2 {
     transform: rotate(45deg) translateZ(0)
 }
 
 .close .ln-close2:after {
     transform: translateX(-20px)
 }
 
 .close .ln:after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     background: #0d2558
 }
 
 .close-wrapper {
     width: 6vw;
     height: 6vw;
     padding: 2vw;
     box-sizing: border-box;
     position: relative;
     z-index: 2
 }
 
 .close-wrapper .close {
     position: relative;
     top: -1px
 }
 
 .close-wrapper.close-wrapper-small {
     width: 1.2vw;
     height: 1.2vw;
     min-width: 16px;
     min-height: 16px;
     padding: 0;
     background-color: transparent
 }
 
 .close-wrapper.close-wrapper-small .txt {
     padding-left: 2vw
 }
 
 @media (max-width:767px) {
     .close-wrapper.close-wrapper-small .txt {
         padding-left: 20px
     }
 }
 
 @media (max-width:767px) {
     .close-wrapper {
         width: 60px;
         height: 60px;
         padding: 20px
     }
 }
 
 .close-wrapper .ln .stroke {
     position: absolute;
     width: 100%;
     height: 100%
 }
 
 .close-wrapper .ln .stroke,
 .close-wrapper .ln:after {
     background-color: #0d2558;
     transition: all .3s
 }
 
 .close-wrapper .ln.ln-close1 .stroke {
     transition-delay: .3s
 }
 
 .close-wrapper .ln.ln-close1:after {
     transition-delay: .1s
 }
 
 .close-wrapper .ln.ln-close2 .stroke {
     transition-delay: .4s
 }
 
 .close-wrapper:hover .ln-close1 .stroke {
     transition-delay: 0s;
     transform: translateX(-20px);
     opacity: 0
 }
 
 .close-wrapper:hover .ln-close1:after {
     transform: translateX(0);
     transition: all .3s;
     transition-delay: .3s;
     opacity: 1
 }
 
 .close-wrapper:hover .ln-close2 .stroke {
     transform: translateX(20px);
     transition: all .3s;
     opacity: 0;
     transition-delay: .1s
 }
 
 .close-wrapper:hover .ln-close2:after {
     transform: translateX(0);
     transition: all .3s;
     transition-delay: .4s;
     opacity: 1
 }
 
 .loader {
     opacity: 0;
     pointer-events: none;
     transition: opacity .4s
 }
 
 .loader:before {
     content: "";
     display: block;
     padding-top: 100%
 }
 
 .loader .circular {
     animation: i 2s linear infinite;
     transform-origin: center center;
     width: 50%;
     position: absolute;
     top: 25%;
     left: 25%
 }
 
 .loader .path {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
     stroke: #f2a114;
     animation: b 1.5s ease-in-out infinite
 }
 
 @keyframes b {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0
     }
     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35px
     }
     to {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124px
     }
 }
 
 .loading-page .loader {
     opacity: 1
 }
 
 .loading-page .logo-img {
     opacity: 0
 }
 
 .isIE .loading-page .logo-img,
 .loading-page #loader {
     opacity: 1
 }
 
 .btn {
     font-family: Raleway;
     color: #fff;
     font-size: 0;
     text-transform: uppercase;
     text-decoration: none;
     display: inline-block;
     position: relative;
     transform: translateZ(0);
     box-sizing: border-box;
     cursor: pointer;
     border: 3px solid #fff;
     overflow: hidden;
     white-space: nowrap
 }
 
 .btn .inner {
     padding: 0
 }
 
 .btn span {
     box-sizing: border-box;
     display: inline-block;
     line-height: 1;
     width: 100%;
     height: 100%;
     text-align: center;
     padding: 13px 45px
 }
 
 @media screen and (min-width:48em) {
     .btn span {
         padding: 1.2vw 4.6vw
     }
 }
 
 .btn .hover {
     position: absolute;
     top: 0;
     left: 0;
     color: #0d2558;
     background: #fff;
     transform: translateY(100%);
     transition: transform .4s ease;
     height: 100%
 }
 
 .btn .hover .inner {
     transition: all .4s ease;
     transform: translateY(1.2vw)
 }
 
 .btn .text {
     transition: transform .4s ease;
     z-index: 1;
     position: relative
 }
 
 .btn .hover,
 .btn .text {
     display: flex;
     align-items: center
 }
 
 .btn--small {
     font-family: Raleway
 }
 
 .btn--small span {
     padding: .5vw 1.2vw
 }
 
 .btn--dark {
     border: 2px solid #0d2558;
     color: #0d2558
 }
 
 @media screen and (min-width:48em) {
     .btn--dark {
         border: 3px solid #0d2558
     }
 }
 
 .btn--dark .text {
     background: #fff
 }
 
 .btn--dark .hover {
     background: #0d2558;
     color: #fff
 }
 
 .btn--light {
     border: 1px solid rgba(0, 0, 0, .08);
     color: #0d2558;
     border-bottom: none;
     border-right: none
 }
 
 .btn--light span {
     padding-top: calc(1.2vw + 3px);
     padding-bottom: calc(1.2vw + 3px)
 }
 
 .btn--light .hover {
     background: #2f2f2f;
     color: #fff
 }
 
 .btn--black {
     border: none
 }
 
 .btn--black .text {
     border: 3px solid #0d2558;
     color: #fff;
     background: #0d2558
 }
 
 .btn--black .hover {
     border: 3px solid #f3f3f3;
     color: #0d2558;
     background: #f3f3f3
 }
 
 .btn--black span {
     height: auto
 }
 
 .btn--gold,
 .contentBox .box-footer .btn--black:nth-child(2n) {
     border: none
 }
 
 .btn--gold .text,
 .contentBox .box-footer .btn--black:nth-child(2n) .text {
     border: 3px solid #f2a114;
     background: #f2a114
 }
 
 .btn--gold .hover,
 .contentBox .box-footer .btn--black:nth-child(2n) .hover {
     color: #fff;
     border: 3px solid #2f2f2f;
     background: #2f2f2f
 }
 
 .btn--gold span,
 .contentBox .box-footer .btn--black:nth-child(2n) span {
     height: auto
 }
 
 .btn.hovered .hover,
 .btn.hovered .hover .inner,
 .btn:hover .hover,
 .btn:hover .hover .inner {
     transform: translateZ(0)
 }
 
 .btn.hovered .text,
 .btn:hover .text {
     transform: translateY(-104%) translateZ(0)
 }
 
 .btn--side .hover {
     transform: translateX(-104%)
 }
 
 .btn--side .hover .inner {
     transform: translateX(-1.2vw)
 }
 
 .btn--side.hovered .text,
 .btn--side:hover .text {
     transform: translateX(104%) translateZ(0)
 }
 
 .form {
     background: #fff;
     position: relative;
     color: #fff
 }
 
 .form .formHolder {
     width: 100%
 }
 
 ::-webkit-input-placeholder {
     color: #0d2558;
     text-align: left;
     opacity: 1!important
 }
 
 :-moz-placeholder,
 ::-moz-placeholder {
     color: #0d2558;
     opacity: 1!important
 }
 
 :-ms-input-placeholder {
     color: #0d2558;
     opacity: 1!important
 }
 
 fieldset {
     border: none;
     padding: 0;
     margin: 0
 }
 
 input[type=number], 
 select,
 input[type=text],input[type=password],input[type=search],
 textarea {
     box-sizing: border-box;
     display: block;
     padding: .5vw 0;
     width: 100%;
     background: transparent;
     border: none;
     border-bottom: 3px solid #0d2558;
     outline: none;
     margin: 2vw 0;
     color: #0d2558;
     text-align: left;
     font-family: Raleway;
     resize: none
 }
 
 button {
    padding: 0;
}
 
 @media (max-width:1200px) {
     input[type=number],select,
     input[type=text],input[type=password],input[type=search],
     textarea {
         padding: 12px;
         margin: 15px 0
     }
 }
 
 .form-control {
     margin-bottom: 1.5vw
 }
 
 .form-control input[type=number],select,
 .form-control input[type=text],input[type=password],input[type=search],
 .form-control textarea {
     margin: 0
 }
 
 .form-control .error {
     line-height: 1;
     min-height: 1em;
     display: block;
     margin-bottom: 1vw;
     margin-top: .5vw;
     opacity: 0;
     transition: all .3 ease;
     display: none;
     color: #f2a114
 }
 
 @media (max-width:1200px) {
     .form-control .error {
         margin-bottom: 10px;
         margin-top: 5px
     }
 }
 
 .form-control.has-error .error {
     display: block;
     opacity: 1
 }
 
 input[type=checkbox]:focus {
     outline: 0
 }
 
 input[type=checkbox]:hover {
     opacity: .7
 }
 
 input[type=checkbox] {
     appearance: none;
     background-color: #fff;
     border: none;
     border-radius: 0;
     cursor: pointer;
     height: 1vw;
     width: 1vw;
     position: relative;
     transition: all .3s;
     vertical-align: middle;
     -webkit-appearance: none;
     margin-right: 1vw;
     box-shadow: 0 2px 1vw 0 #cacaca
 }
 
 @media (max-width:768px) {
     input[type=checkbox] {
         height: 10px;
         width: 10px
     }
 }
 
 input[type=checkbox]:disabled {
     background-color: #dcdcdc
 }
 
 input[type=checkbox]:checked {
     background-color: #f2a114!important;
     box-shadow: none
 }
 
 input[type=checkbox]:checked:disabled {
     opacity: .15
 }
 
 input[type=checkbox]:disabled+label {
     color: #dcdcdc
 }
 
 [type=range] {
     -webkit-appearance: none;
     margin: .5vw 0;
     width: 100%
 }
 
 [type=range]:focus {
     outline: none
 }
 
 [type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: .1vw;
     cursor: pointer;
     transition: all .2s ease;
     background: hsla(0, 0%, 100%, .3);
     border: 0 solid transparent;
     border-radius: 50%
 }
 
 [type=range]::-webkit-slider-thumb {
     height: 1vw;
     width: 1vw;
     border-radius: 50%;
     background: #fff;
     cursor: pointer;
     -webkit-appearance: none;
     margin-top: -.45vw
 }
 
 [type=range]:focus::-webkit-slider-runnable-track {
     background: hsla(0, 0%, 100%, .3)
 }
 
 [type=range]::-moz-range-track {
     width: 100%;
     height: .1vw;
     cursor: pointer;
     transition: all .2s ease;
     background: hsla(0, 0%, 100%, .3);
     border: 0 solid transparent;
     border-radius: 50%
 }
 
 [type=range]::-moz-range-thumb {
     height: 1vw;
     width: 1vw;
     border-radius: 50%;
     background: #fff;
     cursor: pointer
 }
 
 [type=range]::-ms-track {
     width: 100%;
     height: .1vw;
     cursor: pointer;
     transition: all .2s ease;
     background: transparent;
     border-color: transparent;
     border-width: 1vw 0;
     color: transparent
 }
 
 [type=range]::-ms-fill-lower,
 [type=range]::-ms-fill-upper {
     background: hsla(0, 0%, 100%, .3);
     border: 0 solid transparent;
     border-radius: 100%
 }
 
 [type=range]::-ms-thumb {
     height: 1vw;
     width: 1vw;
     border-radius: 50%;
     background: #fff;
     cursor: pointer
 }
 
 [type=range]:focus::-ms-fill-lower,
 [type=range]:focus::-ms-fill-upper {
     background: hsla(0, 0%, 100%, .3)
 }
 
 .noUi-target,
 .noUi-target * {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -ms-touch-action: none;
     touch-action: none;
     -ms-user-select: none;
     -moz-user-select: none;
     user-select: none;
     box-sizing: border-box
 }
 
 .noUi-target {
     position: relative;
     direction: ltr
 }
 
 .noUi-base {
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 1
 }
 
 .noUi-origin {
     position: absolute;
     right: 0;
     top: 0;
     left: 0;
     bottom: 0;
     cursor: pointer
 }
 
 .noUi-handle {
     position: relative;
     z-index: 1
 }
 
 .noUi-stacking .noUi-handle {
     z-index: 10
 }
 
 .noUi-state-tap .noUi-origin {
     -webkit-transition: left .3s, top .3s;
     transition: left .3s, top .3s
 }
 
 .noUi-state-drag * {
     cursor: inherit!important
 }
 
 .noUi-base,
 .noUi-handle {
     -webkit-transform: translateZ(0);
     transform: translateZ(0)
 }
 
 .noUi-horizontal {
     height: 2px;
     padding: 0 .5vw;
     background: #dcdcdc
 }
 
 .noUi-horizontal .noUi-handle {
     width: 1vw;
     height: 1vw;
     left: -.5vw;
     top: -.5vw
 }
 
 @media (max-width:768px) {
     .noUi-horizontal .noUi-handle {
         width: 10px;
         height: 10px;
         left: -5px;
         top: -5px
     }
 }
 
 .noUi-background {
     background: hsla(0, 0%, 100%, .3)
 }
 
 .noUi-connect {
     background: #fff;
     -webkit-transition: background .45s;
     transition: background .45s;
     background: #f2a114;
     position: absolute;
     height: 3px
 }
 
 .noUi-draggable {
     cursor: w-resize
 }
 
 .noUi-vertical .noUi-draggable {
     cursor: n-resize
 }
 
 .noUi-handle {
     border-radius: 0;
     background: #fff;
     cursor: pointer;
     box-shadow: 0 2px 1vw 0 #cacaca
 }
 
 .noUi-handle:hover {
     opacity: .9
 }
 
 [disabled].noUi-connect,
 [disabled] .noUi-connect {
     background: #b8b8b8
 }
 
 [disabled] .noUi-handle,
 [disabled].noUi-origin {
     cursor: not-allowed
 }
 
 .noUi-pips,
 .noUi-pips * {
     box-sizing: border-box
 }
 
 .noUi-pips {
     position: absolute;
     color: #999
 }
 
 .noUi-value {
     position: absolute;
     text-align: center
 }
 
 .noUi-value-sub {
     color: #ccc;
     font-size: 10px
 }
 
 #navigation-wrapper .navigation .hamburger:before,
 #navigation-wrapper .navigation .logo:before,
 .square:before {
     content: "";
     display: block;
     padding-top: 100%
 }
 
 .hor-center,
 .standards .controls {
     position: relative;
     left: 50%;
     transform: translateX(-50%)
 }
 
 .center,
 .marker .circle {
     position: relative;
     top: 50%;
     left: 50%;
     transform: translate3d(-50%, -50%, 0)
 }
 
 #bookingForm-wrapper,
 #map-wrapper .map,
 #visual-wrapper,
 .close,
 .contact .map-wrapper .map,
 .contactInfo,
 .default-page .visual .video-wrapper img,
 .default-page .visual .video-wrapper video,
 .financing .column.left-column #installment-2 .graph svg,
 .financing .column.left-column #installment-2 .graph svg .circle,
 .financing .column.left-column .box .holder,
 .fullSize,
 .localityContent .background,
 .navigator #markers,
 .navigator #navigatorSVG,
 .page.gallery #gallerySelectorOuter,
 .properties #navigator-wrapper,
 .properties .section-wrapper,
 .propertySelectorItem a,
 .standards .standardsVisual,
 .standardsVisual,
 .standardsVisual #markers-wrapper,
 .standardsVisual .background,
 .two-columns-page .img-stripe video {
     width: 100%;
     height: 100%
 }
 
 .fullWidth {
     width: 100%
 }
 
 .bold,
 .page-footer .link,
 .page-footer .social-holder .social-icon,
 .scroll-down {
     font-family: Raleway
 }
 
 #filters-wrapper .range .range-info input,
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td,
 .breadcrumbs .breadcrumb,
 .breadcrumbs span,
 .fontSize07,
 .locality #open-filter,
 .locality .filters-wrapper a,
 .pagination .pageLink,
 .properties .footer .info,
 .properties .properties-wrapper .controls,
 .property-detail .header .icon-link,
 .property-detail .header h4,
 .property-detail .related-units .related-unit span,
 .property-detail .unit-info .unit-specs,
 .property-detail .unit-info table,
 .switch-holder,
 .switch-holder .switch-state {
     font-size: .7vw
 }
 #pricelistTable td {
    text-transform: none;
}
 @media (max-width:1200px) {
     #filters-wrapper .range .range-info input,
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader td,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable td,
     .breadcrumbs .breadcrumb,
     .breadcrumbs span,
     .fontSize07,
     .locality #open-filter,
     .locality .filters-wrapper a,
     .pagination .pageLink,
     .properties .footer .info,
     .properties .properties-wrapper .controls,
     .property-detail .header .icon-link,
     .property-detail .header h4,
     .property-detail .related-units .related-unit span,
     .property-detail .unit-info .unit-specs,
     .property-detail .unit-info table,
     .switch-holder,
     .switch-holder .switch-state,
     input[type=number],select,
     input[type=text],input[type=password],input[type=search],
     textarea {
         font-size: 10px
     }
 }
 
 @media (max-width:768px) {
     #filters-wrapper .range .range-info input,
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader td,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable td,
     .breadcrumbs .breadcrumb,
     .breadcrumbs span,
     .fontSize07,
     .locality #open-filter,
     .locality .filters-wrapper a,
     .pagination .pageLink,
     .properties .footer .info,
     .properties .properties-wrapper .controls,
     .property-detail .header .icon-link,
     .property-detail .header h4,
     .property-detail .related-units .related-unit span,
     .property-detail .unit-info .unit-specs,
     .property-detail .unit-info table,
     .switch-holder,
     .switch-holder .switch-state,
     input[type=number],select,
     input[type=text],input[type=password],input[type=search],
     textarea {
         font-size: 10px
     }
 }
 
 #filters-wrapper,
 #filters-wrapper #clear-filters,
 #filters-wrapper .range label,
 #filters-wrapper .switch-label,
 .btn--light span,
 .btn span,
 .contactInfo .content-group a,
 .contactInfo .content-group p,
 .contentBox .content-holder .text-wrapper p a:not(.btn),
 .financing .column.left-column #installment-2 p,
 .fontSize09,
 .marker .marker-info,
 .navigator .navigatorUnit,
 .navigator .navigatorUnit .unit-id,
 .page-footer .link,
 .properties .footer .fake,
 .propertySelector .left-col .select-item .box-footer p,
 .propertySelector .left-col .select-item .box-footer span,
 .scroll-down {
     font-size: .8vw
 }
 
 @media (max-width:1200px) {
     #filters-wrapper,
     #filters-wrapper #clear-filters,
     #filters-wrapper .range label,
     #filters-wrapper .switch-label,
     .btn--light span,
     .btn span,
     .contactInfo .content-group a,
     .contactInfo .content-group p,
     .contentBox .content-holder .text-wrapper p a:not(.btn),
     .financing .column.left-column #installment-2 p,
     .fontSize09,
     .marker .marker-info,
     .navigator .navigatorUnit,
     .navigator .navigatorUnit .unit-id,
     .page-footer .link,
     .properties .footer .fake,
     .propertySelector .left-col .select-item .box-footer p,
     .propertySelector .left-col .select-item .box-footer span,
     .scroll-down {
         font-size: 12px
     }
 }
 
 @media (max-width:768px) {
     #filters-wrapper,
     #filters-wrapper #clear-filters,
     #filters-wrapper .range label,
     #filters-wrapper .switch-label,
     .btn--light span,
     .btn span,
     .contactInfo .content-group a,
     .contactInfo .content-group p,
     .contentBox .content-holder .text-wrapper p a:not(.btn),
     .financing .column.left-column #installment-2 p,
     .fontSize09,
     .marker .marker-info,
     .navigator .navigatorUnit,
     .navigator .navigatorUnit .unit-id,
     .page-footer .link,
     .properties .footer .fake,
     .propertySelector .left-col .select-item .box-footer p,
     .propertySelector .left-col .select-item .box-footer span,
     .scroll-down {
         font-size: 11px
     }
 }
 
 #navigation-wrapper .navigation .info,
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader th,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable th,
 .btn--small span,
 .fontSizeTiny,
 .form-control .error,
 .marker .marker-info span,
 .page-footer .signiture,
 .page-footer .social-holder .social-icon,
 .pagination .info,
 div.cs-skin-slide {
     font-size: .64vw
 }
 
 @media (max-width:1200px) {
     #navigation-wrapper .navigation .info,
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader th,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable th,
     .btn--small span,
     .fontSizeTiny,
     .form-control .error,
     .marker .marker-info span,
     .page-footer .signiture,
     .page-footer .social-holder .social-icon,
     .pagination .info,
     div.cs-skin-slide {
         font-size: 9px
     }
 }
 
 @media (max-width:768px) {
     #navigation-wrapper .navigation .info,
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader th,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable th,
     .btn--small span,
     .fontSizeTiny,
     .form-control .error,
     .marker .marker-info span,
     .page-footer .signiture,
     .page-footer .social-holder .social-icon,
     .pagination .info,
     div.cs-skin-slide {
         font-size: 9px
     }
 }
 
 #article-wrapper p,
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a,
 .article-item a .date,
 .contactInfo .content-group h3,
 .fontSize1,
 body,
 html {
     font-size: 13px
 }
 
 @media (min-width:767px) {
     #article-wrapper p,
     #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a,
     .article-item a .date,
     .contactInfo .content-group h3,
     .fontSize1,
     body,
     html {
         font-size: 12px
     }
 }
 
 @media (min-width:1200px) {
     #article-wrapper p,
     #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a,
     .article-item a .date,
     .contactInfo .content-group h3,
     .fontSize1,
     body,
     html {
         font-size: .94vw
     }
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td .star,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td .star,
 .fontSize12,
 .headline,
 .navigator .navigatorUnit h2 span {
     font-size: 1.1vw
 }
 
 @media (max-width:1200px) {
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader td .star,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable td .star,
     .fontSize12,
     .headline,
     .navigator .navigatorUnit h2 span {
         font-size: 14px
     }
 }
 
 #article-wrapper .date,
 .financing .column.right-column .footer a,
 .fontSize15 {
     font-size: 1.5vw
 }
 
 @media (max-width:1200px) {
     #article-wrapper .date,
     .financing .column.right-column .footer a,
     .fontSize15 {
         font-size: 15px
     }
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper a,
 #pricelist-wrapper .pricelist .header h4,
 .article-item a .title,
 .contentBox .headline-holder .page-title,
 .financing .column.left-column #installment-2 h4,
 .fontSize2,
 .headline-small span,
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .headline span {
     font-size: 1.6vw
 }
 
 @media (max-width:1200px) {
     #navigation-wrapper .navigation #menu-wrapper .items-wrapper a,
     #pricelist-wrapper .pricelist .header h4,
     .article-item a .title,
     .contentBox .headline-holder .page-title,
     .financing .column.left-column #installment-2 h4,
     .fontSize2,
     .headline-small span,
     .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .headline span {
         font-size: 20px
     }
 }
 
 .contactForm h1,
 .fontSize25 {
     font-size: 2vw
 }
 
 @media (max-width:1200px) {
     .contactForm h1,
     .fontSize25 {
         font-size: 22px
     }
 }
 
 @media (max-width:768px) {
     .contactForm h1,
     .fontSize25 {
         font-size: 26px
     }
 }
 
 #bookingForm-wrapper .top-area h2,
 .contentBox .content-holder .text-wrapper h2,
 .contentBox .content-holder .text-wrapper h4,
 .contentBox .content-holder .text-wrapper h4 a:not(.btn),
 .financing .column.left-column .box .holder h4,
 .fontSize3,
 .headline span,
 .news .header h3,
 .page-footer .container-fluid .text-holder h3,
 .page.gallery #gallery-selector-wrapper .inner-container a,
 .partners .header h3,
 .property-detail .unit-info h2,
 .propertySelectorItem a span {
     font-size: 2.54vw
 }
 
 @media (max-width:1200px) {
     #bookingForm-wrapper .top-area h2,
     .contentBox .content-holder .text-wrapper h2,
     .contentBox .content-holder .text-wrapper h4,
     .contentBox .content-holder .text-wrapper h4 a:not(.btn),
     .financing .column.left-column .box .holder h4,
     .fontSize3,
     .headline span,
     .news .header h3,
     .page-footer .container-fluid .text-holder h3,
     .page.gallery #gallery-selector-wrapper .inner-container a,
     .partners .header h3,
     .property-detail .unit-info h2,
     .propertySelectorItem a span {
         font-size: 36px
     }
 }
 
 @media (max-width:768px) {
     #bookingForm-wrapper .top-area h2,
     .contentBox .content-holder .text-wrapper h2,
     .contentBox .content-holder .text-wrapper h4,
     .contentBox .content-holder .text-wrapper h4 a:not(.btn),
     .financing .column.left-column .box .holder h4,
     .fontSize3,
     .headline span,
     .news .header h3,
     .page-footer .container-fluid .text-holder h3,
     .page.gallery #gallery-selector-wrapper .inner-container a,
     .partners .header h3,
     .property-detail .unit-info h2,
     .propertySelectorItem a span {
         font-size: 32px
     }
 }
 
 #bookingForm-wrapper .top-area .ru h2,
 .contentBox .content-holder .text-wrapper .ru h2,
 .contentBox .content-holder .text-wrapper .ru h4,
 .contentBox .content-holder .text-wrapper h4 .ru a:not(.btn),
 .financing .column.left-column .box .holder .ru h4,
 .headline .ru span,
 .news .header .ru h3,
 .page-footer .container-fluid .text-holder .ru h3,
 .page.gallery #gallery-selector-wrapper .inner-container .ru a,
 .partners .header .ru h3,
 .property-detail .unit-info .ru h2,
 .propertySelectorItem a .ru span,
 .ru #bookingForm-wrapper .top-area h2,
 .ru .contentBox .content-holder .text-wrapper h2,
 .ru .contentBox .content-holder .text-wrapper h4,
 .ru .contentBox .content-holder .text-wrapper h4 a:not(.btn),
 .ru .financing .column.left-column .box .holder h4,
 .ru .fontSize3,
 .ru .headline span,
 .ru .news .header h3,
 .ru .page-footer .container-fluid .text-holder h3,
 .ru .page.gallery #gallery-selector-wrapper .inner-container a,
 .ru .partners .header h3,
 .ru .property-detail .unit-info h2,
 .ru .propertySelectorItem a span {
     font-size: 2.5vw
 }
 
 @media (max-width:1200px) {
     #bookingForm-wrapper .top-area .ru h2,
     .contentBox .content-holder .text-wrapper .ru h2,
     .contentBox .content-holder .text-wrapper .ru h4,
     .contentBox .content-holder .text-wrapper h4 .ru a:not(.btn),
     .financing .column.left-column .box .holder .ru h4,
     .headline .ru span,
     .news .header .ru h3,
     .page-footer .container-fluid .text-holder .ru h3,
     .page.gallery #gallery-selector-wrapper .inner-container .ru a,
     .partners .header .ru h3,
     .property-detail .unit-info .ru h2,
     .propertySelectorItem a .ru span,
     .ru #bookingForm-wrapper .top-area h2,
     .ru .contentBox .content-holder .text-wrapper h2,
     .ru .contentBox .content-holder .text-wrapper h4,
     .ru .contentBox .content-holder .text-wrapper h4 a:not(.btn),
     .ru .financing .column.left-column .box .holder h4,
     .ru .fontSize3,
     .ru .headline span,
     .ru .news .header h3,
     .ru .page-footer .container-fluid .text-holder h3,
     .ru .page.gallery #gallery-selector-wrapper .inner-container a,
     .ru .partners .header h3,
     .ru .property-detail .unit-info h2,
     .ru .propertySelectorItem a span {
         font-size: 28px
     }
 }
 
 @media (max-width:768px) {
     #bookingForm-wrapper .top-area .ru h2,
     .contentBox .content-holder .text-wrapper .ru h2,
     .contentBox .content-holder .text-wrapper .ru h4,
     .contentBox .content-holder .text-wrapper h4 .ru a:not(.btn),
     .financing .column.left-column .box .holder .ru h4,
     .headline .ru span,
     .news .header .ru h3,
     .page-footer .container-fluid .text-holder .ru h3,
     .page.gallery #gallery-selector-wrapper .inner-container .ru a,
     .partners .header .ru h3,
     .property-detail .unit-info .ru h2,
     .propertySelectorItem a .ru span,
     .ru #bookingForm-wrapper .top-area h2,
     .ru .contentBox .content-holder .text-wrapper h2,
     .ru .contentBox .content-holder .text-wrapper h4,
     .ru .contentBox .content-holder .text-wrapper h4 a:not(.btn),
     .ru .financing .column.left-column .box .holder h4,
     .ru .fontSize3,
     .ru .headline span,
     .ru .news .header h3,
     .ru .page-footer .container-fluid .text-holder h3,
     .ru .page.gallery #gallery-selector-wrapper .inner-container a,
     .ru .partners .header h3,
     .ru .property-detail .unit-info h2,
     .ru .propertySelectorItem a span {
         font-size: 22px
     }
 }
 
 #pricelist-wrapper .pricelist .header h4.units-number,
 .fontSize4,
 .propertySelector .right-col h2 {
     font-size: 3.45vw;
     letter-spacing: .04em
 }
 
 @media (max-width:1200px) {
     #pricelist-wrapper .pricelist .header h4.units-number,
     .fontSize4,
     .propertySelector .right-col h2 {
         font-size: 38px
     }
 }
 
 #article-wrapper .title,
 .fontSize6 {
     font-size: 6vw
 }
 
 @media (max-width:1200px) {
     #article-wrapper .title,
     .fontSize6 {
         font-size: 40px
     }
 }
 
 .md-progress-linear {
     display: block;
     position: relative;
     height: 100vh;
     width: 1px;
     padding-top: 0!important;
     margin-bottom: 0!important;
     transition: all .3s ease-in-out
 }
 
 .md-progress-linear.done {
     opacity: 0
 }
 
 .md-progress-linear._md-progress-linear-disabled {
     visibility: hidden
 }
 
 .md-progress-linear ._md-container {
     display: block;
     position: relative;
     overflow: hidden;
     height: 100%;
     width: 1px;
     transform: translate(0) scale(1)
 }
 
 .md-progress-linear ._md-container ._md-bar {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     width: 1px
 }
 
 .md-progress-linear ._md-container ._md-bar1,
 .md-progress-linear ._md-container ._md-bar2 {
     transition: transform .3s linear
 }
 
 .md-progress-linear ._md-container._md-mode-determinate ._md-bar1 {
     display: none
 }
 
 .md-progress-linear ._md-container._md-mode-indeterminate ._md-bar1 {
     animation: c 4s infinite, d 4s infinite
 }
 
 .md-progress-linear ._md-container._md-mode-indeterminate ._md-bar2 {
     animation: e 4s infinite, f 4s infinite
 }
 
 @keyframes c {
     0% {
         transform: scaleY(.1);
         animation-timing-function: linear
     }
     36.6% {
         transform: scaleY(.1);
         animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1)
     }
     69.15% {
         transform: scaleY(.83);
         animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098)
     }
     to {
         transform: scaleY(.1)
     }
 }
 
 @keyframes d {
     0% {
         top: -105.16667%;
         animation-timing-function: linear
     }
     20% {
         top: -105.16667%;
         animation-timing-function: cubic-bezier(.5, 0, .70173, .49582)
     }
     69.15% {
         top: 21.5%;
         animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635)
     }
     to {
         top: 95.44444%
     }
 }
 
 @keyframes e {
     0% {
         transform: scaleY(.1);
         animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397)
     }
     19.15% {
         transform: scaleY(.57);
         animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432)
     }
     44.15% {
         transform: scaleY(.91);
         animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179)
     }
     to {
         transform: scaleY(.1)
     }
 }
 
 @keyframes f {
     0% {
         top: -54.88889%;
         animation-timing-function: cubic-bezier(.15, 0, .51506, .40968)
     }
     25% {
         top: -17.25%;
         animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372)
     }
     48.35% {
         top: 29.5%;
         animation-timing-function: cubic-bezier(.4, .62703, .6, .90203)
     }
     to {
         top: 117.38889%
     }
 }
 
 .md-progress-linear {
     position: fixed;
     z-index: 9999
 }
 
 .md-progress-linear ._md-container {
     background-color: rgba(0, 0, 0, .08)
 }
 
 .md-progress-linear ._md-bar {
     background-color: #f2a114
 }
 
 .app-page-transition .md-progress-linear {
     transform: translateY(0);
     opacity: 1
 }
 
 div.cs-select {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     text-align: left;
     z-index: 100;
     max-width: 500px;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 div.cs-select:focus {
     outline: none
 }
 
 .cs-select select {
     display: none
 }
 
 .cs-select span {
     display: block;
     position: relative;
     cursor: pointer;
     padding: 1em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .cs-select>span {
     padding-right: 3em
 }
 
 .cs-select .cs-selected span:after,
 .cs-select>span:after {
     speak: none;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -moz-osx-font-smoothing: grayscale
 }
 
 .cs-select>span:after {
     content: "\25BE";
     right: .5em;
     font-size: 160%
 }
 
 .cs-select .cs-selected span:after {
     content: "\2713";
     margin-left: 1em
 }
 
 .cs-select.cs-active>span:after {
     transform: translateY(-50%) rotate(180deg)
 }
 
 div.cs-active {
     z-index: 200
 }
 
 .cs-select .cs-options {
     position: absolute;
     overflow: hidden;
     width: 100%;
     visibility: hidden
 }
 
 .cs-select.cs-active .cs-options {
     visibility: visible
 }
 
 .cs-select ul {
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%
 }
 
 .cs-select ul span {
     padding: 1em
 }
 
 .cs-select ul li.cs-focus span {
     background-color: #ddd
 }
 
 .cs-select li.cs-optgroup ul {
     padding-left: 1em
 }
 
 .cs-select li.cs-optgroup>span {
     cursor: default
 }
 
 div.cs-skin-slide {
     color: #fff;
     text-transform: uppercase;
     font-weight: 700
 }
 
 div.cs-skin-slide:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     backface-visibility: hidden;
     transition: transform .3s
 }
 
 .cs-skin-slide.cs-active:before {
     transform: scale3d(1.1, 3.5, 1)
 }
 
 .cs-skin-slide>span {
     line-height: 32px;
     transition: text-indent .3s, opacity .3s
 }
 
 .cs-skin-slide.cs-active>span {
     opacity: 0
 }
 
 .cs-skin-slide .cs-options {
     background: transparent;
     width: 100%;
     padding: 1.9em 0;
     top: 50%;
     left: 50%;
     transform: translate3d(-50%, -50%, 0)
 }
 
 .cs-skin-slide .cs-options li {
     opacity: 0;
     transform: translate3d(30%, 0, 0);
     transition: transform .3s, opacity .3s
 }
 
 .cs-skin-slide.cs-active .cs-options li {
     transform: translateZ(0);
     opacity: 1
 }
 
 .cs-skin-slide.cs-active .cs-options li:first-child {
     transition-delay: .05s
 }
 
 .cs-skin-slide.cs-active .cs-options li:nth-child(2) {
     transition-delay: .1s
 }
 
 .cs-skin-slide.cs-active .cs-options li:nth-child(3) {
     transition-delay: .15s
 }
 
 .cs-skin-slide.cs-active .cs-options li:nth-child(4) {
     transition-delay: .2s
 }
 
 .cs-skin-slide.cs-active .cs-options li:nth-child(5) {
     transition-delay: .25s
 }
 
 .cs-skin-slide .cs-options li span {
     text-transform: uppercase;
     font-size: 100%;
     padding: .4em
 }
 
 .cs-skin-slide .cs-options li.cs-focus span,
 .cs-skin-slide .cs-options li.cs-selected span,
 .cs-skin-slide .cs-options li span:hover {
     color: #f2a114;
     background: transparent
 }
 
 .cs-skin-slide .cs-selected span:after {
     content: ""
 }
 
 .icon-camera span:before {
     content: "\E00B"
 }
 
 .icon-money span:before {
     content: "\E008"
 }
 
 .icon-heart span:before {
     content: "\E00A"
 }
 
 .icon-food span:before {
     content: "\E009"
 }
 
 .icon-shirt span:before {
     content: "\E00C"
 }
 
 .swiper-container {
     margin: 0 auto
 }
 
 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
 }
 
 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
 }
 
 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
 }
 
 .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     background: #000;
     opacity: .2
 }
 
 .swiper-pagination-bullet-active {
     background: #0d2558
 }
 
 .swiper-pagination-white .swiper-pagination-bullet-active {
     background: #fff
 }
 
 .swiper-pagination-black .swiper-pagination-bullet-active {
     background: #000
 }
 
 #navigation-wrapper .navigation {
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     overflow: hidden;
     flex-direction: column
 }
 
 #navigation-wrapper .navigation #govno-holder {
     background: #2f2f2f;
     position: relative;
     z-index: 2
 }
 
 #navigation-wrapper .navigation #govno-holder #govno {
     position: absolute;
     height: 90%;
     top: 5%;
     left: 5%;
     z-index: 2
 }
 
 #navigation-wrapper .navigation .overlay {
     position: fixed;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .5);
     z-index: 100;
     display: none;
     will-change: opacity, display;
     z-index: 121
 }
 
 #navigation-wrapper .navigation .locales-wrapper {
     width: 100%;
     z-index: 9;
     background: #0d2558;
     padding-bottom: 50%;
     position: relative;
     visibility: hidden;
     margin-top: -12vw;
     padding-bottom: 200%
 }
 
 #navigation-wrapper .navigation .locales-wrapper .inner {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 1rem
 }
 
 #navigation-wrapper .navigation .locales-wrapper .inner a {
     padding: .15em;
     margin: .15em;
     transition: color .4s
 }
 
 #navigation-wrapper .navigation .locales-wrapper .inner a:hover {
     color: #f2a114
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .locales-wrapper {
         margin-top: 0;
         padding-bottom: 50%
     }
 }
 
 #navigation-wrapper .navigation .locales-wrapper .locales-holder {
     flex-direction: column
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .locales-wrapper .locales-holder {
         flex-direction: row
     }
 }
 
 #navigation-wrapper .navigation .info {
     position: absolute;
     text-align: right;
     transform: rotate(90deg);
     bottom: 0;
     transform-origin: right;
     right: 31px;
     bottom: 4vw
 }
 
 #navigation-wrapper .navigation .info a,
 #navigation-wrapper .navigation .info p {
     margin: 0!important;
     padding: 0!important
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .info {
         right: 4.5vw
     }
 }
 
 #navigation-wrapper .navigation .decor-line {
     position: absolute;
     width: 1px;
     height: 6vw;
     background: rgba(0, 0, 0, .08);
     z-index: 100;
     right: 100%;
     top: 0;
     transition: all .4s
 }
 
 #navigation-wrapper .navigation .measure {
     height: 12vw;
     display: flex;
     padding-right: 2rem
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .measure {
         height: 6vw
     }
 }
 
 #navigation-wrapper .navigation #menu-wrapper {
     background: #fff;
     height: 100%;
     display: flex;
     position: relative;
     z-index: 122!important;
     flex-direction: column;
     color: #0d2558;
     flex: 1;
     will-change: transform
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper {
     padding: 4vw 6vw;
     border-top: 1px solid rgba(0, 0, 0, .08)
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation #menu-wrapper .items-wrapper {
         padding: 4vw 5vw
     }
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper a {
     color: #0d2558;
     padding: 0 .15em;
     text-transform: uppercase;
     font-family: Raleway;
     margin: .1rem 0;
     display: inline-block;
     position: relative
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper a.submenu-parent:before {
     content: "";
     display: block;
     position: absolute;
     right: 100%;
     width: 1vw;
     margin-right: .5vw;
     height: 100%;
     background-image: url(/img/3dots.svg);
     background-repeat: no-repeat;
     z-index: 10;
     background-size: 100%;
     background-position: 50%;
     min-width: 14px;
     transition: opacity .4s
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu {
     display: none;
     bottom: 0;
     padding-left: 1.5vw;
     margin-bottom: 1vw
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a {
     font-family: Raleway;
     margin-right: 1vw;
     text-transform: none;
     color: #515151;
     margin: 1vw 0
 }
 
 #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a:hover {
     color: #f2a114
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation #menu-wrapper .items-wrapper .submenu a {
         margin: 0
     }
 }
 
 #navigation-wrapper .navigation #menu-wrapper a {
     color: #0d2558;
     padding: .15em;
     margin: .15em;
     text-transform: uppercase;
     transition: color .4s;
     display: inline-block
 }
 
 #navigation-wrapper .navigation #menu-wrapper a.active {
     font-family: Raleway
 }
 
 #navigation-wrapper .navigation #menu-wrapper a:hover {
     color: #f2a114
 }
 
 #navigation-wrapper .navigation #menu-wrapper .open .submenu-parent:before,
 #navigation-wrapper .navigation #menu-wrapper a:hover:before {
     opacity: .4
 }
 
 #navigation-wrapper .navigation #menu-wrapper .open .submenu {
     display: block
 }
 
 #navigation-wrapper .navigation .loader {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     z-index: 1000
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .loader {
         width: 50%
     }
 }
 
 #navigation-wrapper .navigation .hamburger,
 #navigation-wrapper .navigation .logo {
     z-index: 999;
     position: relative;
     display: block;
     width: 100%
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger,
     #navigation-wrapper .navigation .logo {
         width: 100%
     }
 }
 
 #navigation-wrapper .navigation .hamburger {
     background: #f3f3f3;
     transition: background .4s
 }
 
 #navigation-wrapper .navigation .hamburger span {
     display: inline-block;
     box-sizing: border-box
 }
 
 #navigation-wrapper .navigation .hamburger .outer {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 3.88vw 3vw
 }
 
 #navigation-wrapper .navigation .hamburger .outer .inner {
     width: 100%;
     height: 100%;
     position: relative;
     display: flex;
     margin-top: -1vw
 }
 
 @media screen and (min-width:62em) {
     #navigation-wrapper .navigation .hamburger .outer .inner {
         margin-top: -.3vw
     }
 }
 
 @media screen and (min-width:75em) {
     #navigation-wrapper .navigation .hamburger .outer .inner {
         margin-top: -.2vw
     }
 }
 
 #navigation-wrapper .navigation .hamburger .outer p {
     color: #0d2558;
     margin: 0;
     width: 100%;
     text-align: right;
     text-transform: uppercase;
     margin-top: .2rem;
     transition: color .4s;
     font-size: 9px
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger .outer p {
         font-size: 9px
     }
 }
 
 @media screen and (min-width:62em) {
     #navigation-wrapper .navigation .hamburger .outer p {
         font-size: 8px;
         font-family: Raleway
     }
 }
 
 @media screen and (min-width:75em) {
     #navigation-wrapper .navigation .hamburger .outer p {
         font-size: .6vw
     }
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger .outer {
         padding: 2.2vw 1.8vw
     }
 }
 
 #navigation-wrapper .navigation .hamburger .hamburger,
 #navigation-wrapper .navigation .hamburger .logo,
 #navigation-wrapper .navigation .hamburger .square {
     position: absolute;
     right: 0;
     width: .3vw;
     height: .3vw;
     border: 1px solid #0d2558;
     transition: all .7s ease-out;
     min-width: 5px;
     min-height: 5px;
     transform: translateZ(0);
     bottom: .9vw
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger .hamburger,
     #navigation-wrapper .navigation .hamburger .logo,
     #navigation-wrapper .navigation .hamburger .square {
         bottom: .35vw;
         width: .4vw;
         height: .4vw;
         min-width: 4px;
         min-height: 4px
     }
 }
 
 @media screen and (min-width:62em) {
     #navigation-wrapper .navigation .hamburger .hamburger,
     #navigation-wrapper .navigation .hamburger .logo,
     #navigation-wrapper .navigation .hamburger .square {
         bottom: .35vw;
         width: .4vw;
         height: .4vw;
         border: 2px solid #0d2558;
         min-width: 5px;
         min-height: 5px
     }
 }
 
 #navigation-wrapper .navigation .hamburger .ln {
     height: 1px;
     background: #0d2558;
     width: 100%;
     transition: all .6s
 }
 
 @media screen and (min-width:62em) {
     #navigation-wrapper .navigation .hamburger .ln {
         height: 2px
     }
 }
 
 #navigation-wrapper .navigation .hamburger .ln--short {
     width: calc(100% - 2.2vw);
     transform-origin: left
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger .ln--short {
         width: calc(100% - .75vw)
     }
 }
 
 #navigation-wrapper .navigation .hamburger .ln--first {
     position: relative;
     width: calc(100% - 1.5vw);
     transform: translateX(1.5vw)
 }
 
 @media screen and (min-width:48em) {
     #navigation-wrapper .navigation .hamburger .ln--first {
         width: calc(100% - .75vw);
         transform: translateX(.75vw)
     }
 }
 
 #navigation-wrapper .navigation .hamburger .ln--last,
 #navigation-wrapper .navigation .hamburger .ln--long {
     transform-origin: right
 }
 
 #navigation-wrapper .navigation .hamburger:hover {
     background: #f2a114
 }
 
 #navigation-wrapper .navigation .hamburger:hover p {
     color: #fff
 }
 
 #navigation-wrapper .navigation .hamburger:hover .hamburger,
 #navigation-wrapper .navigation .hamburger:hover .logo,
 #navigation-wrapper .navigation .hamburger:hover .square {
     border-color: #fff;
     transform: rotate(540deg) translateZ(0)
 }
 
 #navigation-wrapper .navigation .hamburger:hover .ln--first {
     transform: translateX(0)
 }
 
 #navigation-wrapper .navigation .hamburger:hover .ln {
     background: #fff
 }
 
 #navigation-wrapper .navigation .hamburger:hover .ln--last {
     transform: scaleX(.7)
 }
 
 #navigation-wrapper .navigation .logo {
     background-color: #ffffff;
     position: relative;
     transition: all .4s;
     z-index: 1000
 }
 
 #navigation-wrapper .navigation .logo .logo-img {
     transition: opacity .4s;
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-image: url(../logo.png);
     background-repeat: no-repeat;
     background-size: 60%;
     background-position: 50%
 }
 
 #navigation-wrapper .navigation .logo:hover {
     background-color: #2f2f2f
 }
 
 #navigation-wrapper .navigation .line {
     background: rgba(0, 0, 0, .08);
     z-index: 999
 }
 
 #navigation-wrapper .navigation.isLight .line {
     background: hsla(0, 0%, 100%, .3)
 }
 
 #navigation-wrapper .navigation.isLight .hamburger {
     background: #fff
 }
 
 #navigation-wrapper .navigation.isLight .hamburger:hover {
     background: #f2a114
 }
 
 #navigation-wrapper .navigation.isHome .locales-wrapper {
     visibility: visible
 }
 
 .isIE .navigation .loader {
     display: none!important
 }
 
 #article-wrapper .article {
     width: 100%;
     top: 0;
     left: 0
 }
 
 @media (min-width:768px) {
     #article-wrapper .article {
         min-height: 100%
     }
 }
 
 #article-wrapper .content {
     padding: 8vw
 }
 
 #article-wrapper .date {
     color: #c4c4c4;
     font-family: Open Sans Condensed
 }
 
 #article-wrapper .title {
     font-family: Open Sans Condensed;
     margin: 2vw 0;
     text-align: left;
     text-transform: uppercase
 }
 
 @media (min-width:1024px) {
     #article-wrapper .title {
         font-size: 4vw
     }
 }
 
 #article-wrapper img {
     width: 100%
 }
 
 #article-wrapper p {
     margin: 2vw 0
 }
 
 .article-item {
     background: #dcdcdc;
     font-family: Open Sans Condensed;
     position: relative;
     transition: all .5s;
     overflow: hidden
 }
 
 .article-item.active,
 .article-item:hover {
     background: #fff
 }
 
 .article-item.active:before,
 .article-item:hover:before {
     transform: translateX(0);
     transition-delay: .15s
 }
 
 .article-item.active a,
 .article-item:hover a {
     transform: translateX(60px)
 }
 
 .article-item:before {
     content: "";
     position: absolute;
     height: 1px;
     top: 50%;
     width: 4vw;
     left: 0;
     transform: translateX(-100%);
     transition: all .5s
 }
 
 .article-item a {
     padding: 3vw;
     display: block;
     text-transform: uppercase;
     text-decoration: none;
     position: relative;
     transition: all .5s
 }
 
 .article-item a .date {
     color: #c4c4c4;
     display: block
 }
 
 .article-item a .title {
     color: #515151;
     display: block;
     text-align: left
 }
 
 .localityContent {
     position: relative;
     overflow: hidden;
     min-height: 100vh
 }
 
 @media (max-width:768px) {
     .localityContent {
         min-height: inherit
     }
 }
 
 .localityContent .background {
     background-size: cover!important;
     position: absolute;
     z-index: -1
 }
 
 .localityContent .background img {
     width: 100%;
     height: 100%
 }
 
 .localityContent .card-content {
     color: #fff;
     text-align: justify;
     padding: 8vw 10vw
 }
 
 @media (max-width:768px) {
     .localityContent .card-content {
         padding-left: 80px
     }
 }
 
 .contactForm {
     color: #0d2558
 }
 
 .contactForm h1 {
     margin-bottom: 2rem
 }
 
 .contactForm .btn-holder {
     margin-top: 2vw
 }
 
 .footer-wrapper {
     display: flex
 }
 
 .page-footer {
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: calc(100vh - 12vw);
     background: #0d2558;
     position: relative;
     overflow: hidden;
     padding: 5vw 0;
     width: 100%
 }
 
 @media screen and (min-width:48em) {
     .page-footer {
         min-height: calc(100vh - 6vw)
     }
 }
 
 .page-footer .signiture {
     position: absolute;
     bottom: 1.5vw;
     color: #fff;
     text-transform: uppercase;
     width: 100%;
     text-align: center;
     z-index: 999;
     font-family: Raleway
 }
 
 .page-footer .lines {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .page-footer .link,
 .page-footer p>a {
     text-decoration: none;
     transition: color .4s
 }
 
 .page-footer .link:hover,
 .page-footer p>a:hover {
     color: #f2a114
 }
 
 .page-footer .link {
     text-transform: uppercase;
     color: #f2a114;
     margin: 1.5vw 0;
     display: inline-block
 }
 
 .page-footer .link:hover {
     color: #fff
 }
 
 .page-footer .logo {
     height: 1vw;
     min-height: 20px
 }
 
 .page-footer .container-fluid {
     width: 80%;
     z-index: 10;
     position: relative
 }
 
 .page-footer .container-fluid .text-holder {
     margin: 5vw 0 3vw;
     text-align: center;
     width: 100%;
     color: #fff
 }
 
 .page-footer .container-fluid .text-holder h3 {
     color: #f2a114;
     margin-bottom: 3rem
 }
 
 .page-footer .container-fluid .text-holder p {
     width: 36%;
     color: #fff;
     text-align: center;
     margin-bottom: .2rem
 }
 
 @media (max-width:768px) {
     .page-footer .container-fluid .text-holder p {
         width: 80%
     }
 }
 
 .page-footer .social-holder {
     width: 100%;
     margin-top: 3vw
 }
 
 .page-footer .social-holder .social-icon {
     position: relative;
     overflow: hidden;
     text-transform: uppercase;
     color: #fff;
     text-decoration: none;
     margin: 0 1vw;
     height: 1em;
     transform: translateZ(0);
     transition: color .4s
 }
 
 .page-footer .social-holder .social-icon .hover {
     height: 100%;
     transition: all .3s;
     position: absolute;
     left: 0;
     top: 100%;
     transition-delay: 0s
 }
 
 .page-footer .social-holder .social-icon .icon {
     transition-delay: .2s
 }
 
 .page-footer .social-holder .social-icon:hover {
     color: #f2a114
 }
 
 .page-footer .social-holder .social-icon img {
     height: 100%;
     margin-right: 5px;
     transition: all .3s
 }
 
 .page-footer .social-holder .social-icon span {
     display: inline-block
 }
 
 .page-footer .bigLogo {
     width: 100%;
     height: 100%;
     position: absolute;
     background: transparent url(/img/waves.svg) repeat 12vw 0;
     background-size: 100vw;
     z-index: 9;
     opacity: .064;
     display: none
 }
 
 .contactInfo {
     position: relative;
     overflow: auto;
     background: #f9f9f9;
     padding: 6vw 12vw
 }
 
 @media screen and (min-width:48em) {
     .contactInfo {
         padding: 6vw 3vw
     }
 }
 
 @media (max-width:767px) {
     .contactInfo .main-container {
         padding-left: 4rem;
         flex-direction: column-reverse
     }
 }
 
 .contactInfo .content-group {
     padding: 1.5vw
 }
 
 @media (max-width:767px) {
     .contactInfo .content-group {
         text-align: right;
         padding-right: 0
     }
 }
 
 .contactInfo .content-group p {
     margin: 0
 }
 
 @media (max-width:767px) {
     .contactInfo .content-group p {
         margin-left: 0
     }
 }
 
 .contactInfo .content-group h3 {
     text-transform: uppercase;
     color: #0d2558;
     margin-bottom: 1.5vw
 }
 
 .contactInfo .content-group a {
     color: #232329;
     transition: color .4s
 }
 
 .contactInfo .content-group a:hover {
     color: #f2a114
 }
 
 .propertySelector {
     padding-top: 6vw;
     position: relative;
     padding-bottom: 0;
     z-index: 2
 }
 
 .propertySelector .main-row {
     flex-direction: row
 }
 
 .propertySelector .main-row #items-wrapper {
     order: 2
 }
 
 .propertySelector .main-row .right-col {
     order: 1
 }
 
 @media screen and (min-width:48em) {
     .propertySelector .main-row #items-wrapper {
         order: 1
     }
     .propertySelector .main-row .right-col {
         order: 2
     }
 }
 
 .propertySelector .outer-parallax {
     width: 100%;
     height: 120%;
     transition: all .4s ease-out;
     will-change: transform
 }
 
 .propertySelector .outer-parallax.hovered {
     transform: translate3d(0, -10%, 0) scale(1.05)
 }
 
 .propertySelector .decor-line {
     margin-left: -1px;
     top: 0
 }
 
 .propertySelector .left-col {
     flex-direction: column
 }
 
 @media screen and (min-width:48em) {
     .propertySelector .left-col {
         flex-direction: row
     }
 }
 
 .propertySelector .left-col .select-item {
     width: 100%;
     height: 180px;
     max-width: 100%;
     position: relative;
     cursor: pointer
 }
 
 @media screen and (min-width:48em) {
     .propertySelector .left-col .select-item {
         height: 100%;
         min-height: 82vmin
     }
 }
 
 .propertySelector .left-col .select-item .box-footer {
     position: absolute;
     bottom: 0;
     z-index: 9;
     color: #fff;
     padding: 2vw;
     text-transform: uppercase
 }
 
 .propertySelector .left-col .select-item .box-footer p,
 .propertySelector .left-col .select-item .box-footer span {
     margin: 0;
     font-family: Raleway
 }
 
 .propertySelector .left-col .select-item .selector-btn {
     position: absolute;
     right: 0;
     transform: rotate(-90deg) translateY(-100%) translateX(0) translateZ(0);
     transform-origin: top right;
     top: 0;
     min-width: 180px;
     height: 12vw
 }
 
 .propertySelector .left-col .select-item .selector-btn .hover,
 .propertySelector .left-col .select-item .selector-btn .text {
     height: 100%
 }
 
 @media screen and (min-width:48em) {
     .propertySelector .left-col .select-item .selector-btn {
         height: auto;
         min-width: 20rem
     }
 }
 
 .propertySelector .left-col .select-item .image-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     backface-visibility: hidden
 }
 
 .propertySelector .left-col .select-item .image-wrapper:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .3);
     display: block;
     transition: opacity .3s
 }
 
 .propertySelector .left-col .select-item:hover .image-wrapper:after {
     opacity: 0
 }
 
 .propertySelector .right-col {
     background: #f9f9f9;
     padding: 9vw 12vw
 }
 
 @media screen and (min-width:48em) {
     .propertySelector .right-col {
         padding: 9vw 12vw 3vw 6vw
     }
 }
 
 .propertySelector .right-col h2 {
     margin-bottom: 3vw
 }
 
 .standardsVisual {
     will-change: opacity
 }
 
 .standardsVisual .background {
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover
 }
 
 @-webkit-keyframes g {
     0% {
         transform: scale(1);
         opacity: .7
     }
     64% {
         transform: scale(1.15);
         opacity: 1
     }
     to {
         transform: scale(1);
         opacity: .7
     }
 }
 
 @keyframes g {
     0% {
         transform: scale(1);
         opacity: .7
     }
     64% {
         transform: scale(1.15);
         opacity: 1
     }
     to {
         transform: scale(1);
         opacity: .7
     }
 }
 
 .marker {
     width: 3vw;
     height: 3vw;
     position: absolute;
     min-width: 40px;
     min-height: 40px
 }
 
 .marker .marker-info {
     padding: 2vw 5.5vw 2vw 5vw;
     left: 150%;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(0, 0, 0, .3);
     border: 3px solid #fff;
     display: none;
     line-height: 1.12;
     z-index: 99;
     color: #fff;
     position: absolute;
     text-transform: none;
     white-space: nowrap
 }
 
 .marker .marker-info.toLeft {
     left: auto;
     right: 150%
 }
 
 .marker .marker-info p {
     margin: 0;
     text-transform: lowercase;
     margin-top: .25vw
 }
 
 .marker .marker-info:before {
     content: "";
     width: 3vw!important;
     top: 2.4vw!important;
     left: 1.5vw!important;
     height: 3px;
     display: block;
     position: absolute;
     background-color: #fff
 }
 
 .marker .marker-info span {
     white-space: nowrap;
     margin-top: .2em;
     font-family: Raleway;
     display: block
 }
 
 .marker .markerLink {
     display: block;
     cursor: pointer
 }
 
 .marker .animating {
     -webkit-animation: g 1.4s linear 0s infinite;
     animation: g 1.4s linear 0s infinite
 }
 
 .marker .pulse-wrapper {
     width: 100%;
     height: 100%
 }
 
 .marker .plus {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate3d(-50%, -55%, 0);
     color: #fff;
     font-size: 1.2vw;
     font-weight: 700
 }
 
 .marker .circle {
     display: block;
     border-radius: 50%;
     position: absolute;
     transition: all .4s
 }
 
 .marker .circle:after {
     content: "";
     display: block;
     padding-bottom: 100%
 }
 
 .marker .circle.circle-1 {
     width: 100%;
     background: rgba(0, 0, 0, .2);
     border: 1px solid #fff
 }
 
 .marker .circle.circle-2 {
     width: 52%;
     border: 3px solid #fff
 }
 
 .marker.active .animating,
 .marker:hover .animating {
     animation-play-state: paused
 }
 
 #bookingForm-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     opacity: 0;
     z-index: 999;
     will-change: opacity
 }
 
 #bookingForm-wrapper #decor-logo {
     position: absolute;
     transform: rotate(-90deg);
     height: 43%;
     object-fit: fill;
     max-width: none;
     opacity: .064
 }
 
 #bookingForm-wrapper .line--1 {
     top: 12vw
 }
 
 #bookingForm-wrapper .line--2 {
     top: 24vw
 }
 
 @media screen and (min-width:48em) {
     #bookingForm-wrapper .line--1 {
         top: 6vw
     }
     #bookingForm-wrapper .line--2 {
         top: 12vw
     }
 }
 
 #bookingForm-wrapper .form-wrapper {
     flex-direction: column
 }
 
 @media screen and (min-width:48em) {
     #bookingForm-wrapper .form-wrapper {
         flex-direction: row
     }
 }
 
 #bookingForm-wrapper .top-area {
     padding-top: 12vw;
     height: 24vw;
     padding-left: 4vw
 }
 
 @media screen and (min-width:48em) {
     #bookingForm-wrapper .top-area {
         padding-top: 6vw;
         height: 12vw
     }
 }
 
 #bookingForm-wrapper p {
     text-transform: uppercase
 }
 
 #bookingForm-wrapper .formHolder {
     width: 100%;
     padding: 4vw
 }
 
 #bookingForm-wrapper .bookingForm {
     width: 100%;
     height: 100%;
     background: #2f2f2f
 }
 
 #bookingForm-wrapper .bookingForm::-webkit-input-placeholder {
     color: #fff;
     text-align: left;
     opacity: 1!important
 }
 
 #bookingForm-wrapper .bookingForm:-moz-placeholder,
 #bookingForm-wrapper .bookingForm::-moz-placeholder {
     color: #fff;
     opacity: 1!important
 }
 
 #bookingForm-wrapper .bookingForm:-ms-input-placeholder {
     color: #fff;
     opacity: 1!important
 }
 
 #bookingForm-wrapper .bookingForm .btn {
     width: 100%
 }
 
 @media (max-width:768px) {
     #bookingForm-wrapper .bookingForm .btn {
         width: 100%
     }
 }
 
 #bookingForm-wrapper .bookingForm .close-wrapper {
     position: fixed;
     background-color: #fff;
     padding: 4vw;
     top: 12vw;
     right: 0;
     width: 12vw;
     height: 12vw
 }
 
 #bookingForm-wrapper .bookingForm .close-wrapper .line {
     height: 2px
 }
 
 @media screen and (min-width:48em) {
     #bookingForm-wrapper .bookingForm .close-wrapper {
         padding: 2vw;
         top: 6vw;
         right: 6vw;
         width: 6vw;
         height: 6vw
     }
 }
 
 #bookingForm-wrapper .bookingForm input,
 #bookingForm-wrapper .bookingForm textarea {
     color: #fff;
     border-bottom: 3px solid #fff
 }
 
 .propertySelectorItem {
     position: relative;
     margin: 2vw 1vw
 }
 
 .propertySelectorItem .line {
     position: absolute;
     top: 50%;
     width: 4vw;
     height: 1px;
     background-color: #fff;
     z-index: 9;
     transition: all .3s
 }
 
 .propertySelectorItem:hover .black-overlay {
     opacity: 0
 }
 
 .propertySelectorItem:hover span.inner {
     transform: translate3d(0, -100%, 0)
 }
 
 .propertySelectorItem:hover .rotate-container {
     transform: scale(1.05)
 }
 
 .propertySelectorItem:hover .line {
     transform: translateX(0);
     width: 12vw
 }
 
 .propertySelectorItem:hover .hover {
     transform: translateY(0)
 }
 
 #map-wrapper .propertySelectorItem:hover .image .map,
 .contact .map-wrapper .propertySelectorItem:hover .image .map,
 .default-page .visual .video-wrapper .propertySelectorItem:hover .image img,
 .default-page .visual .video-wrapper .propertySelectorItem:hover .image video,
 .financing .column.left-column #installment-2 .graph .propertySelectorItem:hover .image svg,
 .financing .column.left-column #installment-2 .graph svg .propertySelectorItem:hover .image .circle,
 .financing .column.left-column .box .propertySelectorItem:hover .image .holder,
 .localityContent .propertySelectorItem:hover .image .background,
 .navigator .propertySelectorItem:hover .image #markers,
 .navigator .propertySelectorItem:hover .image #navigatorSVG,
 .page.gallery .propertySelectorItem:hover .image #gallerySelectorOuter,
 .properties .propertySelectorItem:hover .image #navigator-wrapper,
 .properties .propertySelectorItem:hover .image .section-wrapper,
 .propertySelectorItem:hover .image #bookingForm-wrapper,
 .propertySelectorItem:hover .image #map-wrapper .map,
 .propertySelectorItem:hover .image #visual-wrapper,
 .propertySelectorItem:hover .image .close,
 .propertySelectorItem:hover .image .contact .map-wrapper .map,
 .propertySelectorItem:hover .image .contactInfo,
 .propertySelectorItem:hover .image .default-page .visual .video-wrapper img,
 .propertySelectorItem:hover .image .default-page .visual .video-wrapper video,
 .propertySelectorItem:hover .image .financing .column.left-column #installment-2 .graph svg,
 .propertySelectorItem:hover .image .financing .column.left-column #installment-2 .graph svg .circle,
 .propertySelectorItem:hover .image .financing .column.left-column .box .holder,
 .propertySelectorItem:hover .image .fullSize,
 .propertySelectorItem:hover .image .localityContent .background,
 .propertySelectorItem:hover .image .navigator #markers,
 .propertySelectorItem:hover .image .navigator #navigatorSVG,
 .propertySelectorItem:hover .image .page.gallery #gallerySelectorOuter,
 .propertySelectorItem:hover .image .properties #navigator-wrapper,
 .propertySelectorItem:hover .image .properties .section-wrapper,
 .propertySelectorItem:hover .image .standardsVisual,
 .propertySelectorItem:hover .image .standardsVisual #markers-wrapper,
 .propertySelectorItem:hover .image .standardsVisual .background,
 .propertySelectorItem:hover .image .two-columns-page .img-stripe video,
 .propertySelectorItem:hover .image a,
 .standardsVisual .propertySelectorItem:hover .image #markers-wrapper,
 .standardsVisual .propertySelectorItem:hover .image .background,
 .two-columns-page .img-stripe .propertySelectorItem:hover .image video {
     transform: scale(1)
 }
 
 .propertySelectorItem .black-overlay {
     transition: opacity .4s
 }
 
 .propertySelectorItem:after {
     content: "";
     display: block;
     padding-top: 55%
 }
 
 .propertySelectorItem .image {
     position: absolute;
     width: 100%;
     height: 100%
 }
 
 #map-wrapper .propertySelectorItem .image .map,
 .contact .map-wrapper .propertySelectorItem .image .map,
 .default-page .visual .video-wrapper .propertySelectorItem .image img,
 .default-page .visual .video-wrapper .propertySelectorItem .image video,
 .financing .column.left-column #installment-2 .graph .propertySelectorItem .image svg,
 .financing .column.left-column #installment-2 .graph svg .propertySelectorItem .image .circle,
 .financing .column.left-column .box .propertySelectorItem .image .holder,
 .localityContent .propertySelectorItem .image .background,
 .navigator .propertySelectorItem .image #markers,
 .navigator .propertySelectorItem .image #navigatorSVG,
 .page.gallery .propertySelectorItem .image #gallerySelectorOuter,
 .properties .propertySelectorItem .image #navigator-wrapper,
 .properties .propertySelectorItem .image .section-wrapper,
 .propertySelectorItem .image #bookingForm-wrapper,
 .propertySelectorItem .image #map-wrapper .map,
 .propertySelectorItem .image #visual-wrapper,
 .propertySelectorItem .image .close,
 .propertySelectorItem .image .contact .map-wrapper .map,
 .propertySelectorItem .image .contactInfo,
 .propertySelectorItem .image .default-page .visual .video-wrapper img,
 .propertySelectorItem .image .default-page .visual .video-wrapper video,
 .propertySelectorItem .image .financing .column.left-column #installment-2 .graph svg,
 .propertySelectorItem .image .financing .column.left-column #installment-2 .graph svg .circle,
 .propertySelectorItem .image .financing .column.left-column .box .holder,
 .propertySelectorItem .image .fullSize,
 .propertySelectorItem .image .localityContent .background,
 .propertySelectorItem .image .navigator #markers,
 .propertySelectorItem .image .navigator #navigatorSVG,
 .propertySelectorItem .image .page.gallery #gallerySelectorOuter,
 .propertySelectorItem .image .properties #navigator-wrapper,
 .propertySelectorItem .image .properties .section-wrapper,
 .propertySelectorItem .image .standardsVisual,
 .propertySelectorItem .image .standardsVisual #markers-wrapper,
 .propertySelectorItem .image .standardsVisual .background,
 .propertySelectorItem .image .two-columns-page .img-stripe video,
 .propertySelectorItem .image a,
 .standardsVisual .propertySelectorItem .image #markers-wrapper,
 .standardsVisual .propertySelectorItem .image .background,
 .two-columns-page .img-stripe .propertySelectorItem .image video {
     transform: scale(1.1);
     transition: transform .4s;
     background-size: cover!important;
     background-position: 50%
 }
 
 .propertySelectorItem a {
     overflow: hidden;
     position: absolute;
     z-index: 3;
     text-decoration: none;
     text-align: center;
     padding: 2em
 }
 
 .propertySelectorItem a span {
     color: #fff;
     font-family: Open Sans Condensed;
     text-transform: uppercase;
     display: inline-block;
     position: relative
 }
 
 .propertySelectorItem a span.outer {
     overflow: hidden
 }
 
 .propertySelectorItem a span.inner {
     transition: all .4s
 }
 
 .propertySelectorItem a span.hover {
     position: absolute;
     top: 100%;
     left: 0;
     transition: transform .4s;
     transform: translateY(4rem);
     width: 101%
 }
 
 .propertySelectorItem a img {
     height: 100%;
     width: 100%
 }
 
 .propertySelectorItem .rotate-container {
     transition: transform .3s;
     position: absolute;
     width: 100%;
     height: 100%
 }
 
 .contentBox {
     height: 100%;
     flex: 1
 }
 
 .contentBox .measure-offset {
     height: 6vw
 }
 
 .contentBox .close-wrapper {
     position: absolute;
     right: 4vw
 }
 
 .contentBox .headline-holder {
     display: flex;
     align-items: center
 }
 
 .contentBox .headline-holder .page-title {
     text-transform: uppercase
 }
 
 @media screen and (min-width:48em) {
     .contentBox .headline-holder {
         height: 6vw;
         padding: 0 4vw
     }
 }
 
 .contentBox .content-holder {
     padding: 4vw;
     padding: 0;
     height: 100%;
     overflow-x: hidden;
     overflow: hidden;
     flex: 1
 }
 
 .contentBox .content-holder .content-top {
     display: flex;
     flex-direction: column
 }
 
 .contentBox .content-holder .btn:nth-child(2n) {
     border-top-width: 0
 }
 
 @media screen and (min-width:48em) {
     .contentBox .content-holder .btn:nth-child(2n) {
         border-top-width: 3px;
         border-left: 0
     }
 }
 
 @media (max-width:768px) {
     .contentBox .content-holder {
         transform: none
     }
 }
 
 .contentBox .content-holder .text-wrapper {
     padding-top: 6vw;
     overflow-x: hidden!important;
     overflow: auto
 }
 
 .contentBox .content-holder .text-wrapper .inner {
     padding-bottom: 6vw
 }
 
 @media screen and (min-width:48em) {
     .contentBox .content-holder .text-wrapper {
         padding: 4vw;
         padding-bottom: 0
     }
 }
 
 .contentBox .content-holder .text-wrapper h4 {
     margin-bottom: 1vw
 }
 
 .contentBox .content-holder .text-wrapper h4 a {
     color: #0d2558
 }
 
 .contentBox .content-holder .text-wrapper h4 a:hover {
     color: #f2a114
 }
 
 .contentBox .content-holder .text-wrapper p a:not(.btn) {
     font-family: Raleway;
     text-transform: uppercase;
     text-decoration: none;
     color: #f2a114;
     transition: color .4s
 }
 
 .contentBox .content-holder .text-wrapper p a:not(.btn):hover {
     color: #2f2f2f
 }
 
 .contentBox .content-holder .text-wrapper h2 {
     text-transform: uppercase;
     font-family: Raleway;
     text-align: left;
     margin-bottom: 2vw
 }
 
 .contentBox .content-holder .text-wrapper h2 a {
     color: #0d2558;
     transition: color .4s
 }
 
 .contentBox .content-holder .text-wrapper h2 a:hover {
     color: #f2a114
 }
 
 .contentBox .content-holder .text-wrapper h4 a:not(.btn) {
     color: #0d2558
 }
 
 .contentBox .content-holder .text-wrapper h4 a:not(.btn):hover {
     color: #f2a114
 }
 
 .contentBox .box-footer .btn,
 .contentBox .box-footer .f0 {
     width: 100%
 }
 
 @media screen and (min-width:48em) {
     .contentBox .box-footer {
         position: absolute;
         bottom: 0
     }
     .contentBox .box-footer .btn,
     .contentBox .box-footer .f0 {
         width: auto
     }
 }
 
 .calculator {
     height: 100%;
     padding: 0 3vw;
     color: #0d2558
 }
 
 @media screen and (min-width:48em) {
     .calculator {
         padding: 0 6vw
     }
 }
 
 .calculator h2 {
     margin-top: 12vw;
     line-height: 12vw
 }
 
 @media screen and (min-width:48em) {
     .calculator h2 {
         margin-top: 6vw;
         line-height: 6vw
     }
 }
 
 .calculator .close-wrapper {
     position: absolute
 }
 
 .calculator .headline {
     margin-bottom: 1em
 }
 
 .calculator #calculator-form {
     margin-top: 6vw
 }
 
 .navigator {
     width: 100%;
     height: 100%;
     position: absolute;
     background: #000
 }
 
 .navigator.light {
     background: #dcdcdc
 }
 
 .navigator .black-overlay {
     background: rgba(0, 0, 0, .16)
 }
 
 .navigator #navigatorImg {
     width: 100%;
     height: 100%;
     object-fit: contain
 }
 
 .navigator .inner-wrapper {
     position: absolute
 }
 
 .navigator .small-image {
     transform: scale(.72)
 }
 
 .navigator .full-image {
     transform: scale(1.1)
 }
 
 .navigator #markers {
     pointer-events: none
 }
 
 .navigator #markers,
 .navigator #navigatorSVG {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10
 }
 
 .navigator #markers path,
 .navigator #navigatorSVG path {
     cursor: pointer
 }
 
 .navigator .navigatorUnit {
     color: #fff;
     pointer-events: none;
     white-space: nowrap
 }
 
 .navigator .navigatorUnit .item-wrapper {
     background: rgba(0, 0, 0, .3);
     border: 3px solid #fff;
     display: none;
     padding: 2vw 5vw 2vw 4.5vw;
     position: absolute;
     transform: translate(-50%);
     z-index: 999
 }
 
 .navigator .navigatorUnit h3 {
     margin-top: .2em;
     color: #fff;
     text-transform: uppercase
 }
 
 .navigator .navigatorUnit h2 {
     padding-left: 2.4vw;
     margin-bottom: .4em
 }
 
 .navigator .navigatorUnit h2:before {
     width: 2vw
 }
 
 .navigator .navigatorUnit p {
     margin: 0;
     line-height: 1
 }
 
 .navigator .navigatorUnit .unit-id {
     background: #79c501;
     color: #fff;
     position: absolute;
     padding: .3em;
     transform: translate(-50%, -50%)
 }
 
 .navigator .navigatorUnit .unit-id.status-0 {
     background: #79c501
 }
 
 .navigator .navigatorUnit .unit-id.status-1 {
     background: #c5b419
 }
 
 .navigator .navigatorUnit .unit-id.status-2 {
     background: orange
 }
 
 .navigator .navigatorUnit .unit-id.status-3 {
     background: #b52c2c
 }
 
 .navigator .navigatorUnit .unit-id.status-9 {
     background: #232329
 }
 
 .navigator .navigatorUnit .phase-wrapper {
     opacity: 0
 }
 
 .navigator .navigatorUnit .rw-wrapper {
     z-index: 10;
     display: block;
     left: 46%;
     top: 66%
 }
 
 .navigator .navigatorUnit .mb-wrapper {
     z-index: 10;
     display: block;
     left: 63%;
     top: 14%
 }
 
 .navigator #compass-wrapper {
     position: absolute;
     top: 3rem;
     right: 3.5rem;
     z-index: 9
 }
 
 .navigator #compass {
     width: 7vw
 }
 
 .printTable {
     display: none
 }
 
 @page {
     size: A4;
     margin: 0
 }
 
 @media print {
     *,
     :after,
     :before {
         overflow: visible!important;
         height: auto;
         background: transparent!important;
         color: #000!important;
         box-shadow: none!important;
         text-shadow: none!important
     }
     a,
     a:visited {
         text-decoration: underline
     }
     a[href]:after {
         content: " (" attr(href) ")"
     }
     abbr[title]:after {
         content: " (" attr(title) ")"
     }
     a[href^="#"]:after,
     a[href^="javascript:"]:after {
         content: ""
     }
     blockquote,
     pre {
         border: 1px solid #999;
         page-break-inside: avoid
     }
     thead {
         display: table-header-group
     }
     img,
     tr {
         page-break-inside: avoid
     }
     img {
         max-width: 100%!important
     }
     h2,
     h3,
     p {
         orphans: 3;
         widows: 3
     }
     h2,
     h3 {
         page-break-after: avoid
     }
     td.hidden-xs,
     th.hidden-xs {
         display: table-cell
     }
     .hidden-print {
         display: none!important
     }
     #scroll-wrapper,
     .properties-wrapper {
         position: relative!important
     }
     #filters-wrapper,
     .screenTable {
         display: none
     }
     .printTable {
         display: table-row-group
     }
     #navigation-wrapper {
         display: none
     }
     .pricelist {
         flex-direction: row!important;
         overflow: hidden
     }
     table {
         page-break-inside: auto
     }
     tr {
         page-break-inside: avoid;
         page-break-after: auto
     }
 }
 
 #pricelist-wrapper {
     z-index: 2;
     text-transform: uppercase;
     background: #fff;
     display: flex
 }
 
 #pricelist-wrapper .pricelist {
     flex: 1;
     background-color: #fff
 }
 
 #pricelist-wrapper .pricelist .header {
     width: 58%;
     min-height: 6vw;
     margin: 0 auto;
     margin-top: -3vw;
     margin-bottom: 4vw;
     position: relative;
     top: 1px
 }
 
 #pricelist-wrapper .pricelist .header:after,
 #pricelist-wrapper .pricelist .header:before {
     content: "";
     display: block;
     position: absolute;
     width: 2vw;
     height: 1px;
     background-color: #fff;
     top: 50%
 }
 
 #pricelist-wrapper .pricelist .header:after {
     right: 0
 }
 
 #pricelist-wrapper .pricelist .header h4 {
     color: #fff;
     padding: 12px
 }
 
 #pricelist-wrapper .pricelist .table-holder {
     overflow: hidden;
     flex-direction: column;
     flex-wrap: nowrap
 }
 
 #pricelist-wrapper .pricelist .table-holder .pricelist-holder {
     overflow: auto;
     padding-bottom: .5vw
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable {
     width: 100%;
     text-align: center;
     overflow: hidden;
     padding: 0 1.5vw
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader tr:hover td,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable tr:hover td {
     background-color: #f3f3f3
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td {
     padding: .75vw 0;
     color: #515151;
     transition: background-color .2s
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td .info,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td .info {
     font-weight: 700;
     display: none
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td .star,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td .star {
     text-decoration: none;
     color: #0d2558;
     transition: transform .8s;
     display: block
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader td .star:hover,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable td .star:hover {
     transform: rotate(-70deg)
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader th,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable th {
     padding: 0 .5vw;
     font-family: Raleway
 }
 
 @media (max-width:768px) {
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader td,
     #pricelist-wrapper .pricelist .table-holder #pricelistTable td {
         text-align: center;
         padding: 10px 0
     }
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader .btn,
 #pricelist-wrapper .pricelist .table-holder #pricelistTable .btn {
     display: inline-block
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistTable th {
     visibility: hidden;
     height: 0
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader {
     border-bottom: 1px solid rgba(0, 0, 0, .08)
 }
 
 #pricelist-wrapper .pricelist .table-holder #pricelistHeader th {
     cursor: pointer;
     height: 6vw
 }
 
 @media screen and (min-width:48em) {
     #pricelist-wrapper .pricelist .table-holder #pricelistHeader {
         border: none
     }
 }
 
 @media (max-width:768px) {
     #pricelist-wrapper .pricelist .table-holder .pricelistTableActions {
         flex: 1 0 auto;
         margin: 2vw 0;
         margin-bottom: 100px
     }
 }
 
 #pricelist-wrapper .pricelist .table-holder .buttons-holder {
     height: 6vw
 }
 
 @media (max-width:768px) {
     #pricelist-wrapper .pricelist .table-holder .buttons-holder {
         text-align: center;
         margin-bottom: 20px;
         width: 100%
     }
 }
 
 #pricelist-wrapper .pricelist .table-holder .buttons-holder .btn {
     margin-right: .5vw
 }
 
 @media (max-width:768px) {
     #pricelist-wrapper .btn {
         font-size: 9px
     }
 }
 
 #filters-wrapper {
     float: left;
     height: 100%;
     color: #0d2558;
     width: 100%
 }
 
 @media (max-width:767px) {
     #filters-wrapper {
         width: 64vw
     }
 }
 
 #filters-wrapper .filters {
     height: 100%
 }
 
 #filters-wrapper .wrapper {
     position: relative;
     z-index: 9
 }
 
 #filters-wrapper .header {
     height: 6vw;
     padding-left: 3vw;
     padding-right: 3vw;
     background-color: #f3f3f3;
     position: relative;
     top: 1px
 }
 
 #filters-wrapper .header .filter-icon {
     width: 1.5vw
 }
 
 #filters-wrapper .filter-wrapper {
     border-bottom: 1px solid #dcdcdc;
     padding: 1vw 3vw
 }
 
 #filters-wrapper .filter-wrapper:first-child {
     border: none
 }
 
 #filters-wrapper .slide-div {
     z-index: 4!important;
     overflow: auto;
     position: relative
 }
 
 #filters-wrapper label {
     transition: color .4s
 }
 
 #filters-wrapper label:hover {
     color: #f2a114
 }
 
 #filters-wrapper .switch-label {
     display: inline-block;
     font-family: Raleway;
     text-transform: uppercase;
     width: 100%;
     cursor: pointer
 }
 
 #filters-wrapper .switch-label:hover {
     color: #f2a114
 }
 
 #filters-wrapper .checkboxes {
     margin-left: 1vw;
     padding-top: 1.5vw
 }
 
 #filters-wrapper .checkbox-holder {
     margin-bottom: .5vw;
     color: #515151
 }
 
 @media (max-width:768px) {
     #filters-wrapper .checkbox-holder {
         margin-top: 8px
     }
 }
 
 #filters-wrapper #clear-filters {
     text-decoration: none;
     transition: all .3s;
     width: 100%;
     padding: 1.2vw 3vw;
     position: relative;
     text-transform: uppercase;
     font-family: Raleway;
     border-top: 1px solid rgba(0, 0, 0, .08)
 }
 
 #filters-wrapper #clear-filters .close-wrapper {
     position: absolute;
     top: 50%;
     right: 2vw;
     transform: translateY(-50%)
 }
 
 #filters-wrapper #clear-filters:hover {
     opacity: .7
 }
 
 #filters-wrapper #reset {
     text-decoration: none;
     transition: color .3s;
     text-align: center;
     color: #515151
 }
 
 #filters-wrapper #reset:hover {
     color: #f2a114
 }
 
 #filters-wrapper .range label {
     display: block;
     margin-bottom: 1.5vw;
     font-family: Raleway;
     text-transform: uppercase
 }
 
 #filters-wrapper .range .range-info {
     margin-top: .8vw
 }
 
 #filters-wrapper .range .range-info input {
     font-family: Raleway;
     color: #515151;
     border: none;
     padding: 0;
     margin: 0;
     display: inline-block
 }
 
 #filters-wrapper .range .range-info input.max {
     text-align: right
 }
 
 @media (max-width:768px) {
     #filters-wrapper .range .range-info {
         margin-top: 14px
     }
 }
 
 .property-detail #content-wrapper {
     z-index: 10;
     position: fixed;
     right: 0;
     top: 0;
     height: 100%;
     background-color: #fff;
     width: 100%;
     opacity: 0;
     will-change: opacity
 }
 
 .property-detail .mobile-navigator {
     margin-bottom: 1rem
 }
 
 .property-detail .mobile-navigator #small-navigator-wrapper {
     width: 100%;
     margin-bottom: 0;
     position: relative;
     overflow: hidden
 }
 
 .property-detail .mobile-navigator #small-navigator-wrapper:before {
     content: "";
     display: block;
     padding-bottom: 60%
 }
 
 .property-detail .mobile-navigator #small-navigator-wrapper .navigator {
     top: 0
 }
 
 .property-detail .mobile-navigator #small-navigator-wrapper .navigator #markers {
     display: none
 }
 
 .property-detail .mobile-navigator .flex {
     justify-content: center
 }
 
 .property-detail .mobile-navigator .flex a {
     color: #0d2558;
     text-indent: -10000px;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     margin: 1em;
     background: #0d2558
 }
 
 .property-detail .mobile-navigator .flex a.active {
     background: #f2a114
 }
 
 .property-detail .plan-img {
     transform: translateZ(0);
     max-height: 100%
 }
 
 .property-detail .padding-3 {
     padding: 3vw
 }
 
 .property-detail .padding-4 {
     padding: 0 4.4vw
 }
 
 .property-detail .padding-44 {
     padding: 3vw 4.4vw
 }
 
 @media screen and (min-width:62em) {
     .property-detail .padding-44 {
         overflow: auto
     }
 }
 
 @media screen and (min-width:62em) {
     .property-detail .columns-holder,
     .property-detail .columns-holder .column {
         height: 100%
     }
 }
 
 .property-detail .right-holder .plan-holder {
     order: 1
 }
 
 .property-detail .right-holder .header {
     order: 2
 }
 
 .property-detail .right-holder .buttons,
 .property-detail .right-holder .related-units {
     order: 3
 }
 
 .property-detail .right-holder .buttons .btn {
     width: 100%
 }
 
 .property-detail .right-holder .back-mobile {
     order: 4
 }
 
 @media screen and (min-width:62em) {
     .property-detail .right-holder .buttons,
     .property-detail .right-holder .header,
     .property-detail .right-holder .plan-holder,
     .property-detail .right-holder .related-units {
         order: inherit
     }
     .property-detail .right-holder .buttons .btn {
         width: auto
     }
 }
 
 .property-detail .grey-bg {
     background: #f3f3f3
 }
 
 .property-detail .line--1 {
     left: 12vw!important
 }
 
 .property-detail .measure {
     height: calc(12vw + 1px)
 }
 
 .property-detail .measure.info-bar {
     border-bottom: 1px solid rgba(0, 0, 0, .08)
 }
 
 @media screen and (min-width:48em) {
     .property-detail .measure {
         border-bottom: none!important;
         height: 6vw
     }
 }
 
 .property-detail .buttons .btn span {
     padding-left: 0;
     padding-right: 0
 }
 
 .property-detail .buttons .btn:first-child {
     border-left: none
 }
 
 .property-detail .header {
     padding: 0 2.4vw
 }
 
 .property-detail .header .icon-link {
     line-height: 1;
     color: #0d2558;
     text-transform: uppercase
 }
 
 .property-detail .header h4 {
     font-weight: 500
 }
 
 .property-detail .related-units {
     margin-top: 1px;
     border-top: 1px solid rgba(0, 0, 0, .08);
     border-bottom: 1px solid rgba(0, 0, 0, .08)
 }
 
 @media screen and (min-width:62em) {
     .property-detail .related-units {
         border: none!important
     }
 }
 
 .property-detail .related-units .related-unit {
     position: relative
 }
 
 .property-detail .related-units .related-unit:last-child {
     border: none!important
 }
 
 .property-detail .related-units .related-unit a {
     text-align: center;
     color: #0d2558;
     box-sizing: border-box;
     transition: all .4s
 }
 
 .property-detail .related-units .related-unit a:hover {
     background: #2f2f2f;
     color: #fff;
     boder-color: #0d2558
 }
 
 .property-detail .related-units .related-unit span {
     white-space: nowrap
 }
 
 .property-detail .compass-wrapper {
     padding-top: 2.1vw;
     padding-bottom: 2.1vw
 }
 
 .property-detail .water-wrapper {
     display: flex;
     align-items: center;
     justify-content: center
 }
 
 .property-detail .water-wrapper.right {
     flex-direction: row-reverse
 }
 
 .property-detail .water-wrapper.right .water-arrow {
     transform: rotate(-90deg);
     margin-right: .5vw
 }
 
 .property-detail .water-wrapper.left {
     flex-direction: row
 }
 
 .property-detail .water-wrapper.left .water-arrow {
     transform: rotate(90deg)
 }
 
 .property-detail .water-wrapper.bottom {
     flex-direction: column-reverse
 }
 
 .property-detail .water-wrapper.top {
     flex-direction: column
 }
 
 .property-detail .water-wrapper.top .water-arrow {
     transform: rotate(180deg)
 }
 
 .property-detail .unit-info h2 {
     color: #f2a114
 }
 
 .property-detail .unit-info table {
     width: 100%;
     text-align: left;
     margin-top: 2vw;
     text-transform: uppercase
 }
 
 .property-detail .unit-info table td {
     padding: .2vw 0
 }
 
 .property-detail .unit-info table th {
     font-family: Raleway;
     padding: 1vw 0
 }
 
 .property-detail .unit-info .ptop {
     padding-top: 3vw
 }
 
 .page-footer .property-detail .unit-info .link,
 .page-footer .social-holder .property-detail .unit-info .social-icon,
 .property-detail .unit-info .bold,
 .property-detail .unit-info .page-footer .link,
 .property-detail .unit-info .page-footer .social-holder .social-icon,
 .property-detail .unit-info .scroll-down {
     font-family: Raleway
 }
 
 .property-detail .unit-info .unit-specs {
     text-transform: uppercase
 }
 
 #pagination-wrapper {
     flex-basis: auto;
     position: absolute;
     bottom: 0;
     right: 0;
     transform: translateZ(0)
 }
 
 @media (max-width:768px) {
     #pagination-wrapper {
         bottom: 1vw;
         right: 3vw;
         justify-content: center
     }
 }
 
 .pagination {
     height: 3.6vw;
     padding: 0 2vw
 }
 
 .pagination .pageLink {
     color: #0d2558;
     text-decoration: none;
     padding: 0 .46em;
     letter-spacing: -.03em;
     transition: color .3s;
     font-family: Raleway
 }
 
 .pagination .pageLink.active,
 .pagination .pageLink:hover {
     color: #f2a114
 }
 
 .pagination .info {
     margin-right: 2vw
 }
 
 .pagination .arrow {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     display: inline-block
 }
 
 .pagination .arrow:before {
     position: absolute;
     width: 24px;
     height: 1px;
     background-color: #515151;
     display: block;
     content: ""
 }
 
 .pagination .nextPrevControls {
     position: relative;
     transition: all .3s;
     display: inline-block;
     margin: 0 1vw
 }
 
 .pagination .nextPrevControls:hover .arrow:before {
     background-color: #f2a114
 }
 
 .pagination .nextPrevControls.nextPage {
     padding-left: 24px
 }
 
 .pagination .nextPrevControls.nextPage:hover {
     transform: translateX(6px)
 }
 
 .pagination .nextPrevControls.nextPage:hover .arrow {
     border-left: 5px solid #f2a114
 }
 
 .pagination .nextPrevControls.nextPage .arrow {
     border-left: 5px solid #515151
 }
 
 .pagination .nextPrevControls.nextPage .arrow:before {
     left: 0
 }
 
 .pagination .nextPrevControls.prevPage {
     padding-right: 24px
 }
 
 .pagination .nextPrevControls.prevPage:hover {
     transform: translateX(-6px)
 }
 
 .pagination .nextPrevControls.prevPage:hover .arrow {
     border-right: 5px solid #f2a114
 }
 
 .pagination .nextPrevControls.prevPage .arrow {
     border-right: 5px solid #515151
 }
 
 .pagination .nextPrevControls.prevPage .arrow:before {
     right: 0
 }
 
 .imageItem {
     padding: 5vw
 }
 
 .default-page {
     overflow: hidden;
     height: 100%
 }
 
 .default-page #content-wrapper {
     height: 100%
 }
 
 .default-page .col-xs-offset {
     width: 12vw;
     z-index: 9
 }
 
 .default-page .col-parent {
     overflow-x: hidden!important
 }
 
 .default-page .content {
     text-align: justify;
     height: 100%;
     flex-wrap: nowrap;
     background: #fff;
     z-index: 2;
     position: relative
 }
 
 @media (max-width:767px) {
     .default-page .content {
         padding-left: 12vw;
         padding-right: 12vw;
         width: 100vw;
         transform: none;
         height: auto
     }
 }
 
 .default-page .decor-line {
     background: rgba(0, 0, 0, .08)
 }
 
 .default-page .visual {
     z-index: 1;
     height: 50vh;
     width: 100%
 }
 
 @media screen and (min-width:48em) {
     .default-page .visual {
         height: 100%
     }
 }
 
 .default-page .visual .video-wrapper {
     height: 100%;
     width: 100%;
     overflow: hidden
 }
 
 .default-page .visual .video-wrapper img,
 .default-page .visual .video-wrapper video {
     object-fit: cover;
     position: relative
 }
 
 .page.gallery {
     background: #232329;
     overflow: hidden;
     height: 100%;
     transform: translateZ(0)
 }
 
 .page.gallery #closeGallery {
     right: 0;
     display: none;
     z-index: 9999;
     opacity: 0
 }
 
 .page.gallery #decor-logo {
     position: absolute;
     top: 80%;
     transform: rotate(-90deg) translateY(40%) translateX(0);
     transform-origin: left;
     opacity: .15;
     z-index: 2;
    /* height: 24vw*/
 }
 
 .page.gallery #gallerySelectorOuter {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 19;
     background: rgba(0, 0, 0, .45)
 }
 
 .page.gallery #gallery-selector-wrapper {
     z-index: 99;
     position: relative;
     top: 12vw;
     padding: 3vw
 }
 
 .page.gallery #gallery-selector-wrapper .inner-container a {
     font-family: Raleway;
     display: inline-block;
     color: #fff;
     text-transform: uppercase;
     text-decoration: none;
     transition: color .4s
 }
 
 .page.gallery #gallery-selector-wrapper .inner-container a:hover {
     color: #f2a114
 }
 
 .page.gallery .slides {
     z-index: -1;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }
 
 .page.gallery .slides .slide {
     transform: translateZ(0);
     position: absolute;
     top: 0;
     left: 0;
     perspective: 1000px
 }
 
 .page.gallery .slides .slide img {
     width: 100vw;
     height: 100vh
 }
 
 .page.gallery .gallery-thumbs {
     position: relative;
     z-index: 200;
     background: #fff;
     will-change: transform
 }
 
 @media (max-width:768px) {
     .page.gallery .gallery-thumbs {
         transform: none
     }
 }
 
 .page.gallery .gallery-thumbs #thumbs-holder {
     overflow: auto
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper {
     padding: 0;
     transform: none;
     opacity: 1
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs {
     height: 100%
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .gallery-thumb {
     cursor: pointer;
     font-size: 0;
     position: relative;
     overflow: hidden
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .gallery-thumb img {
     transition: all .4s;
     object-fit: cover;
     max-width: 100%;
     height: 9vw
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .gallery-thumb:after {
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, .3);
     transition: all .4s
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .gallery-thumb:hover img {
     transform: scale(1.1)
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .gallery-thumb:hover:after {
     background: transparent
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .headline {
     margin: 2em;
     padding-left: 3em
 }
 
 .page.gallery .gallery-thumbs #gallery-thumbs-wrapper #galleryThumbs .headline:before {
     width: 2.6em!important
 }
 
 .page.gallery .visual {
     z-index: 1
 }
 
 .page.gallery .visual .main-wrapper {
     height: 100vh;
     width: 100%;
     overflow: hidden;
     transform: scale(1.3);
     transform-origin: center right;
     will-change: transform
 }
 
 .page.gallery .visual .main-wrapper #image-wrapper {
     height: 100%;
     width: 100%
 }
 
 .page.gallery .visual .main-wrapper #image-wrapper .gallery-image .image {
     position: absolute;
     width: 100%;
     height: 100vh;
     background-size: cover;
     background-position: 50%;
     background-repeat: no-repeat;
     transform-origin: center center
 }
 
 .page.gallery .visual .main-wrapper #image-wrapper .gallery-image .inner {
     width: 80vmin;
     height: 80vmin;
     transform: rotate(90deg);
     position: relative
 }
 
 .page.gallery .back-wrapper {
     position: absolute;
     right: 12vw;
     bottom: 0;
     z-index: 999
 }
 
 .locality {
     overflow: hidden;
     height: 100%
 }
 
 .locality #items-wrapper {
     padding-bottom: 6vw
 }
 
 .locality .lines {
     position: absolute;
     height: 100%;
     width: 100%
 }
 
 .locality .lines .measure {
     height: 12vw
 }
 
 @media screen and (min-width:48em) {
     .locality .lines .measure {
         height: 6vw
     }
 }
 
 .locality .lines .decor-line {
     left: 100%;
     position: absolute;
     top: 0;
     height: 6vw;
     background: #f3f3f3;
     width: 1px
 }
 
 .locality .lines .line {
     pointer-events: none
 }
 
 .locality .lines .line--1 {
     width: 100%;
     top: 6vw;
     position: fixed
 }
 
 .locality .lines .line--2 {
     width: 100%;
     top: 12vw;
     position: fixed
 }
 
 .locality .lines .line--vert {
     position: absolute;
     height: 100%;
     width: 1px;
     background: rgba(0, 0, 0, .08);
     top: 0;
     z-index: 99
 }
 
 .locality .lines .line--vert--1 {
     left: 12vw
 }
 
 .locality .lines .line--vert--2 {
     left: 50%
 }
 
 .locality .lines .line--vert--3 {
     right: 12vw
 }
 
 .locality .lines .line--hor {
     position: absolute;
     top: 24vw;
     width: 100%;
     background: rgba(0, 0, 0, .08);
     height: 1px
 }
 
 @media screen and (min-width:48em) {
     .locality .lines .line--hor {
         top: 12vw
     }
 }
 
 .locality .scroll-content {
     height: 100%
 }
 
 .locality .container-fluid {
     overflow: hidden
 }
 
 .locality #open-filter {
     color: #0d2558;
     text-transform: uppercase;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: all .4s;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     z-index: 100
 }
 
 .locality #open-filter .small-arrow {
     width: .8em;
     margin-left: .5em
 }
 
 .locality #open-filter .small-arrow path {
     transition: all .4s
 }
 
 .locality #open-filter:hover {
     background: #2f2f2f;
     color: #fff;
     font-weight: 700
 }
 
 .locality #open-filter:hover .small-arrow path {
     fill: #fff
 }
 
 .locality .filters-wrapper {
     position: absolute;
     display: flex;
     flex-direction: column;
     text-align: center;
     z-index: 10;
     height: 100%;
     width: 100%;
     top: 0;
     display: none
 }
 
 .locality .filters-wrapper .f-bg {
     background: rgba(0, 0, 0, .3);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0
 }
 
 .locality .filters-wrapper .f-container {
     background: #fff;
     position: absolute;
     left: 12vw;
     right: 12vw;
     top: 12vw;
     bottom: 0;
     z-index: 2;
     overflow: auto
 }
 
 .locality .filters-wrapper .f-container .f-inner {
     overflow: hidden
 }
 
 @media screen and (min-width:48em) {
     .locality .filters-wrapper .f-container {
         left: 50%;
         top: 6vw
     }
 }
 
 .locality .filters-wrapper a {
     color: #0d2558;
     text-transform: uppercase;
     width: 100%;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     border-bottom: 1px solid rgba(0, 0, 0, .08);
     height: 12vw;
     transition: background .4s, color .4s
 }
 
 .locality .filters-wrapper a.active {
     background: #f3f3f3
 }
 
 .locality .filters-wrapper a:hover {
     background: #2f2f2f;
     color: #fff
 }
 
 @media screen and (min-width:48em) {
     .locality .filters-wrapper a {
         height: 6vw
     }
 }
 
 .locality .detail-content {
     background: #fff;
     z-index: 99;
     position: absolute;
     top: 0;
     height: 100%;
     left: 12vw;
     right: 12vw
 }
 
 @media screen and (min-width:48em) {
     .locality .detail-content {
         right: 50%
     }
 }
 
 .locality .detail-content .text-wrapper {
     padding: 4vw;
     padding-bottom: 6vw
 }
 
 .locality .detail-content .headline-holder {
     padding: 4vw
 }
 
 @media screen and (min-width:48em) {
     .locality .detail-content .headline-holder {
         padding: 0 4vw
     }
 }
 
 .locality .detail-content .contentBox .measure-offset {
     height: 12vw
 }
 
 @media screen and (min-width:48em) {
     .locality .detail-content .contentBox .measure-offset {
         height: 6vw
     }
 }
 
 .locality .visual {
     z-index: 1
 }
 
 .locality .visual .map-holder {
     height: 100%;
     width: 100vw;
     overflow: hidden
 }
 
 .locality .btns {
     position: absolute;
     z-index: 2;
     bottom: 0
 }
 
 .locality .btns--left {
     left: 0;
     min-width: 12vw!important
 }
 
 .locality .btns--left span {
     padding-right: 0;
     padding-left: 0
 }
 
 .locality .btns--right {
     right: 12vw
 }
 
 #map-wrapper {
     width: 100%;
     height: 100%;
     position: relative
 }
 
 .financing {
     overflow: auto
 }
 
 .financing .m-bottom {
     margin-bottom: 1.5rem
 }
 
 .financing .content-container {
     padding: 6vw 3vw 0;
     text-align: justify
 }
 
 .financing .content-container a {
     color: #f2a114;
     transition: color .3s
 }
 
 .financing .content-container a:hover {
     color: #2f2f2f
 }
 
 .financing .measure {
     padding: 0 2vw;
     height: 24vw
 }
 
 .financing .measure:nth-child(2) {
     height: auto;
     padding: 3vw
 }
 
 @media screen and (min-width:30em) {
     .financing .measure {
         height: 12vw
     }
     .financing .measure:nth-child(2) {
         height: 12vw;
         padding: 0 2vw
     }
 }
 
 @media screen and (min-width:48em) {
     .financing .measure {
         height: 12vw
     }
 }
 
 @media screen and (min-width:62em) {
     .financing .measure {
         height: 6vw
     }
     .financing .measure:nth-child(2) {
         height: 6vw;
         padding: 0 2vw
     }
 }
 
 .financing .measure .container {
     padding: 0 1vw
 }
 
 .financing .measure .container p {
     margin: 0
 }
 
 @media screen and (min-width:48em) {
     .financing .scrolling-wrapper {
         overflow: auto;
         overflow-x: hidden!important;
         padding-bottom: 2vw
     }
 }
 
 .financing .column.left-column {
     order: 2
 }
 
 @media screen and (min-width:48em) {
     .financing .column.left-column {
         order: 1;
         height: 100%
     }
 }
 
 .financing .column.left-column .headline {
     margin-bottom: 4vw
 }
 
 .financing .column.left-column .box {
     position: relative
 }
 
 .financing .column.left-column .box .holder {
     position: absolute;
     top: 0;
     left: 0;
     padding: 1vw;
     color: #fff
 }
 
 .financing .column.left-column .box .holder h4 {
     font-family: Open Sans Condensed;
     text-transform: uppercase
 }
 
 .financing .column.left-column .box .holder p {
     margin: 0
 }
 
 .financing .column.left-column .box-1 .holder {
     background-color: #79c501
 }
 
 .financing .column.left-column .box-2 .holder {
     width: 150%;
     padding: 1vw 4vw
 }
 
 .financing .column.left-column .box-2 .holder h4 {
     margin-bottom: 1vw
 }
 
 .financing .column.left-column #installment-2 {
     margin-top: 6vw;
     padding: 0 3vw
 }
 
 @media screen and (min-width:48em) {
     .financing .column.left-column #installment-2 {
         padding: 0 3vw;
         margin-top: 0
     }
 }
 
 @media screen and (min-width:62em) {
     .financing .column.left-column #installment-2 {
         padding: 0
     }
 }
 
 .financing .column.left-column #installment-2 p {
     margin: 0
 }
 
 .financing .column.left-column #installment-2 .text-holder {
     position: absolute;
     top: 1vw;
     left: 50%;
     margin-left: 2vw
 }
 
 .financing .column.left-column #installment-2 h4 {
     font-family: Raleway;
     display: block;
     width: 100%;
     margin: .6vw 0
 }
 
 .financing .column.left-column #installment-2 .green h4 {
     color: #79c501
 }
 
 .financing .column.left-column #installment-2 .graph {
     position: relative;
     margin-top: 6vw
 }
 
 .financing .column.left-column #installment-2 .graph svg {
     position: absolute;
     top: 0;
     left: 0
 }
 
 .financing .column.left-column #installment-2 .graph svg.animate #circle-2 {
     stroke-dasharray: 38 282;
     transform: rotate(270deg)
 }
 
 .financing .column.left-column #installment-2 .graph svg circle {
     fill: transparent;
     stroke: #0d2558;
     stroke-width: 24
 }
 
 .financing .column.left-column #installment-2 .graph svg circle#circle-2 {
     stroke: #f9f9f9;
     stroke-dasharray: 0 282;
     transition: all 1s;
     transform-origin: center;
     stroke-width: 25;
     transform: rotate(210deg)
 }
 
 .financing .column.left-column #installment-2 .graph svg .circle {
     border-radius: 50%;
     border: 3vw solid #f2a114;
     position: absolute;
     top: 0;
     left: 0
 }
 
 .financing .column.right-column {
     order: 1
 }
 
 @media screen and (min-width:48em) {
     .financing .column.right-column {
         order: 2
     }
 }
 
 .financing .column.right-column .content,
 .financing .column.right-column .content .scroll-wrap {
     position: relative
 }
 
 .financing .column.right-column #text ul {
     padding-left: 4vw;
     list-style: disc
 }
 
 .financing .column.right-column #calculator-wrapper {
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100%
 }
 
 .financing .column.right-column #calculator-wrapper .footer {
     background: #79c501
 }
 
 .financing .column.right-column #calculator-wrapper .footer a {
     color: #fff
 }
 
 .financing .column.right-column .footer {
     transform: translateZ(0)
 }
 
 .financing .column.right-column .footer .col-xs-6:first-child {
     background: #79c501
 }
 
 .financing .column.right-column .footer .col-xs-6:first-child a {
     color: #fff
 }
 
 .financing .column.right-column .footer .col-xs-6:nth-child(2) {
     background: #fff
 }
 
 .financing .column.right-column .footer .col-xs-6:nth-child(2) a {
     color: #79c501
 }
 
 .financing .column.right-column .footer a {
     display: inline-block;
     border: none!important;
     width: 100%;
     overflow: hidden
 }
 
 .financing .column.right-column .footer a .line {
     display: none
 }
 
 .isIE .svg-graph {
     transform: rotate(-90deg)
 }
 
 .news .header h3,
 .partners .header h3 {
     color: #79c501;
     font-family: Open Sans Condensed;
     padding: 3vw
 }
 
 .news #articles-wrapper,
 .partners #articles-wrapper {
     padding: 0;
     background-color: #dcdcdc;
     overflow: auto;
     overflow-x: hidden
 }
 
 .contact {
     height: 100%;
     overflow: auto;
     overflow-x: hidden!important;
     position: relative;
     min-height: 100%;
     width: 100%
 }
 
 .contact .line {
     position: fixed!important
 }
 
 @media screen and (min-width:48em) {
     .contact .left-col {
         display: flex;
         flex-direction: column
     }
 }
 
 .contact .breadcrumbs {
     width: 12vw;
     position: absolute;
     top: 0;
     z-index: 8;
     background: #fff
 }
 
 .contact .decor-line {
     position: absolute;
     left: 12vw;
     height: 100vh;
     top: 0;
     width: 1px;
     background: rgba(0, 0, 0, .08);
     z-index: 99
 }
 
 .contact .headline-stripe {
     height: 24vw;
     padding-top: 12vw;
     padding-left: 12vw
 }
 
 .contact .headline-stripe .headline-wrapper {
     height: 12vw
 }
 
 @media screen and (min-width:48em) {
     .contact .headline-stripe {
         height: 12vw;
         padding-top: 6vw;
         padding-left: 6vw
     }
     .contact .headline-stripe .headline-wrapper {
         height: 6vw
     }
 }
 
 .contact .columns-wrapper {
     height: 100vh
 }
 
 @media screen and (min-width:48em) {
     .contact .columns-wrapper {
         flex-direction: row-reverse
     }
 }
 
 .contact .columns-wrapper .right-col {
     order: 1
 }
 
 @media (min-width:768px) {
     .contact .columns-wrapper .right-col {
         order: 2;
         min-height: 100vh
     }
 }
 
 .contact .columns-wrapper .left-col {
     order: 2
 }
 
 @media (min-width:768px) {
     .contact .columns-wrapper .left-col {
         order: 1;
         display: flex
     }
 }
 
 @media (min-width:48) {
     .contact {
         overflow: hidden
     }
 }
 
 @media (min-width:768px) {
     .contact .wrapper {
         padding-bottom: 0
     }
 }
 
 .contact .title-holder {
     position: absolute;
     right: 0;
     bottom: 0
 }
 
 .contact .title-holder .hugeTitle {
     display: inline-block;
     transform: rotate(90deg) translateX(0) translateY(70%);
     transform-origin: right bottom;
     font-size: 18vw;
     color: #dcdcdc;
     font-family: Open Sans Condensed;
     z-index: -1
 }
 
 .contact .form-wrapper {
     padding: 6vw 0 6vw 12vw
 }
 
 @media screen and (min-width:48em) {
     .contact .form-wrapper {
         padding: 6vw
     }
 }
 
 @media (min-width:48) {
     .contact .form-wrapper .contactForm {
         overflow: auto
     }
 }
 
 .contact .map-wrapper {
     position: relative
 }
 
 @media (max-width:768px) {
     .contact .map-wrapper {
         display: none
     }
 }
 
 .contact .map-wrapper .map {
     position: absolute
 }
 
 .two-columns-page {
     height: 100%
 }
 
 .two-columns-page .img-stripe {
     width: 6vw;
     height: 100%;
     overflow: hidden;
     position: relative
 }
 
 .two-columns-page .img-stripe video {
     object-fit: cover
 }
 
 @media (max-width:768px) {
     .two-columns-page .img-stripe {
         width: 60px;
         height: 100vh!important;
         top: 0!important
     }
 }
 
 .two-columns-page .columns-wrapper {
     height: 100%
 }
 
 @media screen and (min-width:48em) {
     .two-columns-page .columns-wrapper {
         overflow: auto
     }
 }
 
 .two-columns-page .column {
     position: relative;
     overflow: auto;
     overflow-x: hidden
 }
 
 @media (min-width:768px) {
     .two-columns-page .column {
         height: 100%
     }
 }
 
 .two-columns-page .column .content {
     padding: 3.4vw 3.6vw;
     text-align: justify
 }
 
 @media (min-width:768px) {
     .two-columns-page .column .content {
         overflow: auto
     }
 }
 
 #pricelist-wrapper .pricelist .two-columns-page .column.header,
 .financing .column.left-column .box-2 .two-columns-page .column.holder,
 .two-columns-page #pricelist-wrapper .pricelist .column.header,
 .two-columns-page .column.pattern,
 .two-columns-page .financing .column.left-column .box-2 .column.holder {
     color: #fff
 }
 
 .standards {
     overflow: hidden;
     height: 100%
 }
 
 .standards .black-overlay {
     background: rgba(0, 0, 0, .05)
 }
 
 .standards #backButton {
     min-width: 12vw!important
 }
 
 .standards .inner-wrapper {
     position: absolute
 }
 
 .standards #downloadPdf {
     position: absolute;
     right: 5%;
     z-index: 9;
     top: 20px
 }
 
 .standards .standardsVisual {
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden
 }
 
 .standards .standardsVisual #markers-wrapper {
     position: absolute;
     z-index: 4
 }
 
 .standards .switch-holder.river-watch .handle {
     transform: translateX(0)
 }
 
 .standards .controls {
     position: absolute;
     bottom: 0;
     z-index: 999;
     width: 100%
 }
 
 .standards .controls.top {
     bottom: auto;
     top: 0
 }
 
 .standards .controls .button-holder {
     display: inline-block
 }
 
 .standards .controls .button-holder:last-child .btn {
     border-right: 1px solid #fff
 }
 
 .standards .controls .btn {
     float: left;
     border-right: 0
 }
 
 .standards .content-holder {
     transform: translate3d(10%, 0, 0)
 }
 
 .standards .container-fluid {
     overflow: hidden
 }
 
 .standards .marker-container {
     position: relative
 }
 
 .standards .content {
     transform: translate3d(100%, 0, 0);
     background: #fff;
     z-index: 2;
     position: relative
 }
 
 .standards .visual {
     z-index: 1
 }
 
 .standards .visual .visual-holder {
     height: 100vh;
     width: 100vw;
     overflow: hidden
 }
 
 .standards .btn-wrapper {
     position: absolute;
     bottom: 0;
     z-index: 10;
     right: 12vw
 }
 
 .standards .back-wrapper {
     left: 0;
     right: auto
 }
 
 .properties {
     width: 100%;
     height: 100%
 }
 
 .properties #navigator-wrapper,
 .properties .section-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     display: none
 }
 
 .properties .main-breadcrumbs {
     position: absolute;
     top: 0;
     left: 3vw
 }
 
 .properties .line {
     position: fixed
 }
 
 .properties .line--1 {
     left: 21vw
 }
 
 .properties .line--2 {
     right: 12vw
 }
 
 .properties .line--3 {
     left: 50vw
 }
 
 .properties .line--4 {
     right: 6vw
 }
 
 .properties #left-column {
     position: absolute;
     transform: translateY(100%);
     z-index: 9
 }
 
 @media screen and (min-width:48em) {
     .properties #left-column {
         position: relative;
         transform: none
     }
 }
 
 .properties .footer {
     text-decoration: none;
     transition: color .3s;
     width: 100%;
     padding: 1.2vw 3vw;
     position: relative
 }
 
 .properties .footer .info {
     color: #515151
 }
 
 .properties .footer .fake {
     text-transform: uppercase;
     font-family: Raleway
 }
 
 .properties .footer .line {
     position: absolute;
     bottom: 100%;
     left: 0;
     width: 160%
 }
 
 .properties .footer .bookTour,
 .properties .footer .navigatorBackButton {
     position: absolute;
     height: 100%;
     display: block;
     top: 0;
     left: 0;
     z-index: 100
 }
 
 .properties .footer .bookTour .hover,
 .properties .footer .bookTour .text,
 .properties .footer .navigatorBackButton .hover,
 .properties .footer .navigatorBackButton .text {
     height: 100%;
     padding: 0 4vw;
     display: flex;
     align-items: center
 }
 
 .properties .footer .bookTour .hover .inner,
 .properties .footer .bookTour .text .inner,
 .properties .footer .navigatorBackButton .hover .inner,
 .properties .footer .navigatorBackButton .text .inner {
     height: auto
 }
 
 .properties .footer .navigatorBackButton {
     right: 0;
     left: auto
 }
 
 .properties #navigator-wrapper {
     z-index: 3;
     position: fixed;
     height: calc(100% - 6vw);
     width: calc(100% - 21vw);
     left: 21vw;
     top: 6vw;
     margin-top: 1px;
     display: block;
     overflow: hidden
 }
 
 .properties #navigator-wrapper,
 .properties #pricelist-wrapper {
     will-change: opacity;
     visibility: hidden
 }
 
 .properties .properties-wrapper {
     overflow: hidden;
     height: 100%;
     position: fixed;
     top: 0;
     width: 100%
 }
 
 .properties .properties-wrapper .controls {
     height: 12vw;
     width: 100%;
     z-index: 9;
     text-transform: uppercase
 }
 
 @media screen and (min-width:48em) {
     .properties .properties-wrapper .controls {
         height: 6vw
     }
 }
 
 .properties .properties-wrapper .controls .icon-link {
     color: #0d2558;
     transition: all .4s
 }
 
 .properties .properties-wrapper .controls .icon-link img,
 .properties .properties-wrapper .controls .icon-link span,
 .properties .properties-wrapper .controls .icon-link svg {
     margin-right: .5vw;
     height: .8em
 }
 
 .properties .properties-wrapper .controls .icon-link svg {
     width: 20px
 }
 
 .properties .properties-wrapper .controls .icon-link path {
     transition: fill .4s
 }
 
 .properties .properties-wrapper .navigator-controls {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 999
 }
 
 .properties .properties-wrapper .navigator-controls .btn {
     float: left;
     border-right: none;
     z-index: 4;
     min-width: 50%
 }
 
 .properties.navigator-state .switch-holder .switch-bar .handle {
     transform: translateX(100%)
 }
 
 .gallery.mobile {
     position: fixed!important;
     height: 100%;
     overflow: hidden
 }
 
 .gallery.mobile .gallery-holder {
     width: 200%;
     display: flex;
     height: 100%
 }
 
 .gallery.mobile .gallery-holder .gallery-container {
     width: 50%
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper {
     display: flex;
     flex: 1;
     flex-direction: column
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper .gallery-item {
     font-size: 0
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper .gallery-item img {
     width: 100%
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper #images-holder {
     overflow: auto
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper .footer {
     background: #fff
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper .footer .title-holder {
     padding: 12px;
     text-align: right;
     padding: 12px 13px 8px 0
 }
 
 .gallery.mobile .gallery-holder .gallery-wrapper .footer .btn {
     display: flex
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper {
     display: flex;
     flex-direction: column
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper .galleryNavItem {
     position: relative;
     display: flex
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper .galleryNavItem .background-image {
     position: absolute;
     background-size: cover;
     background-position: 50%;
     width: 100%;
     height: 100%
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper .galleryNavItem a {
     font-size: 0;
     display: block;
     flex: 1;
     position: relative
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper .galleryNavItem a .innerTxt {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     color: #fff;
     font-family: Raleway;
     transform: translate3d(-50%, -50%, 0);
     font-size: 24px;
     font-weight: 700;
     text-transform: uppercase;
     z-index: 99
 }
 
 .gallery.mobile .gallery-holder .galleries-wrapper .galleryNavItem a:after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .5)
 }
 
 [data-scrollbar],
 [scrollbar],
 scrollbar {
     display: block;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
 }
 
 [data-scrollbar] .scroll-content,
 [scrollbar] .scroll-content,
 scrollbar .scroll-content {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     will-change: transform
 }
 
 [data-scrollbar].sticky .scrollbar-track,
 [scrollbar].sticky .scrollbar-track,
 scrollbar.sticky .scrollbar-track {
     background: hsla(0, 0%, 87%, .75)
 }
 
 [data-scrollbar] .scrollbar-track,
 [scrollbar] .scrollbar-track,
 scrollbar .scrollbar-track {
     position: absolute;
     opacity: 0;
     z-index: 1;
     -webkit-transition: opacity .5s ease-out, background .5s ease-out;
     transition: opacity .5s ease-out, background .5s ease-out;
     background: none
 }
 
 [data-scrollbar] .scrollbar-track.show,
 [data-scrollbar] .scrollbar-track:hover,
 [scrollbar] .scrollbar-track.show,
 [scrollbar] .scrollbar-track:hover,
 scrollbar .scrollbar-track.show,
 scrollbar .scrollbar-track:hover {
     opacity: 1
 }
 
 [data-scrollbar] .scrollbar-track:hover,
 [scrollbar] .scrollbar-track:hover,
 scrollbar .scrollbar-track:hover {
     background: hsla(0, 0%, 87%, .75)
 }
 
 [data-scrollbar] .scrollbar-track-x,
 [scrollbar] .scrollbar-track-x,
 scrollbar .scrollbar-track-x {
     bottom: 0;
     left: 0;
     width: 100%;
     height: 8px
 }
 
 [data-scrollbar] .scrollbar-track-y,
 [scrollbar] .scrollbar-track-y,
 scrollbar .scrollbar-track-y {
     top: 0;
     right: 0;
     width: 3px;
     height: 100%
 }
 
 [data-scrollbar] .scrollbar-thumb,
 [scrollbar] .scrollbar-thumb,
 scrollbar .scrollbar-thumb {
     position: absolute;
     top: 0;
     left: 0;
     width: 3px;
     height: 3px;
     background: rgba(0, 0, 0, .5);
     border-radius: 0
 }
 
 [data-scrollbar] .overscroll-glow,
 [scrollbar] .overscroll-glow,
 scrollbar .overscroll-glow {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .scrollbar-thumb {
     width: 3px!important;
     border-radius: 0!important;
     background: #f2a114!important
 }
 
 x-object-fit {
     position: relative!important;
     display: inline-block!important
 }
 
 x-object-fit>.x-object-fit-taller,
 x-object-fit>.x-object-fit-wider {
     position: absolute!important;
     left: -100%!important;
     right: -100%!important;
     top: -100%!important;
     bottom: -100%!important;
     margin: auto!important
 }
 
 .x-object-fit-none>.x-object-fit-taller,
 .x-object-fit-none>.x-object-fit-wider {
     width: auto!important;
     height: auto!important
 }
 
 .x-object-fit-fill>.x-object-fit-taller,
 .x-object-fit-fill>.x-object-fit-wider {
     width: 100%!important;
     height: 100%!important
 }
 
 .x-object-fit-contain>.x-object-fit-taller {
     width: auto!important;
     height: 100%!important
 }
 
 .x-object-fit-contain>.x-object-fit-wider {
     width: 100%!important;
     height: auto!important
 }
 
 .x-object-fit-cover>.x-object-fit-taller,
 .x-object-fit-cover>.x-object-fit-wider {
     max-width: none!important;
     max-height: none!important
 }
 
 .x-object-fit-cover>.x-object-fit-taller {
     width: 100%!important;
     height: auto!important;
     max-width: none!important
 }
 
 .x-object-fit-cover>.x-object-fit-wider {
     width: auto!important;
     height: 100%!important;
     max-width: none!important
 }
 
 .x-object-position-top>.x-object-fit-taller,
 .x-object-position-top>.x-object-fit-wider {
     top: 0!important;
     bottom: auto!important
 }
 
 .x-object-position-right>.x-object-fit-taller,
 .x-object-position-right>.x-object-fit-wider {
     left: auto!important;
     right: 0!important
 }
 
 .x-object-position-bottom>.x-object-fit-taller,
 .x-object-position-bottom>.x-object-fit-wider {
     top: auto!important;
     bottom: 0!important
 }
 
 .x-object-position-left>.x-object-fit-taller,
 .x-object-position-left>.x-object-fit-wider {
     left: 0!important;
     right: auto!important
 }
 
 .fontSize09,
 .hero #scrollDown,
 .hero .boxes-wrapper .box .box-content h4,
 .hero .boxes-wrapper .box .box-content p {
     font-size: .8vw
 }
 
 @media (max-width:1200px) {
     .fontSize09,
     .hero #scrollDown,
     .hero .boxes-wrapper .box .box-content h4,
     .hero .boxes-wrapper .box .box-content p {
         font-size: 12px
     }
 }
 
 @media (max-width:768px) {
     .fontSize09,
     .hero #scrollDown,
     .hero .boxes-wrapper .box .box-content h4,
     .hero .boxes-wrapper .box .box-content p {
         font-size: 11px
     }
 }
 
 .fontSize4,
 .hero .big-headline h2 {
     font-size: 3.45vw;
     letter-spacing: .04em
 }
 
 @media (max-width:1200px) {
     .fontSize4,
     .hero .big-headline h2 {
         font-size: 38px
     }
 }
 
 #mobile-message {
     position: absolute;
     white-space: nowrap;
     left: 100%;
     transform: rotate(90deg) translateY(100%) translateZ(0);
     transform-origin: left;
     top: 0;
     z-index: 99;
     pointer-events: none;
     color: #fff;
     color: hsla(0, 0%, 100%, .8);
     font-family: Open Sans Condensed;
     text-transform: uppercase;
     word-spacing: .4em
 }
 
 #hero-wrapper {
     height: 100vh
 }
 
 .hero {
     width: 100%;
     height: 100%;
     color: #fff;
     overflow: hidden
 }
 
 .hero #scrollDown {
     position: absolute;
     left: 2vw;
     transform: rotate(-90deg) translateX(50%) translateZ(0);
     text-transform: uppercase;
     font-family: Raleway;
     bottom: .75vw;
     white-space: nowrap;
     display: none
 }
 
 @media screen and (min-width:48em) {
     .hero #scrollDown {
         display: block
     }
 }
 
 .hero .videos-wrapper {
     overflow: hidden
 }
 
 .hero .content-container {
     padding: 3vw 0
 }
 
 .hero .content-container.border--l {
     padding: 6vw 0
 }
 
 .hero .big-headline {
     text-transform: uppercase
 }
 
 .hero .big-headline h2 {
     margin-left: -.05em
 }
 
 .hero #overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(0, 0, 0, .4);
     z-index: 2
 }
 
 .hero .decor-wrapper {
     z-index: 2
 }
 
 .hero #decor-logo {
     position: absolute;
     top: 95%;
     transform: rotate(-90deg) translateY(40%) translateX(0) translateZ(0);
     transform-origin: left;
     opacity: .1;
     height: 24vw
 }
 
 .hero .btn {
     margin-top: 2rem;
     margin-bottom: 3rem
 }
 
 .hero .container-fluid {
     position: relative;
     z-index: 9
 }
 
 .hero .scene-container {
     flex-direction: column-reverse
 }
 
 @media screen and (min-width:48em) {
     .hero .scene-container {
         flex-direction: row
     }
 }
 
 .hero .boxes-wrapper {
     width: calc(100% - 6vw)
 }
 
 .hero .boxes-wrapper .box {
     border: 3px solid #fff;
     position: relative;
     overflow: hidden
 }
 
 .hero .boxes-wrapper .box--1 {
     left: 3px;
     top: 3px
 }
 
 .hero .boxes-wrapper .box .bg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #fff;
     transform: translateY(100%) translateZ(0);
     transition: transform .6s ease;
     z-index: -1;
     will-change: transform
 }
 
 .hero .boxes-wrapper .box .box-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 1rem
 }
 
 .hero .boxes-wrapper .box .box-content h4 {
     margin: 0;
     text-transform: uppercase;
     line-height: 1.4;
     transition: color .4s;
     width: 100%;
     left: 0
 }
 
 .hero .boxes-wrapper .box .box-content p {
     margin: 0;
     line-height: 1.2;
     opacity: 0;
     transition: all .4s;
     margin-top: .5rem;
     transform: translateY(10px) translateZ(0)
 }
 
 .hero .boxes-wrapper .box .box-content .outer {
     position: relative;
     transform: translateY(100%) translateZ(0);
     transition: transform .6s ease;
     will-change: transform
 }
 
 .hero .boxes-wrapper .box .box-content .outer h4 {
     position: absolute;
     bottom: 100%
 }
 
 .hero .boxes-wrapper .box:hover .upper h4 {
     transition-delay: .4s
 }
 
 .hero .boxes-wrapper .box:hover .bg {
     transform: translateY(0) translateZ(0)
 }
 
 .hero .boxes-wrapper .box:hover h4,
 .hero .boxes-wrapper .box:hover p {
     color: #0d2558
 }
 
 .hero .boxes-wrapper .box:hover .outer {
     transition-delay: .1s;
     transform: translateY(0) translateZ(0)
 }
 
 .hero .boxes-wrapper .box:hover p {
     transition-delay: .5s;
     opacity: 1;
     transform: translateY(0) translateZ(0)
 }
 
 .hero-item {
     position: absolute;
     width: 100%;
     height: 100%;
     will-change: transform, opacity
 }
 
 .hero-item video {
     position: absolute;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     top: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     background-size: cover;
     will-change: opacity, transform
 }
 
 .fontSize07,
 .video-section .vert-text {
     font-size: .7vw
 }
 
 @media (max-width:1200px) {
     .fontSize07,
     .video-section .vert-text {
         font-size: 10px
     }
 }
 
 @media (max-width:768px) {
     .fontSize07,
     .video-section .vert-text {
         font-size: 10px
     }
 }
 
 .video-section {
     display: flex;
     justify-content: center;
     background: #fff;
     overflow: hidden;
     padding-bottom: 9vw;
     padding-top: 9vw
 }
 
 .video-section,
 .video-section .video-holder {
     position: relative
 }
 
 @media screen and (min-width:48em) {
     .video-section .video-holder {
         padding-left: 9vw
     }
 }
 
 .video-section h3 {
     text-transform: capitalize
 }
 
 .video-section .vert-text {
     margin: 0;
     transform: translateX(0) translateY(0) rotate(-90deg) translateZ(0);
     text-transform: uppercase;
     transform-origin: left bottom;
     margin-left: calc(4.5vw + .5em);
     line-height: 1;
     font-family: Raleway
 }
 
 .video-section .scrollDown-wrapper {
     left: 0;
     bottom: 0;
     position: absolute
 }
 
 .video-section .decor-line {
     margin-left: -1px;
     top: 0
 }
 
 .video-section .parallax-holder {
     height: 100%
 }
 
 .video-section .home-video-wrapper {
     position: relative;
     z-index: 12;
     width: 100%
 }
 
 .video-section .subheadline {
     padding-bottom: 3vw;
     margin: 0;
     text-transform: uppercase
 }
 
 .video-section .decor-img {
     width: 28%;
     position: absolute;
     left: -2vw;
     bottom: 2vw;
     min-width: 320px
 }
 
 .video-section .caption {
     top: 0;
     left: 100%;
     transform: rotate(90deg) translate3d(0, -100%, 0);
     font-family: Open Sans Condensed;
     text-transform: uppercase;
     transform-origin: left top
 }
 
 .video-section .parallax-wrapper {
     padding-top: 56.25%
 }
 
 .video-section .home-video-player-dimensions.vjs-fluid {
     padding-top: 0
 }
 
 .video-section video {
     object-fit: cover
 }
 
 .video-js .vjs-big-play-button:before,
 .video-js .vjs-control:before,
 .video-js .vjs-modal-dialog,
 .vjs-modal-dialog .vjs-modal-dialog-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .video-js .vjs-big-play-button:before,
 .video-js .vjs-control:before {
     text-align: center
 }
 
 .video-js .vjs-big-play-button,
 .video-js .vjs-play-control,
 .vjs-icon-play {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-big-play-button:before,
 .video-js .vjs-play-control:before,
 .vjs-icon-play:before {
     content: "\F101"
 }
 
 .vjs-icon-play-circle {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-play-circle:before {
     content: "\F102"
 }
 
 .video-js .vjs-play-control.vjs-playing,
 .vjs-icon-pause {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-play-control.vjs-playing:before,
 .vjs-icon-pause:before {
     content: "\F103"
 }
 
 .video-js .vjs-mute-control.vjs-vol-0,
 .video-js .vjs-volume-menu-button.vjs-vol-0,
 .vjs-icon-volume-mute {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-mute-control.vjs-vol-0:before,
 .video-js .vjs-volume-menu-button.vjs-vol-0:before,
 .vjs-icon-volume-mute:before {
     content: "\F104"
 }
 
 .video-js .vjs-mute-control.vjs-vol-1,
 .video-js .vjs-volume-menu-button.vjs-vol-1,
 .vjs-icon-volume-low {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-mute-control.vjs-vol-1:before,
 .video-js .vjs-volume-menu-button.vjs-vol-1:before,
 .vjs-icon-volume-low:before {
     content: "\F105"
 }
 
 .video-js .vjs-mute-control.vjs-vol-2,
 .video-js .vjs-volume-menu-button.vjs-vol-2,
 .vjs-icon-volume-mid {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-mute-control.vjs-vol-2:before,
 .video-js .vjs-volume-menu-button.vjs-vol-2:before,
 .vjs-icon-volume-mid:before {
     content: "\F106"
 }
 
 .video-js .vjs-mute-control,
 .video-js .vjs-volume-menu-button,
 .vjs-icon-volume-high {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-mute-control:before,
 .video-js .vjs-volume-menu-button:before,
 .vjs-icon-volume-high:before {
     content: "\F107"
 }
 
 .video-js .vjs-fullscreen-control,
 .vjs-icon-fullscreen-enter {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-fullscreen-control:before,
 .vjs-icon-fullscreen-enter:before {
     content: "\F108"
 }
 
 .video-js.vjs-fullscreen .vjs-fullscreen-control,
 .vjs-icon-fullscreen-exit {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js.vjs-fullscreen .vjs-fullscreen-control:before,
 .vjs-icon-fullscreen-exit:before {
     content: "\F109"
 }
 
 .vjs-icon-square {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-square:before {
     content: "\F10A"
 }
 
 .vjs-icon-spinner {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-spinner:before {
     content: "\F10B"
 }
 
 .video-js .vjs-subtitles-button,
 .vjs-icon-subtitles {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-subtitles-button:before,
 .vjs-icon-subtitles:before {
     content: "\F10C"
 }
 
 .video-js .vjs-captions-button,
 .vjs-icon-captions {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-captions-button:before,
 .vjs-icon-captions:before {
     content: "\F10D"
 }
 
 .video-js .vjs-chapters-button,
 .vjs-icon-chapters {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-chapters-button:before,
 .vjs-icon-chapters:before {
     content: "\F10E"
 }
 
 .vjs-icon-share {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-share:before {
     content: "\F10F"
 }
 
 .vjs-icon-cog {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-cog:before {
     content: "\F110"
 }
 
 .video-js .vjs-mouse-display,
 .video-js .vjs-play-progress,
 .video-js .vjs-volume-level,
 .vjs-icon-circle {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-mouse-display:before,
 .video-js .vjs-play-progress:before,
 .video-js .vjs-volume-level:before,
 .vjs-icon-circle:before {
     content: "\F111"
 }
 
 .vjs-icon-circle-outline {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-circle-outline:before {
     content: "\F112"
 }
 
 .vjs-icon-circle-inner-circle {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-circle-inner-circle:before {
     content: "\F113"
 }
 
 .vjs-icon-hd {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-hd:before {
     content: "\F114"
 }
 
 .video-js .vjs-control.vjs-close-button,
 .vjs-icon-cancel {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-control.vjs-close-button:before,
 .vjs-icon-cancel:before {
     content: "\F115"
 }
 
 .vjs-icon-replay {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-replay:before {
     content: "\F116"
 }
 
 .vjs-icon-facebook {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-facebook:before {
     content: "\F117"
 }
 
 .vjs-icon-gplus {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-gplus:before {
     content: "\F118"
 }
 
 .vjs-icon-linkedin {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-linkedin:before {
     content: "\F119"
 }
 
 .vjs-icon-twitter {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-twitter:before {
     content: "\F11A"
 }
 
 .vjs-icon-tumblr {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-tumblr:before {
     content: "\F11B"
 }
 
 .vjs-icon-pinterest {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .vjs-icon-pinterest:before {
     content: "\F11C"
 }
 
 .video-js .vjs-descriptions-button,
 .vjs-icon-audio-description {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-descriptions-button:before,
 .vjs-icon-audio-description:before {
     content: "\F11D"
 }
 
 .video-js .vjs-audio-button,
 .vjs-icon-audio {
     font-family: VideoJS;
     font-weight: 400;
     font-style: normal
 }
 
 .video-js .vjs-audio-button:before,
 .vjs-icon-audio:before {
     content: "\F11E"
 }
 
 .video-js {
     display: block;
     vertical-align: top;
     box-sizing: border-box;
     color: #fff;
     background-color: #000;
     position: relative;
     padding: 0;
     font-size: 10px;
     line-height: 1;
     font-weight: 400;
     font-style: normal;
     font-family: Arial, Helvetica, sans-serif;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .video-js:-moz-full-screen {
     position: absolute
 }
 
 .video-js:-webkit-full-screen {
     width: 100%!important;
     height: 100%!important
 }
 
 .video-js *,
 .video-js:after,
 .video-js:before {
     box-sizing: inherit
 }
 
 .video-js ul {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
     list-style-position: outside;
     margin: 0
 }
 
 .video-js.vjs-4-3,
 .video-js.vjs-16-9,
 .video-js.vjs-fluid {
     width: 100%;
     max-width: 100%;
     height: 100%
 }
 
 .video-js.vjs-4-3 {
     padding-top: 75%
 }
 
 .video-js.vjs-fill,
 .video-js .vjs-tech {
     width: 100%;
     height: 100%
 }
 
 .video-js .vjs-tech {
     position: absolute;
     top: 0;
     left: 0
 }
 
 body.vjs-full-window {
     padding: 0;
     margin: 0;
     height: 100%;
     overflow-y: auto
 }
 
 .vjs-full-window .video-js.vjs-fullscreen {
     position: fixed;
     overflow: hidden;
     z-index: 1000;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0
 }
 
 .video-js.vjs-fullscreen {
     width: 100%!important;
     height: 100%!important;
     padding-top: 0!important
 }
 
 .video-js.vjs-fullscreen.vjs-user-inactive {
     cursor: none
 }
 
 .vjs-hidden {
     display: none!important
 }
 
 .vjs-disabled {
     opacity: .5;
     cursor: default
 }
 
 .video-js .vjs-offscreen {
     height: 1px;
     left: -9999px;
     position: absolute;
     top: 0;
     width: 1px
 }
 
 .vjs-lock-showing {
     display: block!important;
     opacity: 1;
     visibility: visible
 }
 
 .vjs-no-js {
     padding: 20px;
     color: #fff;
     background-color: #000;
     font-size: 18px;
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     width: 300px;
     height: 150px;
     margin: 0 auto
 }
 
 .vjs-no-js a,
 .vjs-no-js a:visited {
     color: #66a8cc
 }
 
 .video-js .vjs-big-play-button {
     font-size: 3em;
     line-height: 1.5em;
     height: 1.5em;
     width: 3em;
     display: block;
     position: absolute;
     top: 10px;
     left: 10px;
     padding: 0;
     cursor: pointer;
     opacity: 1;
     border: .06666em solid #fff;
     background-color: #2b333f;
     background-color: hsla(0, 0%, 100%, .7);
     border-radius: .3em;
     -webkit-transition: all .4s;
     transition: all .4s
 }
 
 .vjs-big-play-centered .vjs-big-play-button {
     top: 50%;
     left: 50%;
     margin-top: -.75em;
     margin-left: -1.5em
 }
 
 .video-js .vjs-big-play-button:focus,
 .video-js:hover .vjs-big-play-button {
     outline: 0;
     border-color: #fff;
     background-color: #73859f;
     background-color: hsla(0, 0%, 100%, .5);
     -webkit-transition: all 0s;
     transition: all 0s
 }
 
 .vjs-controls-disabled .vjs-big-play-button,
 .vjs-error .vjs-big-play-button,
 .vjs-has-started .vjs-big-play-button,
 .vjs-using-native-controls .vjs-big-play-button {
     display: none
 }
 
 .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
     display: block
 }
 
 .video-js button {
     background: none;
     border: none;
     color: inherit;
     display: inline-block;
     overflow: visible;
     font-size: inherit;
     line-height: inherit;
     text-transform: none;
     text-decoration: none;
     transition: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }
 
 .video-js .vjs-control.vjs-close-button {
     cursor: pointer;
     height: 3em;
     position: absolute;
     right: 0;
     top: .5em;
     z-index: 2
 }
 
 .vjs-menu-button {
     cursor: pointer
 }
 
 .vjs-menu-button.vjs-disabled {
     cursor: default
 }
 
 .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
     display: none
 }
 
 .vjs-menu .vjs-menu-content {
     display: block;
     padding: 0;
     margin: 0;
     overflow: auto;
     font-family: Arial, Helvetica, sans-serif
 }
 
 .vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
     display: none
 }
 
 .vjs-menu li {
     list-style: none;
     margin: 0;
     padding: .2em 0;
     line-height: 1.4em;
     font-size: 1.2em;
     text-align: center;
     text-transform: lowercase
 }
 
 .vjs-menu li.vjs-menu-item:focus,
 .vjs-menu li.vjs-menu-item:hover {
     outline: 0;
     background-color: #73859f;
     background-color: rgba(115, 133, 159, .5)
 }
 
 .vjs-menu li.vjs-selected,
 .vjs-menu li.vjs-selected:focus,
 .vjs-menu li.vjs-selected:hover {
     background-color: #fff;
     color: #2b333f
 }
 
 .vjs-menu li.vjs-menu-title {
     text-align: center;
     text-transform: uppercase;
     font-size: 1em;
     line-height: 2em;
     padding: 0;
     margin: 0 0 .3em;
     font-weight: 700;
     cursor: default
 }
 
 .vjs-menu-button-popup .vjs-menu {
     display: none;
     position: absolute;
     bottom: 0;
     width: 10em;
     left: -3em;
     height: 0;
     margin-bottom: 1.5em;
     border-top-color: rgba(43, 51, 63, .7)
 }
 
 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
     background-color: #2b333f;
     background-color: rgba(43, 51, 63, .7);
     position: absolute;
     width: 100%;
     bottom: 1.5em;
     max-height: 15em
 }
 
 .vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
 .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
     display: block
 }
 
 .video-js .vjs-menu-button-inline {
     -webkit-transition: all .4s;
     transition: all .4s;
     overflow: hidden
 }
 
 .video-js .vjs-menu-button-inline:before {
     width: 2.222222222em
 }
 
 .video-js .vjs-menu-button-inline.vjs-slider-active,
 .video-js .vjs-menu-button-inline:focus,
 .video-js .vjs-menu-button-inline:hover,
 .video-js.vjs-no-flex .vjs-menu-button-inline {
     width: 12em
 }
 
 .video-js .vjs-menu-button-inline.vjs-slider-active {
     -webkit-transition: none;
     transition: none
 }
 
 .vjs-menu-button-inline .vjs-menu {
     opacity: 0;
     height: 100%;
     width: auto;
     position: absolute;
     left: 4em;
     top: 0;
     padding: 0;
     margin: 0;
     -webkit-transition: all .4s;
     transition: all .4s
 }
 
 .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
 .vjs-menu-button-inline:focus .vjs-menu,
 .vjs-menu-button-inline:hover .vjs-menu {
     display: block;
     opacity: 1
 }
 
 .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
     display: block;
     opacity: 1;
     position: relative;
     width: auto
 }
 
 .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
 .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
 .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
     width: auto
 }
 
 .vjs-menu-button-inline .vjs-menu-content {
     width: auto;
     height: 100%;
     margin: 0;
     overflow: hidden
 }
 
 .video-js .vjs-control-bar {
     display: none;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 3em;
     background-color: #2b333f;
     background-color: rgba(43, 51, 63, .7)
 }
 
 .vjs-has-started .vjs-control-bar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     visibility: visible;
     opacity: 1;
     -webkit-transition: visibility .1s, opacity .1s;
     transition: visibility .1s, opacity .1s
 }
 
 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
     visibility: visible;
     opacity: 0;
     -webkit-transition: visibility 1s, opacity 1s;
     transition: visibility 1s, opacity 1s
 }
 
 .vjs-controls-disabled .vjs-control-bar,
 .vjs-error .vjs-control-bar,
 .vjs-using-native-controls .vjs-control-bar {
     display: none!important
 }
 
 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
     opacity: 1;
     visibility: visible
 }
 
 .vjs-has-started.vjs-no-flex .vjs-control-bar {
     display: table
 }
 
 .video-js .vjs-control {
     outline: none;
     position: relative;
     text-align: center;
     margin: 0;
     padding: 0;
     height: 100%;
     width: 4em;
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none
 }
 
 .video-js .vjs-control:before {
     font-size: 1.8em;
     line-height: 1.67
 }
 
 .video-js .vjs-control:focus,
 .video-js .vjs-control:focus:before,
 .video-js .vjs-control:hover:before {
     text-shadow: 0 0 1em #fff
 }
 
 .video-js .vjs-control-text {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }
 
 .vjs-no-flex .vjs-control {
     display: table-cell;
     vertical-align: middle
 }
 
 .video-js .vjs-custom-control-spacer {
     display: none
 }
 
 .video-js .vjs-progress-control {
     -webkit-box-flex: auto;
     -ms-flex: auto;
     flex: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-width: 4em
 }
 
 .vjs-live .vjs-progress-control {
     display: none
 }
 
 .video-js .vjs-progress-holder {
     -webkit-box-flex: auto;
     -ms-flex: auto;
     flex: auto;
     -webkit-transition: all .2s;
     transition: all .2s;
     height: .3em
 }
 
 .video-js .vjs-progress-control:hover .vjs-progress-holder {
     font-size: 1.6666666666666667em
 }
 
 .video-js .vjs-progress-control:hover .vjs-mouse-display:after,
 .video-js .vjs-progress-control:hover .vjs-play-progress:after,
 .video-js .vjs-progress-control:hover .vjs-time-tooltip {
     font-family: Arial, Helvetica, sans-serif;
     visibility: visible;
     font-size: .6em
 }
 
 .video-js .vjs-progress-holder .vjs-load-progress,
 .video-js .vjs-progress-holder .vjs-load-progress div,
 .video-js .vjs-progress-holder .vjs-play-progress,
 .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
     position: absolute;
     display: block;
     height: .3em;
     margin: 0;
     padding: 0;
     width: 0;
     left: 0;
     top: 0
 }
 
 .video-js .vjs-mouse-display:before {
     display: none
 }
 
 .video-js .vjs-play-progress {
     background-color: #fff
 }
 
 .video-js .vjs-play-progress:before {
     position: absolute;
     top: -.333333333333333em;
     right: -.5em;
     font-size: .9em
 }
 
 .video-js .vjs-mouse-display:after,
 .video-js .vjs-play-progress:after,
 .video-js .vjs-time-tooltip {
     visibility: hidden;
     pointer-events: none;
     position: absolute;
     top: -3.4em;
     right: -1.9em;
     font-size: .9em;
     color: #000;
     content: attr(data-current-time);
     padding: 6px 8px 8px;
     background-color: #fff;
     background-color: hsla(0, 0%, 100%, .8);
     border-radius: .3em
 }
 
 .video-js .vjs-play-progress:after,
 .video-js .vjs-play-progress:before,
 .video-js .vjs-time-tooltip {
     z-index: 1
 }
 
 .video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
     display: none
 }
 
 .video-js .vjs-load-progress {
     background: #bfc7d3;
     background: rgba(115, 133, 159, .5)
 }
 
 .video-js .vjs-load-progress div {
     background: #fff;
     background: rgba(115, 133, 159, .75)
 }
 
 .video-js.vjs-no-flex .vjs-progress-control {
     width: auto
 }
 
 .video-js .vjs-time-tooltip {
     display: inline-block;
     height: 2.4em;
     position: relative;
     float: right;
     right: -1.9em
 }
 
 .vjs-tooltip-progress-bar {
     visibility: hidden
 }
 
 .video-js .vjs-progress-control .vjs-mouse-display {
     display: none;
     position: absolute;
     width: 1px;
     height: 100%;
     background-color: #000;
     z-index: 1
 }
 
 .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
     z-index: 0
 }
 
 .video-js .vjs-progress-control:hover .vjs-mouse-display {
     display: block
 }
 
 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
     visibility: hidden;
     opacity: 0;
     -webkit-transition: visibility 1s, opacity 1s;
     transition: visibility 1s, opacity 1s
 }
 
 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
     display: none
 }
 
 .video-js .vjs-progress-control .vjs-mouse-display:after,
 .vjs-mouse-display .vjs-time-tooltip {
     color: #fff;
     background-color: #000;
     background-color: rgba(0, 0, 0, .8)
 }
 
 .video-js .vjs-slider {
     outline: 0;
     position: relative;
     cursor: pointer;
     padding: 0;
     margin: 0 .45em;
     background-color: #2f2f2f
 }
 
 .video-js .vjs-slider:focus {
     text-shadow: 0 0 1em #fff;
     box-shadow: 0 0 1em #fff
 }
 
 .video-js .vjs-mute-control,
 .video-js .vjs-volume-menu-button {
     cursor: pointer;
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none
 }
 
 .video-js .vjs-volume-control {
     width: 5em;
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }
 
 .video-js .vjs-volume-bar {
     margin: 1.35em .45em
 }
 
 .vjs-volume-bar.vjs-slider-horizontal {
     width: 5em;
     height: .3em
 }
 
 .vjs-volume-bar.vjs-slider-vertical {
     width: .3em;
     height: 5em;
     margin: 1.35em auto
 }
 
 .video-js .vjs-volume-level {
     position: absolute;
     bottom: 0;
     left: 0;
     background-color: #fff
 }
 
 .video-js .vjs-volume-level:before {
     position: absolute;
     font-size: .9em
 }
 
 .vjs-slider-vertical .vjs-volume-level {
     width: .3em
 }
 
 .vjs-slider-vertical .vjs-volume-level:before {
     top: -.5em;
     left: -.3em
 }
 
 .vjs-slider-horizontal .vjs-volume-level {
     height: .3em
 }
 
 .vjs-slider-horizontal .vjs-volume-level:before {
     top: -.3em;
     right: -.5em
 }
 
 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
     height: 100%
 }
 
 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
     width: 100%
 }
 
 .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
     display: block;
     width: 0;
     height: 0;
     border-top-color: transparent
 }
 
 .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
     left: .5em;
     height: 8em
 }
 
 .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
     left: -2em
 }
 
 .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
     height: 0;
     width: 0;
     overflow-x: hidden;
     overflow-y: hidden
 }
 
 .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,
 .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
 .vjs-volume-menu-button-vertical:focus .vjs-menu-content,
 .vjs-volume-menu-button-vertical:hover .vjs-menu-content {
     height: 8em;
     width: 2.9em
 }
 
 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,
 .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
 .vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
 .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
     height: 2.9em;
     width: 8em
 }
 
 .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
     background-color: transparent!important
 }
 
 .vjs-poster {
     display: inline-block;
     vertical-align: middle;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-size: cover;
     background-color: #000;
     cursor: pointer;
     margin: 0;
     padding: 0;
     right: 0;
     bottom: 0
 }
 
 .vjs-poster,
 .vjs-poster:after {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%
 }
 
 .vjs-poster:after {
     content: "";
     display: block;
     width: 100%;
     background: rgba(0, 0, 0, .4);
     pointer-events: none
 }
 
 .vjs-poster img {
     display: block;
     vertical-align: middle;
     margin: 0 auto;
     max-height: 100%;
     padding: 0;
     width: 100%
 }
 
 .vjs-has-started .vjs-poster {
     display: none
 }
 
 .vjs-audio.vjs-has-started .vjs-poster {
     display: block
 }
 
 .vjs-using-native-controls .vjs-poster {
     display: none
 }
 
 .video-js .vjs-live-control {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: flex-start;
     -ms-flex-align: flex-start;
     align-items: flex-start;
     -webkit-box-flex: auto;
     -ms-flex: auto;
     flex: auto;
     font-size: 1em;
     line-height: 3em
 }
 
 .vjs-no-flex .vjs-live-control {
     display: table-cell;
     width: auto;
     text-align: left
 }
 
 .video-js .vjs-time-control {
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none;
     font-size: 1em;
     line-height: 3em;
     min-width: 2em;
     padding-left: 1em;
     padding-right: 1em
 }
 
 .video-js .vjs-current-time,
 .video-js .vjs-duration,
 .vjs-live .vjs-time-control,
 .vjs-no-flex .vjs-current-time,
 .vjs-no-flex .vjs-duration {
     display: none
 }
 
 .vjs-time-divider {
     display: none;
     line-height: 3em
 }
 
 .vjs-live .vjs-time-divider {
     display: none
 }
 
 .video-js .vjs-play-control {
     cursor: pointer;
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none
 }
 
 .vjs-text-track-display {
     position: absolute;
     bottom: 3em;
     left: 0;
     right: 0;
     top: 0;
     pointer-events: none
 }
 
 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
     bottom: 1em
 }
 
 .video-js .vjs-text-track {
     font-size: 1.4em;
     text-align: center;
     margin-bottom: .1em;
     background-color: #000;
     background-color: rgba(0, 0, 0, .5)
 }
 
 .vjs-subtitles {
     color: #fff
 }
 
 .vjs-captions {
     color: #fc6
 }
 
 .vjs-tt-cue {
     display: block
 }
 
 video::-webkit-media-text-track-display {
     -webkit-transform: translateY(-3em);
     transform: translateY(-3em)
 }
 
 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
     -webkit-transform: translateY(-1.5em);
     transform: translateY(-1.5em)
 }
 
 .video-js .vjs-fullscreen-control {
     cursor: pointer;
     -webkit-box-flex: none;
     -ms-flex: none;
     flex: none
 }
 
 .vjs-playback-rate .vjs-playback-rate-value {
     font-size: 1.5em;
     line-height: 2;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     text-align: center
 }
 
 .vjs-playback-rate .vjs-menu {
     width: 4em;
     left: 0
 }
 
 .vjs-error .vjs-error-display .vjs-modal-dialog-content {
     font-size: 1.4em;
     text-align: center
 }
 
 .vjs-error .vjs-error-display:before {
     color: #fff;
     content: "X";
     font-family: Arial, Helvetica, sans-serif;
     font-size: 4em;
     left: 0;
     line-height: 1;
     margin-top: -.5em;
     position: absolute;
     text-shadow: .05em .05em .1em #000;
     text-align: center;
     top: 50%;
     vertical-align: middle;
     width: 100%
 }
 
 .vjs-loading-spinner {
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -25px 0 0 -25px;
     opacity: .85;
     text-align: left;
     border: 6px solid rgba(43, 51, 63, .7);
     box-sizing: border-box;
     background-clip: padding-box;
     width: 50px;
     height: 50px;
     border-radius: 25px
 }
 
 .vjs-seeking .vjs-loading-spinner,
 .vjs-waiting .vjs-loading-spinner {
     display: block
 }
 
 .vjs-loading-spinner:after,
 .vjs-loading-spinner:before {
     content: "";
     position: absolute;
     margin: -6px;
     box-sizing: inherit;
     width: inherit;
     height: inherit;
     border-radius: inherit;
     opacity: 1;
     border: inherit;
     border-color: transparent;
     border-top-color: #fff
 }
 
 .vjs-seeking .vjs-loading-spinner:after,
 .vjs-seeking .vjs-loading-spinner:before,
 .vjs-waiting .vjs-loading-spinner:after,
 .vjs-waiting .vjs-loading-spinner:before {
     -webkit-animation: i 1.1s cubic-bezier(.6, .2, 0, .8) infinite, h 1.1s linear infinite;
     animation: i 1.1s cubic-bezier(.6, .2, 0, .8) infinite, h 1.1s linear infinite
 }
 
 .vjs-seeking .vjs-loading-spinner:before,
 .vjs-waiting .vjs-loading-spinner:before {
     border-top-color: #fff
 }
 
 .vjs-seeking .vjs-loading-spinner:after,
 .vjs-waiting .vjs-loading-spinner:after {
     border-top-color: #fff;
     -webkit-animation-delay: .44s;
     animation-delay: .44s
 }
 
 @keyframes h {
     0% {
         border-top-color: #73859f
     }
     20% {
         border-top-color: #73859f
     }
     35% {
         border-top-color: #fff
     }
     60% {
         border-top-color: #73859f
     }
     to {
         border-top-color: #73859f
     }
 }
 
 @-webkit-keyframes h {
     0% {
         border-top-color: #73859f
     }
     20% {
         border-top-color: #73859f
     }
     35% {
         border-top-color: #fff
     }
     60% {
         border-top-color: #73859f
     }
     to {
         border-top-color: #73859f
     }
 }
 
 .vjs-chapters-button .vjs-menu ul {
     width: 24em
 }
 
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
     -webkit-box-flex: auto;
     -ms-flex: auto;
     flex: auto
 }
 
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
     width: auto
 }
 
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
     display: none
 }
 
 .vjs-caption-settings {
     position: relative;
     top: 1em;
     background-color: #2b333f;
     background-color: rgba(43, 51, 63, .75);
     color: #fff;
     margin: 0 auto;
     padding: .5em;
     height: 16em;
     font-size: 12px;
     width: 40em
 }
 
 .vjs-caption-settings .vjs-tracksettings {
     top: 0;
     bottom: 1em;
     left: 0;
     right: 0;
     position: absolute;
     overflow: auto
 }
 
 .vjs-caption-settings .vjs-tracksettings-colors,
 .vjs-caption-settings .vjs-tracksettings-font {
     float: left
 }
 
 .vjs-caption-settings .vjs-tracksettings-colors:after,
 .vjs-caption-settings .vjs-tracksettings-controls:after,
 .vjs-caption-settings .vjs-tracksettings-font:after {
     clear: both
 }
 
 .vjs-caption-settings .vjs-tracksettings-controls {
     position: absolute;
     bottom: 1em;
     right: 1em
 }
 
 .vjs-caption-settings .vjs-tracksetting {
     margin: 5px;
     padding: 3px;
     min-height: 40px;
     border: none
 }
 
 .vjs-caption-settings .vjs-tracksetting label,
 .vjs-caption-settings .vjs-tracksetting legend {
     display: block;
     width: 100px;
     margin-bottom: 5px
 }
 
 .vjs-caption-settings .vjs-tracksetting span {
     display: inline;
     margin-left: 5px;
     vertical-align: top;
     float: right
 }
 
 .vjs-caption-settings .vjs-tracksetting>div {
     margin-bottom: 5px;
     min-height: 20px
 }
 
 .vjs-caption-settings .vjs-tracksetting>div:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     min-height: 0
 }
 
 .vjs-caption-settings label>input {
     margin-right: 10px
 }
 
 .vjs-caption-settings fieldset {
     margin-top: 1em;
     margin-left: .5em
 }
 
 .vjs-caption-settings fieldset .vjs-label {
     position: absolute;
     clip: rect(1px 1px 1px 1px);
     clip: rect(1px, 1px, 1px, 1px);
     padding: 0;
     border: 0;
     height: 1px;
     width: 1px;
     overflow: hidden
 }
 
 .vjs-caption-settings input[type=button] {
     width: 40px;
     height: 40px
 }
 
 .video-js .vjs-modal-dialog {
     background: rgba(0, 0, 0, .8);
     background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
     background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
 }
 
 .vjs-modal-dialog .vjs-modal-dialog-content {
     font-size: 1.2em;
     line-height: 1.5;
     padding: 20px 24px;
     z-index: 1
 }
 
 @media print {
     .video-js>:not(.vjs-tech):not(.vjs-poster) {
         visibility: hidden
     }
 }
 
 @media \0screen {
     .vjs-user-inactive.vjs-playing .vjs-control-bar:before {
         content: ""
     }
 }
 
 @media \0screen {
     .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
         visibility: hidden
     }
 }
 
 .video-js .vjs-menu-button-inline.vjs-slider-active,
 .video-js .vjs-menu-button-inline:focus,
 .video-js .vjs-menu-button-inline:hover,
 .video-js.vjs-no-flex .vjs-menu-button-inline {
     width: 10em
 }
 
 .video-js .vjs-controls-disabled .vjs-big-play-button {
     display: none!important
 }
 
 .video-js .vjs-control {
     width: 3em
 }
 
 .video-js .vjs-menu-button-inline:before {
     width: 1.5em
 }
 
 .vjs-menu-button-inline .vjs-menu {
     left: 3em
 }
 
 .video-js.vjs-ended .vjs-big-play-button,
 .video-js.vjs-paused .vjs-big-play-button,
 .vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
     display: block
 }
 
 .video-js .vjs-load-progress div,
 .vjs-seeking .vjs-big-play-button,
 .vjs-waiting .vjs-big-play-button {
     display: none!important
 }
 
 .video-js .vjs-mouse-display:after,
 .video-js .vjs-play-progress:after {
     padding: 0 .4em .3em
 }
 
 .video-js.vjs-ended .vjs-loading-spinner {
     display: none
 }
 
 .video-js.vjs-ended .vjs-big-play-button {
     display: block!important
 }
 
 .video-js *,
 .video-js:after,
 .video-js:before {
     box-sizing: inherit;
     font-size: inherit;
     color: inherit;
     line-height: inherit
 }
 
 .video-js.vjs-fullscreen,
 .video-js.vjs-fullscreen .vjs-tech {
     width: 100%!important;
     height: 100%!important
 }
 
 .video-js {
     font-size: 14px;
     overflow: hidden
 }
 
 .video-js .vjs-control {
     color: inherit
 }
 
 .video-js .vjs-menu-button-inline:hover,
 .video-js.vjs-no-flex .vjs-menu-button-inline {
     width: 8.35em
 }
 
 .video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
     height: 3em;
     width: 6.35em
 }
 
 .video-js .vjs-control:focus:before,
 .video-js .vjs-control:hover:before {
     text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff
 }
 
 .video-js .vjs-spacer,
 .video-js .vjs-time-control {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
 }
 
 .video-js .vjs-time-control {
     -webkit-box-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: auto
 }
 
 .video-js .vjs-time-control.vjs-time-divider {
     width: 14px
 }
 
 .video-js .vjs-time-control.vjs-time-divider div {
     width: 100%;
     text-align: center
 }
 
 .video-js .vjs-time-control.vjs-current-time {
     margin-left: 1em
 }
 
 .video-js .vjs-time-control .vjs-current-time-display,
 .video-js .vjs-time-control .vjs-duration-display {
     width: 100%
 }
 
 .video-js .vjs-time-control .vjs-current-time-display {
     text-align: right
 }
 
 .video-js .vjs-time-control .vjs-duration-display {
     text-align: left
 }
 
 .video-js.vjs-live .vjs-time-control.vjs-current-time,
 .video-js.vjs-live .vjs-time-control.vjs-duration,
 .video-js.vjs-live .vjs-time-control.vjs-time-divider,
 .video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time,
 .video-js .vjs-play-progress:before,
 .video-js .vjs-progress-control .vjs-play-progress:before,
 .video-js .vjs-remaining-time,
 .video-js .vjs-volume-level:after,
 .video-js .vjs-volume-level:before {
     display: none
 }
 
 .video-js.vjs-no-flex .vjs-time-control {
     display: table-cell;
     width: 4em
 }
 
 .video-js .vjs-progress-control {
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: .5em;
     top: -.5em
 }
 
 .video-js .vjs-progress-control .vjs-load-progress,
 .video-js .vjs-progress-control .vjs-play-progress,
 .video-js .vjs-progress-control .vjs-progress-holder {
     height: 100%
 }
 
 .video-js .vjs-progress-control .vjs-progress-holder {
     margin: 0
 }
 
 .video-js .vjs-progress-control:hover {
     height: 1.5em;
     top: -1.5em
 }
 
 .video-js .vjs-control-bar {
     -webkit-transition: -webkit-transform .1s ease 0s;
     transition: transform .1s ease 0s
 }
 
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
     visibility: visible;
     opacity: 1;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateY(3em);
     transform: translateY(3em);
     -webkit-transition: -webkit-transform 1s ease 0s;
     transition: transform 1s ease 0s
 }
 
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
     height: .25em;
     top: -.25em;
     pointer-events: none;
     -webkit-transition: height 1s, top 1s;
     transition: height 1s, top 1s
 }
 
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
     opacity: 0;
     -webkit-transition: opacity 1s ease 1s;
     transition: opacity 1s ease 1s
 }
 
 .video-js.vjs-live .vjs-live-control {
     margin-left: 1em
 }
 
 .video-js .vjs-big-play-button {
     top: 50%;
     left: 50%;
     margin-left: -1em;
     margin-top: -1em;
     width: 2em;
     height: 2em;
     line-height: 2em;
     border: none;
     font-size: 3.5em;
     background-color: rgba(0, 0, 0, .45);
     color: #fff;
     -webkit-transition: border-color .4s, outline .4s, background-color .4s;
     transition: border-color .4s, outline .4s, background-color .4s
 }
 
 .video-js .vjs-menu-button-popup .vjs-menu {
     left: -3em
 }
 
 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
     background-color: transparent;
     width: 12em;
     left: -1.5em;
     padding-bottom: .5em
 }
 
 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
     background-color: #151b17;
     margin: .3em 0;
     padding: .5em;
     border-radius: .3em
 }
 
 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
     background-color: #2483d5
 }
 
 .video-js .vjs-big-play-button {
     background-color: hsla(0, 0%, 100%, .4);
     font-size: 2em;
     border-radius: 50%;
     height: 2em!important;
     width: 2em!important;
     line-height: 2em!important;
     margin-top: -1em!important
 }
 
 .video-js .vjs-big-play-button:active,
 .video-js .vjs-big-play-button:focus,
 .video-js:hover .vjs-big-play-button {
     background-color: hsla(0, 0%, 100%, .5)
 }
 
 .video-js .vjs-loading-spinner {
     border-color: hsla(0, 0%, 100%, .7)
 }
 
 .video-js .vjs-control-bar2 {
     background-color: #ebff04
 }
 
 .video-js .vjs-control-bar {
     background-color: hsla(0, 0%, 100%, .4)!important;
     color: #fff;
     font-size: 14px
 }
 
 .video-js .vjs-play-progress,
 .video-js .vjs-volume-level {
     background-color: #ccc
 }
 
 .fontSize4,
 .rows-component .main-title h2 {
     font-size: 3.45vw;
     letter-spacing: .04em
 }
 
 @media (max-width:1200px) {
     .fontSize4,
     .rows-component .main-title h2 {
         font-size: 38px
     }
 }
 
 .rows-component {
     position: relative
 }
 
 @media screen and (max-width:48em) {
     .rows-component .border {
         border-color: rgba(0, 0, 0, .08)!important
     }
 }
 
 .rows-component #headline-container {
     text-transform: uppercase
 }
 
 .rows-component .decor-line {
     position: absolute;
     height: 100%;
     background: rgba(0, 0, 0, .08);
     width: 1px;
     margin-left: -1px;
     top: 0;
     left: 50%;
     pointer-events: none
 }
 
 .rows-component .scrollDown-wrapper {
     right: 0;
     top: 8%;
     position: absolute;
     display: none
 }
 
 @media screen and (min-width:48em) {
     .rows-component .scrollDown-wrapper {
         display: inline-block
     }
 }
 
 @media screen and (min-width:62em) {
     .rows-component .main-title {
         position: absolute;
         width: 38%;
         left: 12vw;
         z-index: 12
     }
 }
 
 .rows-component .decor {
     position: absolute;
     width: 18vw;
     height: calc(100% - 0vw);
     right: 0;
     top: 0;
     z-index: -1;
     pointer-events: none
 }
 
 .rows-component .decor .darkLine {
     position: absolute;
     width: 1px;
     height: 6vw;
     top: 100%;
     left: 6vw;
     background: rgba(0, 0, 0, .08)
 }
 
 .rows-component .decor .bg {
     width: 100%;
     height: 100%;
     position: absolute;
     background: transparent url(/img/waves.svg) repeat 12vw 0;
     z-index: 9;
     opacity: .064;
     background-size: 50vw;
     transform: rotate(-180deg);
     display: none
 }
 
 @media screen and (min-width:48em) {
     .rows-component .decor {
         background: #0d2558
     }
 }
 
 .rows-component .middle-col {
     padding: 6vw 0 0
 }
 
 .bold,
 .row-item .content .number-wrapper {
     font-family: Raleway
 }
 
 .fontSize15,
 .row-item .content .wrapper h3 {
     font-size: 1.5vw
 }
 
 @media (max-width:1200px) {
     .fontSize15,
     .row-item .content .wrapper h3 {
         font-size: 15px
     }
 }
 
 @media screen and (min-width:48em) {
     .row-item .content-wrapper {
         padding-left: 3vw
     }
 }
 
 .row-item .row-video {
     object-fit: cover
 }
 
 .row-item .parallax-holder {
     position: absolute;
     backface-visibility: hidden
 }
 
 @media screen and (max-width:767px) {
     .row-item {
         flex-direction: column-reverse!important
     }
 }
 
 .row-item .image-col {
     height: 48vw
 }
 
 @media screen and (min-width:48em) {
     .row-item .image-col {
         height: auto
     }
 }
 
 @media screen and (max-width:768px) {
     .row-item .btn {
         white-space: normal!important;
         min-width: auto!important;
         min-height: auto!important
     }
 }
 
 .row-item .content {
     position: relative
 }
 
 @media screen and (min-width:48em) {
     .row-item .content:before {
         content: "";
         display: block;
         padding-top: 82%
     }
     .row-item .content .inner-wrapper {
         position: absolute;
         top: 0
     }
 }
 
 .row-item .content .wrapper {
     padding-bottom: 9vw;
     padding-top: 3vw
 }
 
 @media screen and (min-width:48em) {
     .row-item .content .wrapper {
         padding-bottom: 3vw;
         padding-top: 0
     }
 }
 
 .row-item .content .wrapper h3,
 .row-item .content .wrapper p {
     margin-bottom: 1.5vw
 }
 
 .row-item .content .number-wrapper {
     padding-bottom: 3vw;
     padding-right: 3vw;
     padding-top: 3vw
 }
 
 .row-item.row-reverse .number-wrapper {
     position: absolute;
     top: 0;
     left: 0
 }
 
 @media screen and (min-width:48em) {
     .row-item.row-reverse .content-wrapper,
     .row-item.row-reverse .parallax-holder {
         padding-left: 3vw
     }
 }
 
 @media screen and (min-width:48em) {
     .row-item.long .parallax-holder {
         width: calc(100% + 12vw)
     }
     .row-item.long .number-wrapper {
         position: absolute;
         top: 0;
         right: 0
     }
 }
 
 .homeBooking .left-col {
     padding: 9vw 15vw;
     background: #f9f9f9;
     color: #0d2558
 }
 
 .homeBooking .left-col h2 {
     line-height: 1;
     margin-bottom: 1vw;
     font-size: 3.45vw;
     letter-spacing: .04em
 }
 
 @media (max-width:1280px) {
     .homeBooking .left-col h2 {
         font-size: 4vw
     }
 }
 
 @media (max-width:768px) {
     .homeBooking .left-col h2 {
         font-size: 7vw
     }
 }
 
 .homeBooking .left-col p {
     text-transform: uppercase;
     font-family: Raleway
 }
 
 .homeBooking #bookingForm {
     margin-bottom: 30px
 }
 
 .homeBooking .right-col {
     background: #2f2f2f;
     padding: 3vw 6vw;
     position: relative
 }
 
 .homeBooking .right-col #decor-logo {
     position: absolute;
     transform: rotate(-90deg) translateY(-30%) translateX(32%);
     height: 26vw;
     object-fit: fill;
     max-width: none;
     opacity: .064;
     right: 0;
     left: auto;
     top: 0;
     transform-origin: right
 }
 
 .homeBooking .right-col .decor-line-special {
     left: auto;
     right: 12vw;
     opacity: .4
 }
 
 .swiper {
     position: relative;
     width: 100%;
     height: 100%
 }
 
 .swiper .controls {
     position: absolute;
     z-index: 10;
     top: auto;
     bottom: 0;
     height: 12vw;
     width: 12vw;
     left: 50%;
     transform: translateX(-50%)
 }
 
 @media screen and (min-width:48em) {
     .swiper .controls {
         height: 6vw;
         right: 3vw;
         left: auto;
         top: 6vw;
         width: auto;
         transform: none
     }
 }
 
 .swiper .controls .control {
     cursor: pointer;
     width: 14px;
     height: 20px;
     margin: .5vw;
     background-repeat: no-repeat
 }
 
 .swiper .controls .prev {
     transform: rotate(180deg)
 }
 
 .swiper .controls .next,
 .swiper .controls .prev {
     background-image: url(/img/arrow.svg)
 }
 
 .swiper-container {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     z-index: 1
 }
 
 .swiper-container-no-flexbox .swiper-slide {
     float: left
 }
 
 .swiper-container-vertical>.swiper-wrapper {
     -webkit-box-orient: vertical;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     transition-property: transform;
     box-sizing: content-box
 }
 
 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
     -webkit-transform: translateZ(0);
     transform: translateZ(0)
 }
 
 .swiper-container-multirow>.swiper-wrapper {
     -webkit-box-lines: multiple;
     -moz-box-lines: multiple;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .swiper-container-free-mode>.swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto
 }
 
 .swiper-slide {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative
 }
 
 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
     height: auto
 }
 
 .swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-transition-property: -webkit-transform, height;
     transition-property: transform, height
 }
 
 .swiper-container .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000
 }
 
 .swiper-wp8-horizontal {
     -ms-touch-action: pan-y;
     touch-action: pan-y
 }
 
 .swiper-wp8-vertical {
     -ms-touch-action: pan-x;
     touch-action: pan-x
 }
 
 .swiper-button-next,
 .swiper-button-prev {
     position: absolute;
     top: 50%;
     width: 27px;
     height: 44px;
     margin-top: -22px;
     z-index: 10;
     cursor: pointer;
     background-size: 27px 44px;
     background-position: 50%;
     background-repeat: no-repeat
 }
 
 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: .35;
     cursor: auto;
     pointer-events: none
 }
 
 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
     left: 10px;
     right: auto;
     background: transparent url(/img/next.svg) 
 }
 
 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
 }
 
 .swiper-button-next,
 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
 }
 
 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
     right: 10px;
     left: auto
 }
 
 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
 }
 
 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
 }
 
 .swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: .3s;
     transition: .3s;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     z-index: 10
 }
 
 .swiper-pagination.swiper-pagination-hidden {
     opacity: 0
 }
 
 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
     bottom: 10px;
     left: 0;
     width: 100%
 }
 
 .swiper-pagination-bullet {
     display: inline-block;
     padding: 0 .2em;
     margin: 0 .2em
 }
 
 button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     appearance: none
 }
 
 .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer
 }
 
 .swiper-pagination-white .swiper-pagination-bullet {
     background: #fff
 }
 
 .swiper-pagination-bullet-active {
     opacity: 1;
     transform: scale(1.15)
 }
 
 .swiper-container-vertical>.swiper-pagination-bullets {
     right: 10px;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0)
 }
 
 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 5px 0;
     display: block
 }
 
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px
 }
 
 .swiper-pagination-progress {
     background: rgba(0, 0, 0, .25);
     position: absolute
 }
 
 .swiper-pagination-progress .swiper-pagination-progressbar {
     background: #0d2558;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     transform-origin: left top
 }
 
 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
     -webkit-transform-origin: right top;
     transform-origin: right top
 }
 
 .swiper-container-horizontal>.swiper-pagination-progress {
     width: 100%;
     height: 4px;
     left: 0;
     top: 0
 }
 
 .swiper-container-vertical>.swiper-pagination-progress {
     width: 4px;
     height: 100%;
     left: 0;
     top: 0
 }
 
 .swiper-pagination-progress.swiper-pagination-white {
     background: hsla(0, 0%, 100%, .5)
 }
 
 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
     background: #fff
 }
 
 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
     background: #000
 }
 
 .swiper-container-3d {
     -webkit-perspective: 1200px;
     -o-perspective: 1200px;
     perspective: 1200px
 }
 
 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d
 }
 
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10
 }
 
 .swiper-container-3d .swiper-slide-shadow-left {
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
     background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
     background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
 }
 
 .swiper-container-3d .swiper-slide-shadow-right {
     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
     background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
 }
 
 .swiper-container-3d .swiper-slide-shadow-top {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
     background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
     background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
 }
 
 .swiper-container-3d .swiper-slide-shadow-bottom {
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
     background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
 }
 
 .swiper-container-coverflow .swiper-wrapper,
 .swiper-container-flip .swiper-wrapper {
     -ms-perspective: 1200px
 }
 
 .swiper-container-cube,
 .swiper-container-flip {
     overflow: visible
 }
 
 .swiper-container-cube .swiper-slide,
 .swiper-container-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1
 }
 
 .swiper-container-cube .swiper-slide .swiper-slide,
 .swiper-container-flip .swiper-slide .swiper-slide {
     pointer-events: none
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
 }
 
 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top,
 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }
 
 .swiper-container-cube .swiper-slide {
     visibility: hidden;
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0;
     width: 100%;
     height: 100%
 }
 
 .swiper-container-cube.swiper-container-rtl .swiper-slide {
     -webkit-transform-origin: 100% 0;
     transform-origin: 100% 0
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next+.swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
     pointer-events: auto;
     visibility: visible
 }
 
 .swiper-container-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .6;
     -webkit-filter: blur(50px);
     filter: blur(50px);
     z-index: 0
 }
 
 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out
 }
 
 .swiper-container-fade .swiper-slide {
     pointer-events: none;
     -webkit-transition-property: opacity;
     transition-property: opacity
 }
 
 .swiper-container-fade .swiper-slide .swiper-slide {
     pointer-events: none
 }
 
 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
 }
 
 .swiper-zoom-container {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center
 }
 
 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain
 }
 
 .swiper-scrollbar {
     border-radius: 10px;
     position: relative;
     -ms-touch-action: none;
     background: rgba(0, 0, 0, .1)
 }
 
 .swiper-container-horizontal>.swiper-scrollbar {
     position: absolute;
     left: 1%;
     bottom: 3px;
     z-index: 50;
     height: 5px;
     width: 98%
 }
 
 .swiper-container-vertical>.swiper-scrollbar {
     position: absolute;
     right: 3px;
     top: 1%;
     z-index: 50;
     width: 5px;
     height: 98%
 }
 
 .swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: rgba(0, 0, 0, .5);
     border-radius: 10px;
     left: 0;
     top: 0
 }
 
 .swiper-scrollbar-cursor-drag {
     cursor: move
 }
 
 .swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-animation: i 1s steps(12) infinite;
     animation: i 1s steps(12) infinite
 }
 
 .swiper-lazy-preloader:after {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
     background-position: 50%;
     background-size: 100%;
     background-repeat: no-repeat
 }
 
 .swiper-lazy-preloader-white:after {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
 }
 
 @-webkit-keyframes i {
     to {
         -webkit-transform: rotate(1turn)
     }
 }
 
 @keyframes i {
     to {
         transform: rotate(1turn)
     }
 }
 
 .slideItem {
     width: 100%;
     height: 100%;
     overflow: hidden
 }
 
 .slideItem .slide-wrapper {
     position: relative
 }
 
 .articleContentBox .btn-holder {
     font-size: 0
 }
 
 .fontSize07,
 .news .sort-filter {
     font-size: .7vw
 }
 
 @media (max-width:1200px) {
     .fontSize07,
     .news .sort-filter {
         font-size: 10px
     }
 }
 
 @media (max-width:768px) {
     .fontSize07,
     .news .sort-filter {
         font-size: 10px
     }
 }
 
 .news {
     position: relative;
     flex-direction: column;
     display: flex;
     height: 100%
 }
 
 .news .page-title {
     padding: 0 3vw
 }
 
 .news .measure {
     height: 12vw;
     padding: 0 3vw
 }
 
 @media screen and (min-width:48em) {
     .news .measure {
         height: 6vw
     }
 }
 
 .news .sort-filter {
     text-transform: uppercase;
     color: #0d2558;
     transition: color .4s
 }
 
 .news .sort-filter.active {
     font-weight: 700
 }
 
 .news .sort-filter:hover {
     color: #f2a114
 }
 
 .news #items-wrapper {
     position: absolute;
     width: 100%;
     overflow: hidden!important
 }
 
 .news .line--dark {
     margin-top: -1px
 }
 
 .fontSize15,
 .news-item .content .wrapper h3 {
     font-size: 1.5vw
 }
 
 @media (max-width:1200px) {
     .fontSize15,
     .news-item .content .wrapper h3 {
         font-size: 15px
     }
 }
 
 .news-item {
     cursor: pointer
 }
 
 .news-item .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, .2);
     transition: opacity .4s
 }
 
 .news-item .image-holder {
     height: 30vh
 }
 
 @media screen and (min-width:48em) {
     .news-item .image-holder {
         height: auto
     }
 }
 
 .news-item .excerpt {
     height: 2.8em;
     overflow: hidden
 }
 
 .news-item .parallax-holder {
     position: absolute
 }
 
 .news-item .content {
     position: relative
 }
 
 .news-item .content:before {
     content: "";
     display: block;
     padding-top: 55%
 }
 
 @media screen and (min-width:75em) {
     .news-item .content:before {
         padding-top: 45%
     }
 }
 
 .news-item .content .wrapper {
     padding: 3vw;
     width: 100%
 }
 
 .news-item .content .wrapper h3 {
     margin-bottom: 1.5vw;
     transition: color .4s
 }
 
 .news-item .content .wrapper p {
     margin-bottom: 1.5vw
 }
 
 .news-item .outer-parallax {
     transition: transform .8s ease
 }
 
 .news-item:hover h3 {
     color: #f2a114
 }
 
 .news-item:hover .outer-parallax {
     transform: scale(1.08)
 }
 
 .news-item:hover .overlay {
     opacity: 0
 }
 
 .bold {
     font-family: Raleway
 }
 
 .noTransition * {
     transition: none!important
 }
 
 .f0 {
     font-size: 0
 }
 
 .flex {
     display: flex
 }
 
 .flex1 {
     flex: 1
 }
 
 .white-bg {
     background-color: #fff
 }
 
 .fullHeight {
     height: 100vh
 }
 
 .pt-6 {
     padding-top: 6vw
 }
 
 .hidden {
     display: none
 }
 
 .flex-basis-auto {
     flex-basis: auto
 }
 
 .relative {
     position: relative
 }
 
 .absolute {
     position: absolute;
     top: 0;
     left: 0
 }
 
 @media screen and (min-width:62em) {
     .absolute-md {
         position: absolute
     }
 }
 
 .square:before {
     content: "";
     display: block;
     padding-top: 100%
 }
 
 .uppercase {
     text-transform: uppercase
 }
 
 .overflow-hidden {
     overflow: hidden!important
 }
 
 .overflow-auto {
     overflow: auto!important
 }
 
 .align-right {
     text-align: right
 }
 
 .align-center {
     text-align: center
 }
 
 .align-justify {
     text-align: justify
 }
 
 .vCenter {
     position: relative;
     top: 50%;
     transform: translateY(-50%)
 }
 
 .hor-center {
     transform: translateX(-50%)
 }
 
 .center,
 .hor-center {
     position: relative;
     left: 50%
 }
 
 .center {
     top: 50%;
     transform: translate3d(-50%, -50%, 0)
 }
 
 .block {
     display: block
 }
 
 .inline-block {
     display: inline-block
 }
 
 .nopad {
     padding: 0
 }
 
 .fullSize {
     height: 100%
 }
 
 .fullSize,
 .fullWidth {
     width: 100%
 }
 
 .height-100 {
     height: 100%
 }
 
 .onTop {
     position: relative;
     z-index: 12
 }
 
 .width-100 {
     width: 100vw
 }
 
 .column-direction {
     flex-direction: column
 }
 
 .row-reverse {
     flex-direction: row-reverse
 }
 
 div {
     box-sizing: border-box
 }
 
 .cover {
     background-size: cover;
     background-position: 50%
 }
 
 @media (max-width:767px) {
     .hidden-xs {
         display: none!important
     }
 }
 
 @media screen and (min-width:48em) {
     .visible-xs {
         display: none
     }
 }
 
 @media screen and (max-width:62em) {
     .hidden-sm {
         display: none
     }
 }
 
 @media screen and (max-width:75em) {
     .hidden-md {
         display: none
     }
 }
 
 .no-wrap {
     flex-wrap: nowrap
 }
 
 .container-fluid.wrapper {
     padding: 10vw;
     position: relative
 }
 
 .col-xs-offset {
     flex-basis: 12vw;
     max-width: 12vw
 }
 
 .col-xs-offset-big {
     flex-basis: 21vw;
     max-width: 21vw;
     min-width: 220px;
     border-right: 1px solid rgba(0, 0, 0, .08)
 }
 
 @font-face {
     font-family: Raleway;
      src: url(https://fonts.googleapis.com/css?family=Raleway)
 }
 

 
 @font-face {
     font-family: VideoJS;
    src: url(https://fonts.googleapis.com/css?family=Raleway)
     font-weight: 400;
     font-style: normal
 }
 
 .bold,
 .row-item2 .content .number-wrapper {
     font-family: Raleway
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     line-height: 1.2;
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
     font-family: Raleway
 }
 
 body,
 html {
     font-family: Sans-serif, Helvetica, Arial, Raleway;
     color: #0d2558;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility
 }
 
 p {
     line-height: 1.4;
     margin-top: 0
 }
 .inner ul {
    list-style-type: square;
    margin: 1vw 2vw;
	    margin-right: 0;
}
.inner ol {
    list-style-type: decimal;
    margin: 1vw 2vw;
	    margin-right: 0;
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none
 }
 
 .fontSize07 {
     font-size: .7vw
 }
 
 @media (max-width:1200px) {
     .fontSize07 {
         font-size: 10px
     }
 }
 
 @media (max-width:768px) {
     .fontSize07 {
         font-size: 10px
     }
 }
 
 .fontSize09 {
     font-size: .8vw
 }
 
 @media (max-width:1200px) {
     .fontSize09 {
         font-size: 12px
     }
 }
 
 @media (max-width:768px) {
     .fontSize09 {
         font-size: 11px
     }
 }
 
 .fontSizeTiny {
     font-size: .64vw
 }
 
 @media (max-width:1200px) {
     .fontSizeTiny {
         font-size: 9px
     }
 }
 
 @media (max-width:768px) {
     .fontSizeTiny {
         font-size: 9px
     }
 }
 
 .fontSize1,
 body,
 html {
     font-size: 13px
 }
 
 @media (min-width:767px) {
     .fontSize1,
     body,
     html {
         font-size: 12px
     }
 }
 
 @media (min-width:1200px) {
     .fontSize1,
     body,
     html {
         font-size: .94vw
     }
 }
 
 .fontSize12,
 .headline {
     font-size: 1.1vw
 }
 
 @media (max-width:1200px) {
     .fontSize12,
     .headline {
         font-size: 14px
     }
 }
 
 .fontSize13 {
     font-size: 1.2vw
 }
 
 @media (max-width:1200px) {
     .fontSize13 {
         font-size: 15px
     }
 }
 
 .fontSize15 {
     font-size: 1.5vw
 }
 
 @media (max-width:1200px) {
     .fontSize15 {
         font-size: 15px
     }
 }
 
 .fontSize2,
 .headline-small span {
     font-size: 1.6vw
 }
 
 @media (max-width:1200px) {
     .fontSize2,
     .headline-small span {
         font-size: 20px
     }
 }
 
 .fontSize25 {
     font-size: 2vw
 }
 
 @media (max-width:1200px) {
     .fontSize25 {
         font-size: 22px
     }
 }
 
 @media (max-width:768px) {
     .fontSize25 {
         font-size: 26px
     }
 }
 
 .fontSize3,
 .headline span {
     font-size: 2.54vw
 }
 
 @media (max-width:1200px) {
     .fontSize3,
     .headline span {
         font-size: 36px
     }
 }
 
 @media (max-width:768px) {
     .fontSize3,
     .headline span {
         font-size: 32px
     }
 }
 
 .headline .ru span,
 .ru .fontSize3,
 .ru .headline span {
     font-size: 2.5vw
 }
 
 @media (max-width:1200px) {
     .headline .ru span,
     .ru .fontSize3,
     .ru .headline span {
         font-size: 28px
     }
 }
 
 @media (max-width:768px) {
     .headline .ru span,
     .ru .fontSize3,
     .ru .headline span {
         font-size: 22px
     }
 }
 
 .fontSize4 {
     font-size: 3.45vw;
     letter-spacing: .04em
 }
 
 @media (max-width:1200px) {
     .fontSize4 {
         font-size: 38px
     }
 }
 
 .fontSize5 {
     font-size: 5vw
 }
 
 @media (max-width:1200px) {
     .fontSize5 {
         font-size: 48px
     }
 }
 
 .fontSize6 {
     font-size: 6vw
 }
 
 @media (max-width:1200px) {
     .fontSize6 {
         font-size: 40px
     }
 }
 
 .fontSize7 {
     font-size: 7vw
 }
 
 @media (max-width:1200px) {
     .fontSize7 {
         font-size: 48px
     }
 }
 
 .text-center {
     text-align: center
 }
 
 .text-right {
     text-align: right
 }
 
 .headline {
     display: inline-block;
     text-transform: uppercase;
     padding-left: 7vw;
     position: relative;
     white-space: nowrap
 }
 
 .headline:before {
     content: "";
     position: absolute;
     height: 3px;
     width: 6vw;
     background: #fff;
     bottom: 8%;
     left: 0
 }
 
 .headline span {
     color: #fff;
     display: block;
     white-space: normal
 }
 
 .headline-small {
     padding-left: 4em
 }
 
 .headline-small:before {
     width: 2.6em!important;
     bottom: 1em!important;
     left: 1em!important
 }
 
 .headline-small span {
     white-space: nowrap
 }
 
 @media (max-width:768px) {
     .headline {
         padding-left: 30px
     }
     .headline:before {
         width: 25px
     }
 }
 
 .row-item2 .content-wrapper {
     padding: 0
 }
 
 @media screen and (min-width:48em) {
     .row-item2 .content-wrapper {
         padding: 3vw
     }
 }
 
 .row-item2 .content:before {
     content: "";
     display: block
 }
 
 @media screen and (min-width:48em) {
     .row-item2 .content:before {
         padding-top: 200%
     }
 }
 
 @media screen and (min-width:62em) {
     .row-item2 .content:before {
         padding-top: 128%
     }
 }
 
 @media screen and (min-width:75em) {
     .row-item2 .content:before {
         padding-top: 92%
     }
 }
 
 @media screen and (min-width:48em) {
     .row-item2 .content .wrapper {
         padding-bottom: 0
     }
     .row-item2 .content .wrapper p {
         margin-bottom: 0
     }
 }
 
 .row-item2 .content .number-wrapper {
     position: absolute;
     top: 0;
     padding: 0;
     right: 0
 }
 
 .row-item2.row-reverse .number-wrapper {
     position: absolute;
     bottom: 0;
     top: auto;
     left: 0;
     right: auto
 }
 
 @media screen and (min-width:48em) {
     .row-item2.row-reverse .content-wrapper,
     .row-item2.row-reverse .parallax-holder {
         padding-left: 3vw
     }
	 .sticky {
  transition: ease .3s;
}

.sticky-pin {
  position: fixed !important;
  z-index:1;
  width:100%;
  background: #33333330;
  height: 0;
}

 }
 


.open {
  transform: matrix(1, 0, 0, 1, 0, 0) !important;

  
}
.closed2 {
  display: none;
}

.open2 {
  display: block;
}
 .row-item2.row-reverse.no-offset .parallax-holder {
     padding-left: 0
 }
 
 .row-item2.long .number-wrapper {
     position: absolute;
     top: 0;
     bottom: auto
 }
 
 @media screen and (min-width:48em) {
     .row-item2.long.no-offset .parallax-holder {
         left: -12vw
     }
 }
 
 
 
 .video {
    position: absolute;
    width: 100%;
    height: 100%;
}
 video {
    position: relative;
    height: auto;
    width: 100%;
    z-index: -100;
}

.menu2-trigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
      padding: 10px;
    cursor: pointer;
	background: #3333334f;
}



.menu2-close {
  text-align: right;
  padding: 1rem;
  font-size: 2rem;
}
.menu2-close:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.menu2 {
  position: fixed;
  top: 0;
  left: -200px;
  width: 200px;
  background: #fff;
  height: 100vh;
  z-index: 200;
  transition: all 500ms ease;
}


@media (min-width: 900px) {
  .menu2 {
    left: -350px;
    width: 350px;
  }
}
.menu2-open {
  left: 0;
  position: relative;
}

.menu2-inner {
  list-style: none;
  padding: 1rem;
}
.menu2-inner li {
  margin: 1rem 0;
  font-size: 2rem;
}
.menu2-inner li:hover {
  text-decoration: underline;
  cursor: pointer;
}

#controls {
position: absolute;
    height: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.go-button,
.reset-button {
  background: #3333334f;
  border: 0;
  height: 50px;
  width: 50px;
  font-size: 4rem;
  color: white;
  transition: color 300ms ease;
}
.go-button:hover,
.reset-button:hover {
  color: rgba(255, 255, 255, 0.7);
}

video::-webkit-media-controls {
  display: none;
}

.player-controls {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 2147483647;
}
.player-controls button {
  background: transparent;
  border: 1px solid white;
  color: white;
  padding: 1rem;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: background 300ms ease;
  outline: transparent;
}
.player-controls button:hover {
  background: rgba(255, 255, 255, 0.2);
}
.player-controls button:nth-child(even) {
  margin: 0 0.5rem;
}

.hide {
  display: none;
}
span {
    font-family: arial;
}

.pause.icon {
 color: #fff;
    position: absolute;
    margin-left: 15px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-left: 1px solid;
	border-right: 1px solid;
}

.play.icon {
 color: #fff;
    position: absolute;
    margin-left: 15px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-left: 1px solid;
}


.play.icon:before {
     content: '';
    position: absolute;
    right: 9px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}



.refresh.icon {
    color: #fff;
    position: absolute;
    margin-left: 11px;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    border-left: solid 1px transparent;
    border-right: solid 1px currentColor;
}
.refresh.icon:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 10px;
    width: 3px;
    height: 3px;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
}


a:focus, button:focus,th:focus{outline-color:none}
   .showbrain {
  display: none;
}