html,
body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-family: 'IRANSansWeb';
    color: #000000;
    font-weight: 400;
 }

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

ul {
    list-style: none;
    margin: 0px;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

/*p {
    font-size: 15px;
    line-height: 30px;
}*/

.parallax {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sections-holder {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    padding-top: 60px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

section,
.sections-group {
    position: relative;
    overflow: hidden;
    z-index: 2;
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
}

.holder {
    z-index: 100;
    max-width: 1250px;
    margin: 0px auto;
}

.with-particles {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

.particles-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.went-up .with-particles,
.went-down .with-particles {
    transition: opacity 250ms ease-in-out !important;
    opacity: 0 !important;
}


/*
    + Preloading */

.loading-holder {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 5%;
    background-color: transparent;
}

.loading-holder .loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background: transparent;
}

.loading-holder .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
}

.loading-holder .progress-notification {
    display: none;
}

.loading-holder .progress-bar {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
}

.loading-holder .progress-loaded {
    position: relative;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #ffffff;
}


/*
    + Header */

/*header {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9998;
    width: 100%;
    font-family: 'montserrat-regular';
    line-height: 60px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    background: #ffffff;
}

header .holder {
    overflow: hidden;
    max-width: 100%;
}

header .logo {
    float: left;
    width: 198px;
    height: 60px;
    margin-right: 54px;
    text-indent: -9999px;
    background: url(../img/bgr-logo.png) center no-repeat #000000;
    background-size: 132px 20px;
    outline: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.desktop header .logo:hover {
    background-color: #393939;
}

.desktop header .logo:active {
    background-color: #343434;
}*/

/*header h1 {
    float: left;
    margin-right: 54px;
}

header h1 .logo {
    margin-right: 0px;
}

nav>ul {
    float: left;
    overflow: hidden;
}

nav>ul li {
    float: left;
    margin-right: 50px;
}

@media only screen and (min-width: 1024px) and (max-width:1160px) {
    nav>ul li {
        margin-right: 25px;
    }
    header .book-area {
        padding: 0 13px;
    }
}

nav>ul li a {
    color: #000000;
    background: -moz-linear-gradient(left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background-size: 200% 100%;
    background-position: right 0;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    display: block;
}

.ie11 nav>ul li a {
    background: none;
}

nav>ul li a:hover {
    background-position: 0 0;
}

header .members-area {
    float: right;
    padding: 0 32px;
    font-family: 'montserrat-regular';
    color: #ffffff;
    background: #000000;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}*/

/*.desktop header .members-area:hover {
    background: #393939;
    text-decoration: none;
    color: #FFF;
}

.desktop header .members-area:active {
    background: #343434;
}

.desktop .home header {
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.desktop .home header.houses-intro-anim {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}*/

/*.nav-trigger,
.close-btn {
    float: right;
    display: none;
    z-index: 9999;
    position: relative;
    width: 21px;
    height: 18px;
    margin-top: 18px;
    margin-right: 18px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out !important;
    -moz-transition: .5s ease-in-out !important;
    transition: .5s ease-in-out !important;
    cursor: pointer;
    backface-visibility: hidden;
}

.nav-trigger span,
.close-btn span {
    display: block;
    position: absolute;
    left: 0;
    opacity: 1;
    height: 2px;
    width: 100%;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out !important;
    -moz-transition: .25s ease-in-out !important;
    -o-transition: .25s ease-in-out !important;
    transition: .25s ease-in-out !important;
}

.nav-trigger span:nth-child(1),
.close-btn span:nth-child(1) {
    top: 0px;
}

.nav-trigger.open span:nth-child(1),
.close-btn span:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.nav-trigger span:nth-child(2),
.close-btn span:nth-child(2) {
    top: 7px;
}

.nav-trigger.open span:nth-child(2),
.close-btn span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.nav-trigger span:nth-child(3),
.close-btn span:nth-child(3) {
    top: 14px;
}

.nav-trigger.open span:nth-child(3),
.close-btn span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}*/


/*
    + Floating bar */

.floating-bar ul {
    position: fixed;
    left: 50px;
    top: 50%;
    z-index: 9997;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.home .floating-bar ul,
.home .floating-bar p {
    z-index: 9996;
}

.home .desc {
 font-size: 16px;
    text-align: justify;
    line-height: 35px;
    margin-top: 2em;
    font-family: 'Kalameh';
    font-weight: normal;
}
.home .desc p{
    color: #808080;
    font-size: 16px;
    text-align: justify;
    line-height: 35px;
    margin-top: 2em;
    font-family: 'Kalameh';
    font-weight: normal;
    height: auto;
}
.home .home-coliving  a.rounded-btn {
    margin-top: 2em;
}
.floating-bar ul li {
    float: left;
    padding: 0 15px;
}

.floating-bar ul li a {
    display: block;
    font-family: 'montserrat-medium';
    font-size: 9px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}

.floating-bar.dark ul li a {
    color: #000000;
}

.floating-bar.hidden ul {
    opacity: 0;
    -webkit-transform: rotate(-90deg) translateY(-90px);
    -moz-transform: rotate(-90deg) translateY(-90px);
    transform: rotate(-90deg) translateY(-90px);
}

.floating-bar p {
    position: fixed;
    left: 50px;
    bottom: 260px;
    z-index: 9997;
    color: #ffffff;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: normal;
    line-height: 30px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.floating-bar p span {
    color: #ffffff;
}

.floating-bar.dark p span {
    color: #000000;
}

.floating-bar.hidden p {
    opacity: 0;
    -webkit-transform: rotate(-90deg) translateX(-90px);
    -moz-transform: rotate(-90deg) translateY(-90px);
    transform: rotate(-90deg) translateY(-90px);
}

.home .floating-bar ul,
.home .floating-bar p {
    -webkit-transition: all 350ms ease-in-out !important;
    -moz-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important;
}

.home .floating-bar p.houses-intro-anim,
.home .floating-bar ul.houses-intro-anim {
    -webkit-transform: rotate(-90deg) translateY(-80px);
    -moz-transform: rotate(-90deg) translateY(-80px);
    transform: rotate(-90deg) translateY(-80px);
}


/*
    + Inner pages */

.main-content {
    overflow: hidden;
    margin-top: -120px;
    background-color: #fff;
}

.main-content.gray {
    background: #FBFCFB !important;
}

.main-content .wrapper {
    position: relative;
    background-color: #fff;
    z-index: 5;
    max-width: 100%;
    margin: 0 180px 0;
    padding: 120px 0;
    overflow: visible;
}

section.wrapper.intro {
    padding: 120px 50px 0px 50px;
    margin-bottom: 5em;
}

section.wrapper.book {
    padding: 20px 50px 0px 50px;
    margin-bottom: 5em;
    height: 820px;
}

@media only screen and (max-width: 480px) {
    section.wrapper.book {
        padding: 0 !important;
    }
    iframe {
        display: block !important;
    }
    .form-inline .form-control {
        width: 100%;
    }
    .subscribe form {
        padding: 40px 0 !important;
    }
}

.main-content .wrapper .main-wrapper {
    width: 1200px;
    margin: 0 auto;
}

.main-content .wrapper .interspace {
    margin-bottom: 125px;
}


/*
        + content */

.content-block {
    position: relative;
}

.content-block:before,
.content-block:after {
    content: "";
    display: table;
}

.content-block:after {
    clear: both;
}

.content-block.space-bottom {
    margin-bottom: 135px;
}

.content-block article {
    position: relative;
    z-index: 5;
}

.content-block article.left-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.content-block article.right-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(25%, -50%);
}

.content-block article.big {
    width: 480px;
}

.content-block article h3 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    z-index: 5;
}

.content-block article p {
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 26px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.content-block article p:last-of-type {
    margin-bottom: 0;
}

.content-block figure {
    position: relative;
    width: 470px;
    height: 650px;
    z-index: 3;
}

.content-block figure span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-color: transparent;
}

.content-block h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Old Standard TT', serif;
    font-size: 250px;
    line-height: 95px;
    color: rgba(225, 225, 225, 0.52);
    z-index: 4;
}

.content-block .gray-block {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 325px;
    background-color: rgba(240, 244, 235, 0.8);
    transform: translate(30%, -30%);
    z-index: 2;
}

.content-block .gray-block.left {
    left: auto;
    right: 50%;
    transform: translate(-30%, -30%);
    height: 435px;
}


/*
    + Hero section */

.hero-section {
    /* height: calc(100vh - 60px); */
    height: 100vh;
    width: 100%;
    position: relative;
    margin-top: 60px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.edge .hero-section {
    overflow: hidden;
}

.hero-section .bgr-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-section-mask {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
}

.hero-section section {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 60%;
    width: 945px;
    transform: translate(-50%, 60%);
    z-index: 2;
    background-color: transparent;
}

.rules-page .hero-section.rules-page-hero section {
    bottom: auto;
    z-index: 3;
    transform: translate(-50%, -50%);
    top: calc(50% - (215px / 2));
}

.hero-section section hgroup h1,
.hero-section section hgroup h2 {
    text-align: center;
}

.membership.hero-section section hgroup h1 br {
    display: none;
}

.hero-section section hgroup h1 {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 80px;
    line-height: 99px;
    color: #FFFFFF;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.membership-page .hero-section section hgroup h1 {
    font-size: 70px;
}

.hero-section section hgroup h2 {
    font-family: 'montserrat-regular';
    font-size: 24px;
    line-height: 26px;
    color: #FFFFFF;
    font-weight: normal;
    margin: 5px 0 25px;
}

.hero-section section p {
    font-family: 'montserrat-light';
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
}

.membership-page .hero-section section p {
    font-size: 18px;
    line-height: 29px;
}

.appartmants-page .hero-section section>div {
    padding-bottom: 1px;
}

.hero-section section .rounded-btn {
    display: block;
    width: 215px;
    border-radius: 30px;
    margin: 45px auto 0;
    line-height: 44px;
    backface-visibility: hidden;
}

.hero-section section .rounded-btn:hover {
    background: #ffffff;
    color: #000000;
}

.hero-section.no-page-hero {
    background-position: 50% 50%;
}


/*
Membership hero house list
------------------------------------------- */

.hero-house-list {
    padding-top: 60px;
    text-align: center;
}

.hero-house-list li {
    display: inline-block;
    opacity: 0.5;
    width: 220px;
    text-align: center;
    vertical-align: top;
    transition: ease 300ms all;
}

.hero-house-list li figure {
    position: relative;
    width: 128px;
    margin: 0 auto 20px;
}

.hero-house-list li figure figcaption {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    font-family: 'montserrat-bold';
    font-size: 14px;
    line-height: 17px;
    color: white;
    text-transform: uppercase;
}

.hero-house-list li img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    border-radius: 50%;
}

.hero-house-list li h4 {
    font-family: 'montserrat-bold';
    font-size: 18px;
    line-height: 27px;
    color: white;
}

.hero-house-list li p,
.hero-section section .hero-house-list li p {
    font-size: 15px;
    line-height: 27px;
    color: white;
}

.hero-house-list li.active,
.hero-house-list li:hover {
    opacity: 1;
}

.hero-house-list li.active img,
.hero-house-list li:hover img {
    filter: grayscale(0%);
}

.hero-house-list li.active figure:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    width: 140px;
    height: 140px;
    background: url(../img/house-item-selection.png) 50% 50% no-repeat;
    background-size: 100% auto;
}

.hero-house-list li.static,
.hero-house-list li.static:hover {
    opacity: 1;
}

.hero-house-list li.static img,
.hero-house-list li.static h4,
.hero-house-list li.static p {
    opacity: 0.5;
}

.hero-house-list li.static:hover img {
    filter: grayscale(100%);
}

.hero-house-list-mobile {
    display: none;
}


/*
Slider info text addition
-------------------------------------------- */

.slider-info {
    max-width: 1270px;
    margin: -80px auto 0;
    padding-bottom: 30px;
}

.slider-info p {
    font-size: 15px;
    line-height: 27px;
    color: #515D59;
    text-align: right;
}

.slider-info p a {
    font-family: 'montserrat-bold';
    color: #515D59;
}

.slider-info p a:hover {
    text-decoration: underline;
}


/*
Membership grid
-------------------------------------------- */

.main-content.bottom-padding {
    padding-bottom: 300px;
}

.membership-page .main-content .wrapper .content-block.membership-articles.extended {
    padding: 0;
}

.grid-articles-outer {
    max-width: 1500px;
    margin: 0 auto;
}

.grid-articles {
    overflow: hidden;
    margin: 0 -19px;
}

.grid-articles li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 19px;
}

.grid-articles .inner-wrapper {
    position: relative;
}

.grid-articles .content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 25px 35px;
}

.grid-articles li.item-3-4 .content,
.grid-articles li.item-3-5 .content {
    padding: 35px 70px;
}

.grid-articles li.item-1-2 .content,
.grid-articles li.item-2-5 .content {
    padding: 35px 60px;
}

.grid-articles .content h3 {
    margin-bottom: 25px;
    font-family: 'Old Standard TT', serif;
    font-size: 48px;
    line-height: 47px;
    color: white;
}

.grid-articles .content p {
    margin-bottom: 0;
    font-family: 'montserrat-regular';
    font-size: 15px;
    line-height: 24px;
    color: white;
}

.grid-articles .bgr-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
}

.grid-articles .full .inner-wrapper {
    height: 753px;
}

.grid-articles .mid .inner-wrapper {
    height: 700px;
}

.grid-articles .half .inner-wrapper {
    height: 357px;
}

.grid-articles li.item-3-4 {
    width: 75%;
}

.grid-articles li.item-1-4 {
    width: 25%;
}

.grid-articles li.item-1-2 {
    width: 50%;
}

.grid-articles li.item-1-3 {
    width: 33.3333%;
}

.grid-articles li.item-3-5 {
    width: 60%;
}

.grid-articles li.item-2-5 {
    width: 40%;
}

.map-outer {
    position: relative;
    background-color: white;
}

.map-outer #map {
    z-index: 10;
    width: 100%;
    height: 796px;
}


/*
Center title box
-------------------------------------------- */

.center-title-box {
    max-width: 1425px;
    margin: 0 auto;
    padding-bottom: 80px;
    text-align: center;
    background-color: white;
}

.center-title-box.top-padding {
    padding-top: 150px;
}

.center-title-box.top-offset {
    position: absolute;
    left: 50%;
    top: -50px;
    z-index: 20;
    width: 1425px;
    padding-bottom: 40px;
    transform: translateX(-50%);
}

.center-title-box h2 {
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.center-title-box h2 span {
    display: block;
    position: relative;
    z-index: 9995;
    margin: 0 auto;
    text-align: center;
}

.center-title-box h2:after {
    content: attr(data-title);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9994;
    font-family: "Old Standard TT";
    font-weight: normal;
    font-size: 180px;
    line-height: 95px;
    color: rgba(218, 218, 218, .52);
    white-space: nowrap;
    transform: translate(-50%, -100%);
}

.center-title-box.title-offset h2:after {}

.center-title-box p {
    margin-bottom: 20px;
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 27px;
    color: black;
}


/*
Bottom house details
-------------------------------------------- */

.bottom-details-outer {
    background-color: white;
}

.details-info-box {
    position: relative;
    top: -87px;
    z-index: 25;
    overflow: hidden;
    max-width: 1098px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 50px;
    background-color: #F3F6EF;
}

.details-info-box .col {
    float: left;
    width: 33.3333%;
}

.details-info-box .col.right-align {
    text-align: right;
}

.details-info-box h3 {
    margin-bottom: 20px;
    font-family: "Old Standard TT";
    font-weight: normal;
    font-size: 40px;
    line-height: 47px;
    color: black;
}

.details-info-box ul li {
    margin-bottom: 5px;
    list-style-type: disc;
    font-size: 15px;
    line-height: 25px;
    color: black;
}

.details-info-box ul li strong {
    font-family: 'montserrat-bold';
    color: #515D59;
}

.details-info-box .bottom-left {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.details-info-box .bottom-right {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.details-info-box dl {
    overflow: hidden;
    display: inline-block;
    width: 240px;
    font-size: 15px;
    line-height: 25px;
    color: black;
}

.details-info-box dl dt {
    float: left;
    clear: left;
    font-family: 'montserrat-bold';
    color: #515D59;
}

.details-info-box dl dd {
    float: right;
    text-align: right;
}


/* Bottom related items */

.related-info {
    max-width: 640px;
    padding: 30px 20px 0;
    margin: 0 auto;
    text-align: center;
}

.related-info h3 {
    margin-bottom: 25px;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: black;
}

.related-info .center-list {
    padding-top: 60px;
    text-align: center;
}

.related-info .center-list li {
    display: inline-block;
    width: 240px;
}

.related-info .center-list li a {
    display: block;
    color: black;
}

.related-info .center-list li img {
    display: block;
    width: 127px;
    height: auto;
    margin: 0 auto 20px;
    border-radius: 50%;
}

.related-info .center-list li h4 {
    font-family: 'montserrat-bold';
    font-size: 18px;
    line-height: 27px;
    color: black;
}

.related-info .center-list li p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 27px;
    color: black;
}

.related-info .center-list li span {
    display: block;
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 27px;
    color: black;
    text-decoration: underline;
}

.related-info .center-list li small {
    display: block;
    font-family: 'montserrat-bold';
    font-size: 14px;
    line-height: 27px;
    color: #C9C9C9;
    text-transform: uppercase;
}


/* Book a tour style updates */

.hero-section.small {
    height: calc(100vh - 240px);
}

.hero-section.flexible {
    height: auto;
}

.hero-section.flexible section {
    position: relative;
    bottom: auto;
    padding: 150px 0 170px;
    transform: translate(-50%, 0);
}

.hero-section.membership.flexible section {
    padding: 220px 0 329px;
}

.map-book-outer {
    position: relative;
    margin-top: -200px;
    background-color: white;
}

.map-book-outer #map {
    width: 100%;
    height: 714px;
}

.map-book-outer #map span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*
    + Booking section - footer */

.booking-section {
    position: relative;
    max-width: 1680px;
    margin: 0 auto;
    padding: 240px 0 120px;
    background-color: #FFFFFF;
}

.booking-section article {
    position: relative;
    width: 530px;
    margin: 0 auto;
    text-align: center;
    z-index: 4;
}

.booking-section .particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.booking-section .particles #particles-booking-section {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle, transparent 20%, black 100%);
    mask-image: radial-gradient(circle, transparent 20%, black 100%);
}

.booking-section .particles #particles-booking-section .particles {
    right: auto;
    bottom: auto;
}

.booking-section h3 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 70px;
    z-index: 5;
}

.booking-section p {
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 26px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 70px;
}

.booking-section h4 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -70%);
    font-family: 'Old Standard TT', serif;
    font-size: 160px;
    line-height: 71px;
    color: rgba(225, 225, 225, 0.52);
    z-index: 4;
}

.booking-section .green-dark {
    font-size: 16px;
}


/*
    + Subscribe */

.subscribe {
    background: -moz-linear-gradient(left, #4a3434 0%, #d16c4d 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #d16c4d 100%);
    background: linear-gradient(to right, #4a3434 0%, #d16c4d 100%);
}

.subscribe form {
    overflow: hidden;
    max-width: 1120px;
    padding: 25px 0;
}

.subscribe p {
    float: left;
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 42px;
    color: #ffffff;
    letter-spacing: 0.75px;
}

.subscribe fieldset {
    float: right;
}

.subscribe input {
    float: left;
    width: 380px;
    padding: 0px 0px 6px;
    margin: 6px 80px 0 0;
    font-family: 'montserrat-light';
    color: #ffffff;
    line-height: 30px;
    font-size: 15px;
    letter-spacing: 0.75px;
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0px;
    -webkit-appearance: none;
}

.subscribe ::-webkit-input-placeholder {
    opacity: 0.35;
    color: #ffffff;
}

.subscribe ::-moz-placeholder {
    opacity: 0.35;
    color: #ffffff;
}

.subscribe :-ms-input-placeholder {
    opacity: 0.35;
    color: #ffffff;
}

.subscribe :-moz-placeholder {
    color: #ffffff;
}

.subscribe button {
    float: left;
    min-width: 0px;
    padding: 0px 50px;
    line-height: 42px;
    font-size: 16px;
    background: none;
    outline: none;
    -webkit-appearance: none;
}

.desktop .subscribe button:hover {
    color: #000000;
    background: #ffffff;
}

.desktop .subscribe button:active {
    color: #000000;
    background: #f5f5f5;
}

input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*
    + Location and map*/

.location {
    overflow: visible;
    z-index: 6;
    position: relative;
}

.location .wrapper .main-wrapper {
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
    overflow: visible;
}

.location .wrapper .main-wrapper article {
    position: absolute;
    top: -160px;
    right: auto;
    bottom: auto;
    left: -60px;
    max-width: 480px;
    max-height: 770px;
    padding: 60px 76px 60px 90px;
    z-index: 5;
    background: linear-gradient(225.13deg, #566560 0%, #3E4744 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.location .wrapper .main-wrapper article hgroup {
    margin-bottom: 40px;
}

.location .wrapper .main-wrapper article hgroup h3 {
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 700;
}

.location .wrapper .main-wrapper article hgroup h4 {
    margin-top: 30px;
    font-family: 'montserrat-regular';
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 500;
}

.location .wrapper .main-wrapper article p {
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 26px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 300;
}

.location .wrapper .main-wrapper article .rounded-btn {
    min-width: 100%;
    margin-top: 70px;
}

.location .wrapper .main-wrapper article .rounded-btn:hover {
    background: #f3f6f2;
    color: #202120;
    border: 1px solid transparent;
}

.location .wrapper .main-wrapper article .rounded-btn:active {
    background: #f0f4ec;
    color: #000;
}

.location .wrapper .main-wrapper article h5 {
    position: absolute;
    left: 8%;
    top: 0;
    margin-left: -45px;
    transform: translate(-50%, -50%);
    font-family: 'Old Standard TT', serif;
    font-size: 175px;
    line-height: 47px;
    color: rgba(149, 149, 149, 0.18);
    z-index: 4;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-100%, 50%);
    -moz-transform: rotate(-90deg) translate(-100%, 50%);
    -ms-transform: rotate(-90deg) translate(-100%, 50%);
    -o-transform: rotate(-90deg) translate(-100%, 50%);
    transform: rotate(-90deg) translate(-100%, 50%);
}

.location #map {
    width: 100%;
    height: 1000px;
}


 

.sections-nav {
    position: fixed;
    right: 7vw;
    top: 46%;
    z-index: 9996;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sections-nav li {
    margin-bottom: 15px;
}

.sections-nav li a {
    display: block;
    width: 6px;
    height: 6px;
    text-indent: -9999px;
    background: rgba(94, 94, 94, 0.90);
    border-radius: 50%;
    outline: none;
    transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
}

.sections-nav li.active a {
    background: #ffffff;
}

.sections-nav.dark li a {
    background: rgba(0, 0, 0, 0.2)
}

.sections-nav.dark li.active a {
    background: #000000
}

.sections-nav li:last-child {
    margin-bottom: 0px;
}

.home .sections-nav {
    -webkit-transition: all 350ms ease-in-out !important;
    -moz-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important;
}

.sections-nav.houses-intro-anim {
    -webkit-transform: translateX(66px) translateY(-50%);
    -moz-transform: translateX(66px) translateY(-50%);
    transform: translateX(66px) translateY(-50%);
}

.join-btn {
    position: fixed;
    right: 60px;
    bottom: 100px;
    z-index: 9996;
    width: 80px;
    height: 80px;
    font-family: 'montserrat-regular';
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50%;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.join-btn span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    -moz-transition: -moz-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
}

.join-btn i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-style: normal;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home .join-btn i {
    white-space: nowrap;
}

.join-btn span:after {
    content: "";
    position: absolute;
    top: 25%;
    left: -68%;
    opacity: 0;
    width: 100%;
    height: 200%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 71%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.13) 92%, rgba(255, 255, 255, 0.0) 100%);
}

.desktop .join-btn:hover span:after {
    opacity: 1;
    top: -120%;
    left: 88%;
    transition-property: left, top, opacity;
    transition-duration: 1.4s, 1.4s, 1s;
    transition-delay: 100ms;
    transition-timing-function: ease;
}

.desktop .join-btn:hover span {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.1);
    transform: translateX(0%) translateY(0%) translateZ(0px) scale(1.1);
    -webkit-transition: -webkit-transform 250ms 100ms ease-in-out;
    -moz-transition: -moz-transform 250ms 100ms ease-in-out;
    transition: transform 250ms 100ms ease-in-out;
}

.join-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(45deg, #8c4937 0%, #a3513a 100%);
    background: -webkit-linear-gradient(45deg, #8c4937 0%, #a3513a 100%);
    background: linear-gradient(45deg, #8c4937 0%, #a3513a 100%);
    -webkit-transform: scale(1) translateZ(0px);
    -moz-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.desktop .join-btn:hover:before {
    -webkit-transform: scale(1.15) translateZ(0px);
    -moz-transform: scale(1.15) translateZ(0px);
    transform: scale(1.15) translateZ(0px);
}

.join-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: url(../img/btn-close.png) center no-repeat #333333;
    background-size: 25px 25px;
    border-radius: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.desktop .join-btn:hover:after {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.15);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.15);
    transform: translateX(0%) translateY(0%) translateZ(0px) scale(1.15);
}

.join-btn.close:after {
    opacity: 1;
}

.join-btn.hidden {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}


/*
    + Sliders */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.tablet .with-white-box .slick-track {
    width: 100% !important;
}

.slick-slide {
    display: none;
    position: relative;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: block;
}

.tablet .with-white-box .slick-slide {
    position: absolute !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}

.slick-arrow {
    display: none !important;
}
 
    .with-white-box .holder {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 150px;
        width: 50%;
        max-width: 100%;
        margin: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-family: 'Mj_Text Light_0';
    }
        .with-white-box .holder .title-box {
            font-family: 'Mj_Text Bold_0';
            margin: 1em auto;
        }
.home-retreats article {
    padding-top: 30px;
}

.with-white-box .with-particles {
    z-index: 2;
}

.with-white-box article {
    position: relative;
    z-index: 3;
}

.with-white-box article h3 {}

/*.with-white-box article p {
    margin-bottom: 50px;
}*/

.with-white-box article p:last-child {
    margin-bottom: 0px;
}

.with-white-box.went-up article {
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box .white-bgr {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 200%;
    height: 100%;
    background: #ffffff;
    -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -webkit-transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ie11 .with-white-box .white-bgr {
    backface-visibility: visible;
}

.with-white-box.went-up .white-bgr {
    -webkit-transform: translateX(0%) translateY(-100%) translateZ(0px);
    -moz-transform: translateX(0%) translateY(-100%) translateZ(0px);
    transform: translateX(0%) translateY(-100%) translateZ(0px);
    -webkit-transition: all 550ms 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 550ms 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 550ms 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.with-white-box.active .white-bgr {
    -webkit-transform: translateX(-50%) translateY(0) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(0) translateZ(0px);
    transform: translateX(-50%) translateY(0) translateZ(0px);
    -webkit-transition: all 650ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 650ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 650ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.with-white-box.home-coworking.active .white-bgr {
    -webkit-transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 650ms 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.with-white-box .green-bgr {
    display: block;
    position: absolute;
    left: 0%;
    top: 0px;
    width: 200%;
    height: 100%;
    padding-top: 100px;
    background: #F1EADF;
    -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ie11 .with-white-box .green-bgr {
    backface-visibility: visible;
}

.with-white-box.active .green-bgr {
    -webkit-transform: translateX(-50%) translateY(0%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(0%) translateZ(0px);
    transform: translateX(-50%) translateY(0%) translateZ(0px);
    -webkit-transition: all 250ms 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box.home-coworking.active .green-bgr {
    -webkit-transform: translateX(-50%) translateY(0%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(0%) translateZ(0px);
    transform: translateX(-50%) translateY(0%) translateZ(0px);
    -webkit-transition: all 250ms 900ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms 900ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms 900ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box.went-up .green-bgr {
    -webkit-transform: translateX(0%) translateY(-100%) translateZ(0px);
    -moz-transform: translateX(0%) translateY(-100%) translateZ(0px);
    transform: translateX(0%) translateY(-100%) translateZ(0px);
    -webkit-transition: all 550ms 600ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 550ms 600ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 550ms 600ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.with-white-box.went-up .holder {
    width: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190) !important;
    -moz-transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190) !important;
    transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190) !important;
}

.slider-nav {
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 3;
    width: 100%;
    height: 50px;
    background: #F1EADF;
}

.slider-nav div {
    width: 100%;
    height: 100%;
}

.slider-nav ul {
    height: 100%;
}

.slider-nav li {
    float: left;
    height: 100%;
}

.slider-nav .prev-next {
    float: right;
}

.slider-nav .prev-next a {
    display: block;
    position: relative;
    height: 100%;
    width: 160px;
    text-indent: -9999px;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    outline: none;
}

.arrow {
    position: absolute;
    display: block;
    top: 50%;
    left: 30px;
    z-index: 2;
    width: 78px;
    height: 1px;
    margin-top: -1px;
    background: #000000;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.arrow:after {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    -webkit-transform: rotate(135deg) translateZ(0px);
    -moz-transform: rotate(135deg) translateZ(0px);
    transform: rotate(135deg) translateZ(0px);
}

.arrow-prev {
    right: 30px;
    left: auto;
    -webkit-transform: rotate(180deg) translateZ(0px);
    -moz-transform: rotate(180deg) translateZ(0px);
    transform: rotate(180deg) translateZ(0px);
}

.slider-nav .prev-next a:after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 122px;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    -webkit-transform: scale(0, 1) translateX(-30px) translateZ(0px);
    -moz-transform: scale(0, 1) translateX(-30px) translateZ(0px);
    transform: scale(0, 1) translateX(-30px) translateZ(0px);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.slider-nav .prev-next a.prev:after {
    right: auto;
    left: 0px;
    -webkit-transform: scale(0, 1) translateX(30px) translateZ(0px);
    -moz-transform: scale(0, 1) translateX(30px) translateZ(0px);
    transform: scale(0, 1) translateX(30px) translateZ(0px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.slider-nav .prev-next a:hover:after {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0px) translateZ(0px);
    -moz-transform: scale(1, 1) translateX(0px) translateZ(0px);
    transform: scale(1, 1) translateX(0px) translateZ(0px);
}

.slider-nav .prev-next a:active:after {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: scale(1, 1) translateX(-15px) translateZ(0px);
    -moz-transform: scale(1, 1) translateX(-15px) translateZ(0px);
    transform: scale(1, 1) translateX(-15px) translateZ(0px);
}

.slider-nav .prev-next a.prev:active:after {
    -webkit-transform: scale(1, 1) translateX(15px) translateZ(0px);
    -moz-transform: scale(1, 1) translateX(15px) translateZ(0px);
    transform: scale(1, 1) translateX(15px) translateZ(0px);
}

.slider-nav .prev-next a.prev {
    padding-right: 30px;
}

.slider-nav .prev-next a.next {
    padding-left: 30px;
}

.slider-nav .prev-next a.prev.disabled {
    opacity: 0;
    cursor: default;
}

.slider-nav .dots {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.slider-nav .dots li {
    position: relative;
    width: 16px;
}

.slider-nav .dots li a {
    display: block;
    opacity: 0.1;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 6px;
    height: 6px;
    text-indent: -9999px;
    background: #000000;
    border-radius: 50%;
    outline: none;
    -webkit-transform: translateY(-50%) translateZ(0px);
    -moz-transform: translateY(-50%) translateZ(0px);
    transform: translateY(-50%) translateZ(0px);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
}

.slider-nav .dots li.active a {
    opacity: 1;
}

.slider-nav .dots li:last-child {
    width: 6px;
}

.with-white-box.went-up .slider-nav {
    opacity: 0;
    height: 100px;
    -webkit-transform: translateY(0px) translateZ(0px);
    -moz-transform: translateY(0px) translateZ(0px);
    transform: translateY(0px) translateZ(0px);
    -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.media-holder,
.media-holder span {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.media-holder span .caption {
    position: absolute;
    left: 50%;
    bottom: 140px;
    margin-left: 70px
}

.media-holder span .caption p {
    font-family: 'montserrat-light';
    font-size: 12px;
    line-height: 12px;
    color: black;
}

.media-holder span .caption p strong {
    font-family: 'montserrat-bold';
}

.media-holder span .caption p strong,
.media-holder span .caption p em {
    display: inline-block;
    padding: 2px 5px;
    font-style: normal;
    background-color: white;
}

.rounded-btn {
    display: inline-block;
    min-width: 240px;
    padding: 0 40px;
    font-family: 'montserrat-regular';
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.rounded-btn.small {
    min-width: initial;
    padding: 0 15px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 15px;
}


/* .desktop .rounded-btn:hover, .desktop .rounded-btn:active {background: #ffffff; color: #000000;} */

.rounded-btn.green-dark {
    background-color: #53605B;
}

.rounded-btn.green-dark:hover {
    background: #f3f6f2;
    color: #202120;
    border: 1px solid transparent;
}

.rounded-btn.green-dark:active {
    background: #f0f4ec;
    color: #000;
}

.underlined-btn {
    display: inline-block;
    position: relative;
    font-family: 'montserrat-regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 16px;
}

.underlined-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5)
}

.desktop .underlined-btn:hover,
.desktop .underlined-btn:active {
    font-family: 'montserrat-bold';
}


/* Members area Submenu */

.dropdown {
    float: initial;
    margin: 0;
}

.dropdown-menu {
    border-bottom: 5px solid #A44D3B;
    display: none;
    width: 210px;
    background-color: #fff;
    position: fixed;
    right: 0;
    padding: 0 20px;
    text-align: right;
}

.members-area {
    display: inline-block;
    position: relative;
}

.open .dropdown-menu {
    display: block;
}

.dropdown-toggle {
    font-family: 'montserrat-regular';
    color: #ffffff;
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    display: block;
}

.dropdown-menu li a {
    color: #000000;
}

@media only screen and (max-width: 1024px) {
    .dropdown-menu {
        bottom: 50px;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}


/*
+ Intro */

.intro {}

.intro video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px)
}

.intro article {
    position: absolute;
    left: 50%;
    top: 87%;
    width: 100%;
    max-width: 860px;
    color: #ffffff;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: -moz-transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ie11 .intro article {
    backface-visibility: visible;
}

.intro .welcome-slide article {
    padding-top: 120px;
    background: url(../img/bgr-logo-large.png) center top no-repeat;
    background-size: 122px 72px;
}

.intro article h2,
.houses .intro article h1,
.home .intro article h1,
.home .intro article h3 {
    margin-bottom: 25px;
     font-family: 'IRANSansWeb';
     font-size: 5em;
  
}

.intro article p {
    font-family:'Aller_Lt';
    font-size: .95rem;
    line-height: 32px;
    font-weight: bold;
    color: #eee;
}

.desktop .intro article .rounded-btn:hover {
    color: #000000;
    background: #ffffff;
}

.desktop .intro article .rounded-btn:active {
    color: #000000;
    background: #f5f5f5;
}
 

.with-white-box {}

.with-white-box .media-holder {
    -webkit-transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1) translateZ(0px);
    -moz-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
}

.ie11 .with-white-box .media-holder {
    backface-visibility: visible;
}

.with-white-box.active .media-holder {
    -webkit-transition: all 2650ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 2650ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 2650ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: scale(1.15) translateZ(0px);
    -moz-transform: scale(1.15) translateZ(0px);
    transform: scale(1.15) translateZ(0px);
}

.home-coworking.active .media-holder {
    -webkit-transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 2250ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: scale(1.15) translateZ(0px);
    -moz-transform: scale(1.15) translateZ(0px);
    transform: scale(1.15) translateZ(0px);
}

.with-white-box .holder {
    padding: 0;
}

.with-white-box .with-particles {
    opacity: 0;
    -webkit-transform: translateX(-25%) translateZ(0px);
    -moz-transform: translateX(-25%) translateZ(0px);
    transform: translateX(-25%) translateZ(0px);
    -webkit-transition: all 1500ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 1500ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 1500ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.with-white-box .with-particles canvas {
    opacity: 0.2;
}

.with-white-box .particles-overlay {
    background: -moz-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at right center, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}

.with-white-box .with-particles,
.with-white-box.went-up .with-particles {
    opacity: 0.25;
    -webkit-transform: translateX(0%) translateZ(0px);
    -moz-transform: translateX(0%) translateZ(0px);
    transform: translateX(0%) translateZ(0px);
}

.with-white-box article {
    opacity: 0;
    width: 70%;
    direction: rtl;
    margin: 4em auto;
    margin-bottom: 0;
    -webkit-transform: translateX(-30%) translateZ(0px);
    -moz-transform: translateX(-30%) translateZ(0px);
    transform: translateX(-30%) translateZ(0px);
    -webkit-transition: all 1250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 1250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 1250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ie11 .with-white-box article {
    backface-visibility: visible;
}

.with-white-box.home-coworking article {
    -webkit-transition: all 1250ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 1250ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 1250ms 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box.went-up article {
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box article h3,
.with-white-box article h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
}

/*.with-white-box article h3:before,
.with-white-box article h2:before {
    content: attr(data-title);
    position: absolute;
    bottom: 10px;
    left: -150px;
    z-index: -1;
    font-family: 'Old Standard TT', serif;
    font-size: 106px;
    line-height: 105px;
    color: rgba(218, 218, 218, .52);
}*/

.with-white-box .rounded-btn {
    min-width: 0px;
    padding: 0 45px;
    font-size: 16px;
    line-height: 45px;
}

.with-white-box article p {
    -webkit-transition: all 1450ms 700ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 1450ms 700ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 1450ms 700ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translateX(-30px) translateZ(0px);
    -moz-transform: translateX(-30px) translateZ(0px);
    transform: translateX(-30px) translateZ(0px);
}

.with-white-box.active article p,
.with-white-box.went-up article p {
    -webkit-transform: translateX(0px) translateZ(0px);
    -moz-transform: translateX(0px) translateZ(0px);
    transform: translateX(0px) translateZ(0px);
}

.with-white-box.active article {
    opacity: 1;
    -webkit-transform: translateX(0px) translateZ(0px);
    -moz-transform: translateX(0px) translateZ(0px);
    transform: translateX(0px) translateZ(0px);
}

.with-white-box .slider-nav {
    opacity: 0;
    height: 0px;
    -webkit-transition: all 250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms 1400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box.home-coworking .slider-nav {
    opacity: 0;
    height: 0px;
    -webkit-transition: all 250ms 800ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 250ms 800ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 250ms 800ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.with-white-box.active .slider-nav {
    height: 62px;
    opacity: 1;
}


/*
+ The Manifesto */

.manifesto {
    background: url(../img/bgr-manifesto.jpg) center no-repeat;
    background-size: cover;
}

.manifesto article {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 100%;
    max-width: 1250px;
    color: #ffffff;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -webkit-transition: all 750ms 1200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 1200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 1200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.manifesto article h3 {
    position: absolute;
    left: 50%;
    top: 0px;
    font-family: 'Old Standard TT', serif;
    color: rgba(225, 225, 225, 0.35);
    font-size: 270px;
    line-height: 0px;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
}

.manifesto article h2 {
    margin-bottom: 20px;
    font-family: 'montserrat-bold';
    font-size: 50px;
}

.manifesto article p {
    max-width: 755px;
    margin: 0px auto 15px;
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 28px;
}

.manifesto article p:last-child {
    margin-bottom: 0px;
}

.manifesto.active article,
.manifesto.went-up article {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(0%) translateZ(0px);
    transform: translateX(-50%) translateY(0%) translateZ(0px);
}

.manifesto.from-first article {
    -webkit-transition: all 750ms 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

    .manifesto .principles {
        position: absolute;
        left: 50%;
        bottom: 0px;
        max-width: 1250px;
        width: 100%;
        background: #F1EADF;
        -webkit-transform: translateX(-50%) translateZ(0px);
        -moz-transform: translateX(-50%) translateZ(0px);
        transform: translateX(-50%) translateZ(0px);
    }

.manifesto .principles .white-bgr,
.manifesto .principles .green-bgr {
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.manifesto .principles .white-bgr {
    bottom: 100%;
    height: 100px;
    margin-bottom: -100px;
    background: #ffffff;
}

.manifesto.went-up .principles .white-bgr {
    -webkit-transition: all 550ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 550ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 550ms 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.manifesto.active .principles .white-bgr {
    -webkit-transform: scale(1, 1) translateZ(0px) !important;
    -moz-transform: scale(1, 1) translateZ(0px) !important;
    transform: scale(1, 1) translateZ(0px) !important;
    -webkit-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.manifesto.from-first .principles .white-bgr {
    -webkit-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

    .manifesto .principles .green-bgr {
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0%;
        height: 100%;
        margin-bottom: -100px;
        background: #F1EADF;
    }

.manifesto.active .principles .green-bgr {
    -webkit-transform: scale(1, 1) translateZ(0px) !important;
    -moz-transform: scale(1, 1) translateZ(0px) !important;
    transform: scale(1, 1) translateZ(0px) !important;
    -webkit-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.manifesto.from-first .principles .green-bgr {
    -webkit-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.manifesto.went-up .principles .green-bgr {
    -webkit-transition: all 550ms 1000ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 550ms 1000ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 550ms 1000ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

#principles-particles {
    z-index: 2;
}

#principles-particles canvas {
    opacity: 0.1;
}

.manifesto .principles h6 {
    position: relative;
    z-index: 3;
    height: 100px;
    padding: 0 100px 0 140px;
    font-family: 'montserrat-bold';
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 100px;
}

.manifesto .principles h6:after {
    content: "";
    display: block;
    position: absolute;
    left: 140px;
    bottom: 28px;
    width: 20px;
    height: 2px;
    background: #000000;
}

.manifesto.active .principles h6 {
    -webkit-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translateY(0px) translateZ(0px) !important;
    -moz-transform: translateY(0px) translateZ(0px) !important;
    transform: translateY(0px) translateZ(0px) !important;
}

.manifesto.from-first .principles h6 {
    -webkit-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translateY(0px) translateZ(0px) !important;
    -moz-transform: translateY(0px) translateZ(0px) !important;
    transform: translateY(0px) translateZ(0px) !important;
}

.manifesto.went-up .principles h6 {
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.manifesto .principles ul {
    overflow: hidden;
    position: relative;
    z-index: 3;
    padding: 40px 100px 50px 140px;
}

.manifesto .principles ul li {
    float: left;
    width: 238px;
    margin-right: 145px;
}

.manifesto .principles ul li h3 {
    margin-bottom: 25px;
    font-family: 'montserrat-bold';
    font-size: 21px;
    line-height: 25px;
}

.manifesto .principles ul li p {
    font-size: 13px;
    line-height: 23px;
}

.manifesto .principles ul li:last-child {
    margin-right: 0px;
}

.manifesto.active .principles ul {
    -webkit-transform: translateY(0px) translateZ(0px) !important;
    -moz-transform: translateY(0px) translateZ(0px) !important;
    transform: translateY(0px) translateZ(0px) !important;
    -webkit-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.manifesto.from-first .principles ul {
    -webkit-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 750ms 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.manifesto.went-up .principles ul {
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    -moz-transition: all 250ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition: all 250ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

.manifesto.went-up .principles {
    max-width: 100% !important;
    -webkit-transition: all 400ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 400ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 400ms 250ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
}


/*
+ Impact */

.impact {}

.impact .media-holder {
    /* -webkit-transition: all 2250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
            -moz-transition: all 2250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition: all 2250ms 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
            -webkit-backface-visibility: hidden; backface-visibility: hidden; */
}

.impact.active .media-holder {
    /* transform: scale(1.15) */
}

.impact .holder {
    -webkit-transition: -webkit-transform 750ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: -moz-transform 750ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translateY(-120%) translateZ(0px);
    -moz-transform: translateY(-120%) translateZ(0px);
    transform: translateY(-120%) translateZ(0px);
}

.impact.from-first .holder {
    -webkit-transition: -webkit-transform 750ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: -moz-transform 750ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.impact.from-second .holder {
    -webkit-transition: -webkit-transform 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: -moz-transform 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

#impact-particles {
    z-index: 2;
}

.with-white-box .particles-overlay {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
    /*background: -moz-radial-gradient(right center, ellipse cover, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
                    background: -webkit-radial-gradient(right center, ellipse cover, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%);
                    background: radial-gradient(ellipse at right center, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%);*/
}

.with-white-box canvas {
    opacity: 0.25;
}

#impact-particles canvas {
    opacity: 0.25;
}

.impact article {
    width: 450px;
    margin: 0px auto;
    -webkit-transform: translateX(30px) translateZ(0px);
    -moz-transform: translateX(30px) translateZ(0px);
    transform: translateX(30px) translateZ(0px);
}

.impact article h3 {
    top: 70px;
    left: 50%;
    font-size: 204px;
    line-height: 20px;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
}

.impact article h2 {
    margin: 0 -45px 30px 0;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
}

.impact article ul {
    overflow: hidden;
    margin: 0 -75px 45px 0;
}

.impact article ul li {
    float: left;
    width: 50%;
    padding: 10px 0 10px 15px;
    font-family: 'montserrat-medium';
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-left: 1px solid #808080;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.impact article ul li:nth-child(2n+1) {
    clear: left;
}

.impact article a {
    margin-top: 15px;
    color: #000000;
    font-size: 14px;
}

.impact article a:after {
    background: rgba(0, 0, 0, 0.5);
}

.impact .slider-nav .dots {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.impact.active .holder,
.impact.went-up .holder {
    -webkit-transform: translateY(0%) translateZ(0px);
    -moz-transform: translateY(0%) translateZ(0px);
    transform: translateY(0%) translateZ(0px);
}


/*
+ Become An Assembly Member */

.become-member {
    z-index: 1;
    background: url(../img/bgr-become-member.jpg) center no-repeat;
    background-size: cover;
}

#become-member-particles {
    opacity: 0.35;
    -webkit-mask-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1));
    mask-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1));
}

#become-member-particles canvas {
    opacity: 0.35;
}

.become-member article {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    opacity: 0;
    max-width: 440px;
    padding-top: 240px;
    text-align: center;
    color: #ffffff;
    -webkit-transform: translateX(-50%) translateY(-35%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-35%) translateZ(0px);
    transform: translateX(-50%) translateY(-35%) translateZ(0px);
    -webkit-transition: all 950ms 950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 950ms 950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 950ms 950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.become-member article h4 {
    display: none;
}

.become-member article h3 {
    position: absolute;
    left: 50%;
    top: 0px;
    opacity: 0.2;
    font-family: 'Old Standard TT', serif;
    font-size: 180px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
}

.become-member blockquote {
    margin-bottom: 70px;
}

.become-member blockquote p {
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 34px;
}

.become-member blockquote p:before {
    content: "“";
}

.become-member blockquote p:after {
    content: "”";
}

.become-member blockquote cite {
    font-family: 'montserrat-regular';
    font-style: normal;
    font-size: 18px;
    line-height: 40px;
}

.become-member blockquote cite:before {
    content: "- ";
}

.become-member .rounded-btn {
    margin-bottom: 40px;
    font-size: 16px;
}

.desktop .become-member .rounded-btn:hover {
    color: #000000;
    background: #ffffff;
}

.desktop .become-member .rounded-btn:active {
    color: #000000;
    background: #f5f5f5;
}

.become-member .underlined-btn {
    font-size: 14px;
}

.sections-group.active .become-member article {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
}

.sections-group.from-first .become-member article {
    -webkit-transition: all 950ms 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 950ms 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 950ms 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.sections-group.from-second .become-member article {
    -webkit-transition: all 950ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 950ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 950ms 1350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.sections-group.from-third .become-member article {
    -webkit-transition: all 950ms 1950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 950ms 1950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 950ms 1950ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/*
= HOUSES
------------------------------------------------------------------------------------- */

.home .sections-holder {
    padding-top: 0px;
}


/*
+ Intro */

/*.houses .intro .media-holder:after,
.home .intro .media-holder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.55 !important;
    width: 100%;
    height: 100%;
    background: #000000;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    transition: opacity 350ms ease-in-out;
}*/

.overlayed:after {
    opacity: 0.75 !important;
}

.hero-slider {
    height: 100%;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.hero-slider .hand {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    opacity: 1;
    width: 50px;
    height: 66px;
    background: url(../img/bgr-hand.png) left top no-repeat;
    background-size: 100% auto;
    -webkit-transition: all 500ms ease-in-out !important;
    -moz-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    -webkit-transition-property: -webkit-transform, opacity !important;
    -moz-transition-property: -moz-transform, opacity !important;
    transition-property: transform, opacity !important;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.hero-slider .hand.houses-intro-anim {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
    transform: translateX(-50%) translateY(-50%) scale(1.5);
}

.hero-slider .hand.dragging-hand {
    background-position: left bottom;
}

.houses .intro article {
    padding-top: 0px;
    background: none;
}

.houses .intro article h1 {
    letter-spacing: 70px;
    line-height: 118px;
    margin-right: -70px;
}

.intro article h3,
.home .intro article h1,
.houses .intro article h2 {
    margin-bottom: 35px;
    font-family: 'IRANSansWeb';
    font-size: 1rem;
     color: #ffffff;
}

.home .intro article h1 {
    font-family: 'IRANSansWeb';
    font-size: 1rem;
}

.houses .intro article h2 {
    margin-bottom: 65px;
    font-size: 38px;
    letter-spacing: 8px;
}

.houses .intro article h3 {
    margin-bottom: 0px;
}

.intro article h4 {
    padding: 0px 20px;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    letter-spacing: 0.25px;
}

.houses .intro article h4 {
    margin-bottom: 80px;
}

.intro article h5 {
    margin-bottom: 55px;
    font-family: 'IRANSansWeb';
    font-style: italic;
    text-align: center;
    font-size: 32px;
    letter-spacing: 6px;
}

.home .intro .welcome-slide article {
    padding-top: 140px;
}

/*.home .intro article h3,
.home .intro article h1 {
    margin: 0 -150px;
 }*/

.home .intro article h3 span,
.home .intro article h1 span {
    display: block;
    margin-bottom: 20px;
    font-family: 'montserrat-regular';
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 11px;
    font-style: normal;
}

.home .intro article p {
    padding: 0 50px;
    margin-bottom: 45px;
}

.home .intro article h4 {
    font-family: ' ';
    font-size: 30px;
    line-height: 32px;
    font-style: italic;
}

.hero-slider:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.hero-slider-nav,
.mobile .hero-slider-nav {
    position: absolute;
    left: 300px;
    right: 300px;
    bottom: 12%;
    opacity: 1;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: all 350ms ease-in-out !important;
    -moz-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important;
}

.hero-slider-nav.houses-intro-anim {
    opacity: 0;
    -webkit-transform: translateY(66px);
    -moz-transform: translateY(66px);
    transform: translateY(66px);
}

.hero-slider-nav .slick-list {
    overflow: visible;
}

.hero-slider-nav .slick-slide {
    position: relative;
    width: 140px;
    height: 26px;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    transition: all 1000ms;
}

.hero-slider-nav .slick-slide.prevented {
    opacity: 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.hero-slider-nav .slick-slide span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    width: 2px;
    height: 2px;
    background: #000000;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) scale(1) translateZ(0px);
    -webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
    -moz-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
    cursor: pointer;
}

.hero-slider-nav .slick-slide span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 15px;
    font-family: 'montserrat-regular';
    font-size: 12px;
    color: #ffffff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hero-slider-nav .slick-slide:before,
.hero-slider-nav .slick-slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    height: 1px;
    width: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.hero-slider-nav .slick-slide:after {
    left: auto;
    right: 0px;
}

.hero-slider-nav .slick-current {}

.hero-slider-nav .slick-current span {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) scale(0) translateZ(0px);
    -webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
    -moz-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1.000) !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }
    50% {
        transform: scale(2.5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.2;
    }
}

.hero-slider-nav .slick-slide:first-child:before {
    display: none;
}

.hero-slider-nav .slick-slide:first-child:after {
    margin-top: -1px;
    background: none;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.hero-slider-nav .slick-slide:nth-child(2):before {
    left: auto;
    right: 50%;
    margin-top: -1px;
    background: none;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.hero-slider-nav.second-active .slick-slide:nth-child(2):before {
    transition: all 500ms ease-in-out;
    opacity: 1;
    width: 0px;
}

.hero-slider-nav.moved .slick-slide:nth-child(2):before {
    display: none;
}

.hero-slider-nav.pulsing .slick-slide:nth-child(2):before {
    display: block;
    left: 50%;
    opacity: 1;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    animation: pulse 1.5s ease-out;
    animation-iteration-count: infinite;
}

.hero-slider-nav .slick-slide:last-child:after {
    display: none;
}

.hero-slider-nav .slick-list:before {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    left: 34px;
    top: 8px;
    width: 15px;
    height: 9px;
    background: url(../img/bgr-two-arrows.png) center no-repeat;
    background-size: cover;
    -webkit-transition: all 250ms ease-in-out !important;
    -moz-transition: all 250ms ease-in-out !important;
    transition: all 250ms ease-in-out !important;
}

.first-active .slick-list:before {
    opacity: 1;
}

.second-active .slick-list:before {
    opacity: 1;
    -webkit-transition: all 250ms 250ms ease-in-out !important;
    -moz-transition: all 250ms 250ms ease-in-out !important;
    transition: all 250ms 250ms ease-in-out !important;
}

.hero-slider-nav:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 20px;
    height: 20px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
    -webkit-transition: all 250ms ease-in-out !important;
    -moz-transition: all 250ms ease-in-out !important;
    transition: all 250ms ease-in-out !important;
}

.first-active:after {
    background-size: 12px 12px;
}

@keyframes heroNavAnim {
    0% {
        transform: translateX(-50%) scale(1.5) translateZ(0px);
        opacity: 1;
    }
    50% {
        transform: translateX(-50%) scale(0) translateZ(0px);
        opacity: 0;
    }
    100% {
        transform: translateX(-50%) scale(1.5) translateZ(0px);
        opacity: 1;
    }
}

@keyframes heroNavHalfAnim {
    0% {
        transform: translateX(-50%) scale(0) translateZ(0px);
        opacity: 0;
    }
    50% {
        transform: translateX(-50%) scale(0) translateZ(0px);
        opacity: 0;
    }
    100% {
        transform: translateX(-50%) scale(1.5) translateZ(0px);
        opacity: 1;
    }
}

.hero-slider-nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 29px;
    width: 2px;
    height: 2px;
    background: #000000;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) scale(1.5) translateZ(0px);
    -moz-transform: translateX(-50%) scale(1.5) translateZ(0px);
    transform: translateX(-50%) scale(1.5) translateZ(0px);
}

.running:before {
    animation: heroNavAnim 500ms cubic-bezier(0.680, -1, 0.265, 0.5);
}

.first-slide-running:before {
    animation: heroNavHalfAnim 500ms cubic-bezier(0.680, -1.8, 0.265, 1.8);
}

.first-active:before {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0.5) translateZ(0px);
    -moz-transform: translateX(-50%) scale(0.5) translateZ(0px);
    transform: translateX(-50%) scale(0.5) translateZ(0px);
    -webkit-transition: 250ms ease-in-out !important;
    -moz-transition: 250ms ease-in-out !important;
    transition: 250ms ease-in-out !important;
    animation: none;
}

.scroll-down,
.mobile .scroll-down {
    position: absolute;
    font-family: 'Aller_Bd';
    bottom: 30px;
    left: 50%;
    display: block;
    opacity: 1;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 350ms ease-in-out !important;
    -moz-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important;
    cursor: pointer;
}

.scroll-down:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 16px auto 0px;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    transform: rotate(-135deg)
}

.scroll-down.houses-intro-anim {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(66px);
    -moz-transform: translateX(-50%) translateY(66px);
    transform: translateX(-50%) translateY(66px);
}


/*
+ Member | Suite | Events */

.member-suite-events {
    overflow: hidden;
    z-index: 2;
}

.member-suite-events .left {
    position: relative;
    z-index: 3;
    width: 50%;
    background: #ffffff;
}

.member-suite-events .titles-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%) translateZ(0px);
    -moz-transform: translateY(-100%) translateZ(0px);
    transform: translateY(-100%) translateZ(0px);
    -webkit-transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events .titles-holder h3 {
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    opacity: 0;
    font-family: 'Old Standard TT', serif;
    font-size: 418px;
    color: rgba(225, 225, 225, 0.5);
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -webkit-transition: all 750ms ease-in-out;
    -moz-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events .titles-holder h3.member {
    opacity: 1;
    margin-top: -11px;
}

.member-suite-events.went-up .titles-holder h3.events {
    -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-100%) translateZ(0px);
    transform: translateX(-50%) translateY(-100%) translateZ(0px);
    -webkit-transition: all 500ms 150ms ease-in-out;
    -moz-transition: all 500ms 150ms ease-in-out;
    transition: all 500ms 150ms ease-in-out;
}

.member-suite-events .green-bgrs {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events .green-bgrs span {
    position: absolute;
    left: 0px;
    display: block;
    width: 100%;
    height: 12.5%;
    background: rgba(240, 244, 235, 0.5);
}

.member-suite-events .green-bgrs .houses {
    top: 0px;
}

.member-suite-events .green-bgrs .member {
    top: 25%;
}

.member-suite-events .green-bgrs .suite {
    top: 50%;
}

.member-suite-events .green-bgrs .events {
    top: 75%;
}

.member-suite-events.went-up .green-bgrs {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-transform: scale(3, 1) translateZ(0px);
    -moz-transform: scale(3, 1) translateZ(0px);
    transform: scale(3, 1) translateZ(0px);
}

.member-suite-events .with-particles {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 50.01%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 75.01%, rgba(0, 0, 0, 1) 100%);
    /*//mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 33.3%, rgba(0,0,0,0) 88%, rgba(0,0,0,1) 100%);*/
}

.member-suite-events .with-particles canvas {
    opacity: 0.2;
}

.member-suite-events .articles-wrapper {
    position: relative;
    z-index: 3;
    -webkit-transition: all 750ms ease-in-out;
    -moz-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events .articles-holder {
    position: relative;
    z-index: 3;
    -webkit-transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events article {
    z-index: 2;
    width: 100%;
    max-width: 480px;
    margin: 0px auto;
}

.member-suite-events h3 {
    margin-bottom: 30px;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
}

.member-suite-events p {
    margin-bottom: 50px;
    font-size: 15px;
    line-height: 27px;
}

.member-suite-events p:last-child {
    margin-bottom: 0px;
}

.member-suite-events .rounded-btn {
    background: #53605b;
    border: none;
}

.desktop .member-suite-events .rounded-btn:hover {
    color: #000000;
    background: #f4f6f2;
}

.desktop .member-suite-events .rounded-btn:active {
    color: #000000;
    background: #f1f5ed;
}

.member-suite-events .underlined-btn {
    margin-bottom: 55px;
    color: #000000;
}

.member-suite-events .underlined-btn:after {
    background: rgba(0, 0, 0, 0.5);
}

.member-suite-events .underlined-btn:last-child {
    margin-bottom: 0px;
}

.member-suite-events.went-up article.events {
    opacity: 0;
    -webkit-transform: translateY(-30%) translateZ(0px);
    -moz-transform: translateY(-30%) translateZ(0px);
    transform: translateY(-30%) translateZ(0px);
    -webkit-transition: all 500ms 350ms ease-in-out;
    -moz-transition: all 500ms 350ms ease-in-out;
    transition: all 500ms 350ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.member-suite-events .right {
    width: 50%;
}

.member-suite-events .media-holder {
    position: relative;
    left: auto;
    top: auto;
}

.member-suite-events .media-holder.member {
    background-image: url(../img/bgr-join-assemblage.jpg);
}

.member-suite-events .media-holder.suite {
    background-image: url(../img/bgr-book-suite.jpg);
}

.member-suite-events .media-holder.events {
    background-image: url(../img/bgr-events-spaces.jpg);
}


/*
+ Our Houses */

.member-suite-events article.houses>p {
    margin-bottom: 120px;
}

.houses-list {
    overflow: hidden;
    margin: 0px -120px 0 0;
    list-style: none;
    counter-reset: houses-counter;
}

.houses-list li {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 70px;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.houses-list li span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
}

.houses-list li span canvas {
    position: relative;
}

.houses-list li span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(199, 199, 199, 1);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.houses-list li h4 {
    font-family: 'montserrat-bold';
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 45px;
}

.houses-list li h6 {
    margin-bottom: 5px;
    font-size: 15px;
    letter-spacing: 1px;
}

.houses-list li p {
    margin-bottom: 10px;
    font-family: 'montserrat-regular';
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.houses-list li p:last-child {
    margin-bottom: 0px;
}

.houses-list li .underlined-btn {
    font-size: 18px;
}

.houses-list li:before {
    content: counter(houses-counter, decimal-leading-zero);
    counter-increment: houses-counter;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    font-family: 'montserrat-bold';
    font-size: 15px;
    line-height: 45px;
    text-align: center;
}

.houses-list li:nth-child(2n+1) {
    clear: left;
}

.houses-list li:last-child {
    margin-bottom: 0px;
}

.slider.houses .slick-slide {
    background-position: center bottom;
}

.slider.houses .one {
    background-image: url(../img/bgr-nomad.jpg);
}

.slider.houses .two {
    background-image: url(../img/bgr-park.jpg);
}

.slider.houses .three {
    background-image: url(../img/bgr-john.jpg);
}


/*
        + The Sanctuary */

@keyframes sanctuaryArticleAnim {
    0% {
        transform: translateX(-60%) translateY(-50%) translateZ(0px);
        opacity: 0;
    }
    45% {
        transform: translateX(-60%) translateY(-50%) translateZ(0px);
        opacity: 0;
    }
    80% {
        transform: translateX(-50%) translateY(-50%) translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0px);
        opacity: 1;
    }
}

.sanctuary {
    background: #ffffff;
}

.sanctuary .media-holder {
    background-image: url(../img/bgr-sanctuary.jpg);
    -webkit-transition: all 2250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 2250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 2250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.sanctuary.active .media-holder {
    /*-webkit-transform: scale(1.15);
                        -moz-transform: scale(1.15);
                        transform: scale(1.15);*/
}

.sanctuary .holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    max-width: 100%;
    height: 100%;
    margin: 0px;
    background: #ffffff;
    -webkit-transform: translateX(-100%) translateZ(0px);
    -moz-transform: translateX(-100%) translateZ(0px);
    transform: translateX(-100%) translateZ(0px);
    -webkit-transition: all 1000ms 250ms ease-in-out;
    -moz-transition: all 1000ms 250ms ease-in-out;
    transition: all 1000ms 250ms ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#sanctuary-particles {
    top: auto;
    bottom: 0px;
    height: 50%;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

#sanctuary-particles canvas {
    opacity: 0.2;
}

.sanctuary article {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    padding-top: 0px;
    -webkit-transform: translateX(-75%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-75%) translateY(-50%) translateZ(0px);
    transform: translateX(-75%) translateY(-50%) translateZ(0px);
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.sanctuary h3 {
    margin-bottom: 30px;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
}

.sanctuary p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 27px;
}

.sanctuary p:last-child {
    margin-bottom: 0px;
}

.active .sanctuary article {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
    animation: sanctuaryArticleAnim 2000ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.sanctuary.went-up article {
    opacity: 0;
}

.sanctuary .holder:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 50%;
    background: rgba(240, 244, 235, 0.5);
    -webkit-transform: translateY(-50%) translateZ(0px);
    -moz-transform: translateY(-50%) translateZ(0px);
    transform: translateY(-50%) translateZ(0px);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.active .sanctuary .holder:before {
    -webkit-transform: translateY(0%) translateZ(0px);
    -moz-transform: translateY(0%) translateZ(0px);
    transform: translateY(0%) translateZ(0px);
}

.sanctuary .holder:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: -1;
    opacity: 0;
    width: 200%;
    font-family: 'Old Standard TT', serif;
    font-size: 418px;
    color: rgba(225, 225, 225, 0.4);
    text-align: center;
    -webkit-transform: translateX(50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(50%) translateY(-50%) translateZ(0px);
    transform: translateX(50%) translateY(-50%) translateZ(0px);
    -webkit-transition: all 1000ms 250ms ease-in-out;
    -moz-transition: all 1000ms 250ms ease-in-out;
    transition: all 1000ms 250ms ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.active .sanctuary .holder:after {
    opacity: 1;
    -webkit-transform: translateX(0%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(0%) translateY(-50%) translateZ(0px);
    transform: translateX(0%) translateY(-50%) translateZ(0px);
}

.active .sanctuary .holder {
    -webkit-transform: translateX(0%) translateZ(0px);
    -moz-transform: translateX(0%) translateZ(0px);
    transform: translateX(0%) translateZ(0px);
}


/*
+ Book An Apartment | Become A Resident */

.book-become {
    overflow: hidden;
}

.book-become li {
    float: left;
    position: relative;
    width: 50%;
    height: 240px;
}

.book-become a {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.book-become .media-holder {
    opacity: 0.85 !important;
    background-color: #53605b;
    background-blend-mode: multiply;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.book-become a:hover .media-holder {
    background-color: #727e78;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.book-become li:first-child .media-holder {
    background-image: url(../img/bgr-book-apartment.jpg);
}

.book-become li:last-child .media-holder {
    background-image: url(../img/bgr-become-resident.jpg);
}

.book-become h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    left: 50%;
    font-size: 30px;
    line-height: 28px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.book-become .arrow {
    left: 100%;
    margin-left: 35px;
    background: #ffffff;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.book-become a:hover .arrow {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(0%);
    transform: translateX(30px);
}

.book-become .arrow:after {
    border-color: #ffffff;
}

.book-become a:after {
    content: attr(data-title);
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    font-family: 'Old Standard TT', serif;
    font-size: 194px;
    color: rgba(225, 225, 225, 0.1);
    text-align: center;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.book-become a:hover:after {
    -webkit-transform: translateY(30%) scale(1.2);
    -moz-transform: translateY(30%) scale(1.2);
    transform: translateY(30%) scale(1.2);
}


/*
= RULES OF IMPACT
------------------------------------------------------------------------------------- */

.rules-page .hero-section {
    background-position: center bottom;
    bottom: 470px;
}

.rules-page .hero-section.rules-page-hero {
    overflow: hidden;
    bottom: auto;
    transform: none;
}

.rules-page .hero-section:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background: #cdcdcd;
    mix-blend-mode: color;
}

.rules-page .hero-section:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
    background: -webkit-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
    background: radial-gradient(circle at center top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 65%);
    mix-blend-mode: multiply;
}

.rules-page.trends-landing .hero-section:after {
    background: none;
    background: none;
    background: none;
    background-color: rgba(0, 0, 0, 0.8);
    mix-blend-mode: normal;
}

.ie11 .rules-page .hero-section:before,
.edge .rules-page .hero-section:before {
    display: none;
}

.ie11 .rules-page .hero-section:after,
.edge .rules-page .hero-section:after {
    background: #000;
    opacity: 0.6;
}

.rules-page .hero-section h1 {
    font-family: 'Old Standard TT', serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 80px;
    line-height: 90px;
}

.rules-page .main-content {
    margin-top: -220px;
}

.rules-page .main-content .wrapper {
    margin: 0 170px;
    padding: 106px 0 0;
}

.rules-page.single-trends-page .main-content .wrapper {
    padding: 0;
}

.rules-page .main-content .wrapper .main-wrapper {
    width: 1170px;
    margin: 0 auto;
}


/* Trands block */

.trends-main-post {
    margin: 0 0 207px;
}

.trends-main-post h2 {
    float: left;
    width: 38%;
    margin-top: 0;
    font-family: 'Old Standard TT', serif;
    font-weight: 400;
    font-size: 100px;
    line-height: 110px;
    text-align: left;
    color: #000;
    opacity: 0.85;
}

.trends-main-post .trends-block-content {
    float: right;
    width: 42%;
    text-align: left;
}

.trends-block-content p {
    margin-bottom: 26px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: left;
    color: #000;
}

.trends-block-content a,
.trend-story-block a {
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.trends-block-content a {
    margin-top: 45px;
}

.trends-main-post .more-btn {
    position: relative;
    display: inline-block;
    margin-top: 89px;
    font-family: 'montserrat-bold';
    font-size: 16px;
    line-height: 19px;
    color: #3E4744;
    padding-right: 120px;
}

.trends-main-post .more-btn i {
    position: absolute;
    right: 0;
    top: 50%;
    width: 95px;
    height: 11px;
    margin-top: -6px;
    background: url(../img/read-more-ico.svg) no-repeat 0 0 transparent;
}

.trends-title {
    margin: 212px 0 182px;
    position: relative;
    font-family: 'Old Standard TT', serif;
    font-weight: 400;
    font-size: 80px;
    line-height: 69px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.82);
}

.trends-title:before {
    display: none;
    content: '';
    position: absolute;
    left: 87px;
    bottom: 0;
    width: 100vw;
    height: 98%;
    transform: translate(-100%, 80%);
    background-color: #F3F6EF;
    z-index: -1;
}

.trends-title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    height: 1px;
    background-color: #653f39;
}

.trends-title span {
    position: relative;
    display: inline-block;
    padding: 0 40px 0 0;
    background-color: #fff;
    z-index: 9997;
    backface-visibility: hidden;
}

.rules-page .trends-main-block .story-block {
    position: relative;
    margin-bottom: 117px;
}

.rules-page .trends-main-block .story-block {
    display: flex;
    width: 100%;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.rules-page .trends-main-block .story-block.in-view {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.rules-page .trends-main-block .story-block figure,
.desktop .rules-page .story-block figure {
    overflow: hidden;
}

.rules-page .trends-main-block .story-block figure div {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.desktop .rules-page .trends-main-block .story-block.hover-action figure div,
.desktop .rules-page .story-block.hover-action figure div {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.rules-page .trends-main-block .story-block figure:after {
    left: 30%;
    height: 100%;
    transform: translate(-100%, calc(70% + 100px));
    transition: all 500ms ease-in-out;
}

.rules-page .trends-main-block .story-block figure.in-view:after {
    transform: translate(-100%, 70%);
}

.rules-page .trends-main-block .story-block.right-content figure:after {
    left: auto;
    right: 30%;
}


/**/

.rules-page .story-block article .bottom h6,
.rules-page .trends-block-content h6,
.trend-story-block article .bottom h6 {
    position: absolute;
    right: auto;
    bottom: 0px;
    left: 0;
    padding-right: 120px;
    font-family: 'montserrat-bold';
    line-height: 37px;
    color: #3e4744;
    font-size: 14px;
}

.rules-page .story-block article .bottom h6 .arrow,
.rules-page .trends-block-content h6 .arrow,
.trend-story-block article .bottom h6 .arrow {
    left: auto;
    right: 30px;
    width: 64px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.rules-page .story-block.hover-action .arrow,
.rules-page .trends-block-content a:hover .arrow,
.trend-story-block.hover-action .arrow {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
}

.rules-page .story-block a .arrow:after,
.trend-story-block article .bottom a .arrow:after {
    top: -4px;
    width: 8px;
    height: 8px;
}

.rules-page .story-block article .bottom h6:before,
.rules-page .trends-block-content h6:before,
.trend-story-block article .bottom h6:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    left: 25px;
    height: 100%;
    background: #f3f6ef;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.trend-story-block article .bottom h6:before {
    background: rgba(255, 255, 255, 0.5) !important;
}

.desktop .rules-page .story-block.hover-action article .bottom h6:before,
.rules-page .trends-block-content a:hover h6:before,
.trend-story-block article .bottom a:hover h6:before {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.rules-page .story-block article .bottom h6:after,
.rules-page .trends-block-content h6:after,
.trend-story-block article .bottom h6:after {
    content: "Read More";
    position: relative;
    z-index: 2;
}


/**/

.rules-page .trends-main-block .story-block .trend-label {
    left: -30px;
}

.rules-page .trends-main-block .story-block.right-content .trend-label {
    right: -30px;
}

.rules-page .trends-main-block .story-block .trend-label h6 {
    padding: 0 30px;
}

.rules-page .trends-main-block .story-block article {
    padding-top: 0;
    padding-bottom: 0;
}

.rules-page .trends-main-block .story-block article .top {
    position: relative;
    padding-bottom: 54px;
}

.rules-page .trends-main-block .story-block article .top h3 {
    /* position: absolute; top: 50%; left: 0; bottom: auto; */
    font-size: 65px;
    line-height: 70px;
    color: rgba(51, 51, 51, 0.85);
    font-family: 'Old Standard TT', serif;
    font-weight: normal;
    /* transform: translateY(-50%); */
}

.rules-page .trends-main-block .story-block article .bottom {
    position: relative;
    padding: 0;
    padding-top: 60px;
}

.rules-page .trends-main-block .story-block article .bottom>div {
    /* position: absolute; top: 50%; left: 0;
                                transform: translateY(-50%); */
}

.rules-page .trends-main-block .story-block article .bottom .more-btn,
.trend-story-block article .bottom .more-btn {
    margin-top: 52px;
}

.rules-page .trends-main-block .story-block article .bottom a {
    display: block;
    position: relative;
    height: 37px;
    /* margin-top: 25px; */
    margin-top: 61px;
}


/* Old story block */

.rules-page .story-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 120px;
}

.rules-page .story-block p {
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 26px;
    color: #000;
    letter-spacing: 1px;
}

.rules-page .story-block.text-center {
    text-align: center;
    width: 895px;
    margin: 0 auto 150px;
}

.rules-page .story-block.text-center:after {
    display: none;
}

.rules-page .story-block figure div,
.rules-page .trend-story-block .story-block figure {
    position: relative;
    width: 554px;
    height: 612px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.rules-page .story-block figure div {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.rules-page .story-block .trend-label {
    position: absolute;
    left: -40px;
    top: 48px;
    background-color: #F3F6EF;
    z-index: 2;
}

.rules-page .story-block.right-content .trend-label {
    left: auto;
    right: -40px;
}

.rules-page .story-block .trend-label h6 {
    padding: 0 20px;
    font-family: 'montserrat-bold';
    font-size: 20px;
    line-height: 40px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.rules-page .story-block figure:after {
    content: '';
    position: absolute;
    left: 87px;
    bottom: 0;
    width: 100vw;
    height: 98%;
    transform: translate(-100%, 80%);
    background-color: #F3F6EF;
    z-index: -1;
}

.rules-page .story-block article {
    position: relative;
    flex: 1;
    padding: 60px 0 60px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* .rules-page .story-block article:after {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translate(0, -50%);
                height: 1px;
                width: calc(100% + 100px);
                margin-left: -100px;
                background: -moz-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
                background: -webkit-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
                background: linear-gradient(to right, #4A3434 0%, #AF5D46 100%);
                backface-visibility: hidden;
                } */

.rules-page .story-block article .story-wrapper-block {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}

.rules-page .story-block article .story-wrapper-block .top:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    /* transform: translate(0, -50%); */
    height: 1px;
    width: calc(100% + 218px);
    margin-left: -218px;
    background: -moz-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: -webkit-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: linear-gradient(to right, #4A3434 0%, #AF5D46 100%);
    backface-visibility: hidden;
}

.rules-page .story-block article .top,
.rules-page .story-block article .bottom {
    width: 100%;
    /* height: 50%; */
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rules-page .story-block article .top {
    position: relative;
    padding-bottom: 60px;
}

.rules-page .story-block article .top h3 a {
    display: block;
    font-family: 'Old Standard TT', serif;
    font-size: 65px;
    line-height: 70px;
    color: rgba(51, 51, 51, 0.85);
}

.rules-page .story-block article .top h3 a em {
    display: block;
    margin-top: 20px;
    font-family: 'montserrat-light';
    font-size: 20px;
    line-height: 26px;
    color: #3E4744;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
}

.rules-page .story-block article .bottom {
    padding-top: 56px;
    max-width: 100%;
}

.rules-page .story-block article .bottom a {
    height: 37px;
    margin-top: 55px;
    display: inline-block;
}

.rules-page .story-block article .bottom .more-btn {
    position: relative;
    display: inline-block;
    margin-top: 65px;
    font-family: 'montserrat-bold';
    font-size: 14px;
    line-height: 19px;
    color: #3E4744;
    padding-right: 120px;
}

.rules-page .story-block article .bottom .more-btn i {
    position: absolute;
    right: 0;
    top: 50%;
    width: 95px;
    height: 11px;
    margin-top: -6px;
    background: url(../img/read-more-ico.svg) no-repeat 0 0 transparent;
    backface-visibility: hidden;
}

.rules-page .story-block.right-content figure {
    order: 1;
}

.rules-page .story-block.right-content figure span {
    left: auto;
    right: -40px;
}

.rules-page .story-block.right-content figure:after {
    content: '';
    right: 87px;
    left: auto;
    transform: translate(100%, calc(80% + 100px));
}

.rules-page .story-block.right-content figure.in-view:after {
    transform: translate(100%, 80%);
}

.rules-page .story-block.right-content article {
    padding: 60px 70px 60px 0px;
}

.rules-page .story-block.right-content .story-wrapper-block .top:after {
    margin-right: -218px;
    margin-left: 0;
}

.rules-page .story-block:last-of-type figure:after {
    display: none;
}

.rules-page .read-more-holder {
    padding-bottom: 0px;
    margin-top: 250px;
    position: relative;
}


/*
= STORY
------------------------------------------------------------------------------------- */

.story .sections-holder {
    position: relative;
    left: auto;
    top: auto;
    padding-top: 0px;
    overflow: hidden;
}


/*
+ Intro */

.story-intro {}

.story-intro .media-holder {}

.story-intro .media-holder:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background: #cdcdcd;
    mix-blend-mode: color;
}

.story-intro .media-holder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: radial-gradient(ellipse at center top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);
    mix-blend-mode: multiply;
}

.trend-header-wall .story-intro .media-holder:after {
    background: -moz-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: radial-gradient(circle at center top, rgba(155, 155, 155, 1) 0%, rgba(0, 0, 0, 1) 60%);
    mix-blend-mode: multiply;
}

.ie11 .story-intro .media-holder:before,
.edge .story-intro .media-holder:before {
    display: none !important;
}

.ie11 .story-intro .media-holder:after,
.edge .story-intro .media-holder:after {
    background: #000 !important;
    opacity: 0.6 !important;
}

.story-intro article {
    position: absolute;
    left: 50%;
    bottom: 170px;
    width: 100%;
    max-width: 1000px;
    color: #ffffff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.story-intro article div {
    float: left;
}

.story-intro h1 {
    margin-bottom: 25px;
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 80px;
    line-height: 90px;
}

.story-intro span {
    float: left;
    font-family: 'montserrat-bold';
    line-height: 54px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #3e4744;
    padding: 0 25px;
}

.story-intro h2 {
    float: right;
    max-width: 440px;
    padding-top: 40px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
}

.trand-header-wall .story-intro h1 {
    font-family: 'Old Standard TT', serif;
    font-size: 57px;
    line-height: 75px;
    font-style: normal;
    font-weight: normal;
}

.trend-header-wall .story-intro h2 {
    padding-top: 0;
    font-size: 22px;
    line-height: 36px;
    max-width: 520px;
}

.story-intro .single-header-wrapper div {
    position: absolute;
    left: 0;
    bottom: 11px;
    float: none;
}

.story-intro .single-header-wrapper h2 {
    padding-top: 0;
}


/*
    + Content */

.story-content {
    overflow: visible;
    background: #ffffff;
}

.story-content .holder {
    max-width: 1050px;
    background: #ffffff;
    -webkit-transform: translateY(-125px) translateZ(0px);
    -moz-transform: translateY(-125px) translateZ(0px);
    transform: translateY(-125px) translateZ(0px);
}

.share-story-bar {
    position: absolute;
    left: 70px;
    top: 137px;
    width: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 90;
}

.share-story-bar ul {
    position: relative;
    z-index: 2;
}

.share-story-bar ul li {
    margin-bottom: 18px;
}

.share-story-bar ul li a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../img/icons-share.png) left top no-repeat #313131;
    background-size: 100% 400%;
    border-radius: 50%;
    outline: none;
}

.share-story-bar ul li a.twitter {
    background-position: 0 -30px;
}

.share-story-bar ul li a.google-plus {
    background-position: 0 -60px;
}

.share-story-bar ul li a.linkedin {
    background-position: 0 -90px;
}

.share-story-bar ul li:last-child {
    margin-bottom: 0px;
}

.share-story-bar:before {
    content: "Share";
    display: block;
    z-index: 2;
    margin-bottom: 100px;
    padding-left: 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    -webkit-transform: rotate(-90deg) translateX(0%) translateY(50%);
    -moz-transform: rotate(-90deg) translateX(0%) translateY(50%);
    transform: rotate(-90deg) translateX(0%) translateY(50%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.share-story-bar:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 1px;
    height: 100px;
    background: -moz-linear-gradient(bottom, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(bottom, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to top, #4a3434 0%, #af5d46 100%);
    z-index: 2;
}

.share-story-bar.hidden {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}

.story-content article {
    padding: 65px 150px 0 390px;
}

.story-content article h3 {
    margin-bottom: 26px;
    font-family: 'montserrat-bold';
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.story-content p {
    margin-bottom: 26px;
    line-height: 26px;
    letter-spacing: 1px;
}

.story-content p:last-child,
.story-content p:last-of-type {
    margin-bottom: 0px;
}

.story-content article h5 {
    float: left;
    clear: both;
    width: 175px;
    margin-left: -240px;
    margin-bottom: 26px;
    font-family: 'montserrat-bold';
    font-size: 12px;
    line-height: 26px;
    color: #3e4744;
}

.story-content article h5:last-child {
    margin-bottom: 0px;
}

.story-content figure {
    overflow: hidden;
    position: relative;
    margin-left: -240px;
    padding: 30px 0;
    margin-bottom: 26px;
}

.story-content figure img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.story-content figure figcaption {
    float: right;
    position: relative;
    z-index: 2;
    padding-left: 15px;
    font-size: 12px;
    letter-spacing: 0.8px;
    background: #ffffff;
}

.story-content figure:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 37px;
    right: 0px;
    height: 1px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

.story-content figure.video-figure div {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.story-content figure.video-figure div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.story-content figure.video-figure div {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.story-content figure.video-figure div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.story-content figure.video-figure:after {
    bottom: 26px;
}

.story-content figure:last-child {
    margin-bottom: 0px;
}

.story-content article h4 {
    position: relative;
    width: 550px;
    margin: 50px 0 70px -190px;
    padding-top: 20px;
    font-family: 'Old Standard TT', serif;
    font-size: 26px;
    line-height: 34px;
    color: #3e4744;
}

.story-content article h4:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    width: 300px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

.story-content blockquote {
    position: relative;
    width: 550px;
    margin: -20px 0 70px -240px;
    padding: 60px 0 20px;
}

.story-content blockquote p {
    position: relative;
    font-family: 'Old Standard TT', serif;
    font-size: 26px;
    line-height: 34px;
    color: #3e4744;
    letter-spacing: 0px;
}

.story-content blockquote:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 111px;
    height: 92px;
    background: url(../img/bgr-quotes.png) center no-repeat;
    background-size: 100% 100%;
}

.story-content blockquote:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 300px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

.story-content blockquote:last-child {
    margin-bottom: 0px;
}

.story-content ol {
    position: relative;
    width: 660px;
    margin: 40px 0 70px -240px;
    padding-top: 20px;
    list-style: none;
    counter-reset: list-counter;
}

.story-content ol li {
    position: relative;
    padding: 35px 0 0 50px;
    margin-bottom: 10px;
}

.story-content ol li h6 {
    position: relative;
    margin-bottom: 8px;
    font-family: 'montserrat-bold';
    font-size: 18px;
    letter-spacing: 1px;
}

.story-content ol li p {
    position: relative;
}

.story-content ol li:before {
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.5;
    font-family: 'Old Standard TT', serif;
    font-size: 92px;
    color: #e1e1e1;
}

.story-content ol:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    width: 350px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

.story-content .box {
    overflow: hidden;
    position: relative;
    margin: 0 -60px 70px -240px;
    padding: 0 50px 50px 0;
}

.story-content .box img {
    position: relative;
    float: left;
    width: 100%;
    max-width: 530px;
    height: auto;
}

.story-content .box h5 {
    position: relative;
    float: right;
    clear: none;
    width: 185px;
    margin: 0px;
}

.story-content .box:before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 140px;
    left: 330px;
    background: #f4f6f2;
}

.story-content .audio-holder {
    position: relative;
    width: 550px;
    margin: 50px 0px 60px -240px;
    padding: 0 45px 28px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.story-content .play-pause-btn {
    float: left;
    width: 66px;
    height: 66px;
    padding-left: 28px;
    padding-top: 20px;
    margin-right: 25px;
    text-indent: -9999px;
    background: #f3f6ef;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.story-content .play-pause-btn span {
    float: left;
    width: 1px;
    height: 24px;
    margin-right: 8px;
    background-color: #3e4744;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.story-content .play-pause-btn span:nth-child(3) {
    margin-left: -9px;
}

.story-content .play-pause-btn.paused span:first-child {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    transform: translateX(-3px);
}

.story-content .play-pause-btn.paused span:nth-child(2) {
    -webkit-transform: translate(-2px, 6px) rotate(60deg);
    -moz-transform: translate(-2px, 6px) rotate(60deg);
    transform: translate(-2px, 6px) rotate(60deg);
}

.story-content .play-pause-btn.paused span:nth-child(3) {
    -webkit-transform: translate(-2px, -6px) rotate(-60deg);
    -moz-transform: translate(-2px, -6px) rotate(-60deg);
    transform: translate(-2px, -6px) rotate(-60deg);
}

.story-content .audio-holder h3 {
    float: left;
    margin-bottom: 0px;
    font-family: 'Old Standard TT', serif;
    text-transform: none;
    color: #3e4744;
    line-height: 66px;
    font-size: 24px;
}

.story-content .mute-btn {
    position: absolute;
    right: 10px;
    bottom: 30px;
    width: 24px;
    height: 20px;
    text-indent: -9999px;
    background: url(../img/btn-mute.png) left top no-repeat;
    background-size: 100% 200%;
    outline: none;
}

.story-content .mute-btn.unmute {
    background-position: left bottom;
}

.story-content .audio-progress-bar {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 8px;
    cursor: pointer;
}

.story-content .audio-progress-bar span {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 8px;
    height: 8px;
    background: #3e4744;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.story-content .audio-progress-bar:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

.story-content .sc-iframe {
    visibility: hidden;
    position: absolute;
    left: -99999px;
}

.story-content .audio-holder:last-child {
    margin-bottom: 0px;
}

.story-content .gallery-holder {
    position: relative;
    height: 85vh;
    margin: 100px 0 80px;
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    padding-right: 520px;
}

.story-content .gallery,
.story-content .gallery span {
    display: block;
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.story-content .gallery-holder h3 {
    position: absolute;
    right: 40px;
    top: 0px;
    opacity: 0.5;
    width: 440px;
    font-family: 'Old Standard TT', serif;
    font-size: 175px;
    color: #e1e1e1;
    text-align: center;
}

.story-content .controls {
    position: absolute;
    bottom: 0px;
    right: 40px;
    width: 440px;
    height: 296px;
    background: #f4f6f2;
}

.story-content .controls h6 {
    position: absolute;
    right: 25px;
    bottom: 106px;
    left: 25px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-align: right;
}

.story-content .controls ul {
    position: absolute;
    right: 25px;
    bottom: 60px;
    display: none;
}

    .fix header {
        background: #000;
     
    }

.story-content .controls ul li {
    float: left;
}

.story-content .controls ul li a {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    text-indent: -9999px;
    background: #ffffff;
    outline: none;
    border-radius: 50%;
}

.story-content .controls ul li a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    -webkit-transform: rotate(-45deg) translateX(20%) translateY(-50%);
    -moz-transform: rotate(-45deg) translateX(20%) translateY(-50%);
    transform: rotate(-45deg) translateX(20%) translateY(-50%);
}

.story-content .controls ul li a.next:after {
    -webkit-transform: rotate(135deg) translateX(-30%) translateY(-30%);
    -moz-transform: rotate(135deg) translateX(-30%) translateY(-30%);
    transform: rotate(135deg) translateX(-30%) translateY(-30%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.story-content .gallery-holder:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 94px;
    right: 65px;
    width: 40%;
    height: 1px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}

#story-particles-one {
    left: 100%;
    right: auto;
    opacity: 0.2;
    top: auto;
    bottom: 10%;
    width: calc((100vw - 100%) / 2);
    height: 10%;
}

#story-particles-two {
    left: auto;
    right: 100%;
    top: auto;
    bottom: 0px;
    opacity: 0.2;
    width: calc((100vw - 100%) / 2);
    height: 10%;
}

#story-particles-one .particles-overlay,
#story-particles-two .particles-overlay {
    background: -moz-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: radial-gradient(ellipse at center center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.story-content:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 284px;
    background: #f3f6ef;
}

.story-content .video-holder {
    position: relative;
    margin: 60px -150px 80px -240px;
    padding-left: 240px;
}

.story-content .video-holder a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 375px;
    background: #000000;
}

.story-content .video-holder .img-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.story-content .video-holder .img-holder:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    background: #3e4744;
}

.desktop .story-content .video-holder a:hover .img-holder {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}

.story-content .video-holder a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 104px;
    height: 104px;
    background: url(../img/icon-play.png) left top no-repeat;
    background-size: 100%;
    border: 1px solid #af5d46;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.story-content .video-holder h6 {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    max-width: 120px;
    padding-top: 12px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
}

.story-content .video-holder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    right: 400px;
    height: 1px;
    background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
    background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
}


/*
    + Read More */

.read-more-holder {
    max-width: 1750px;
    margin: 0px auto;
    padding: 0px 0 30px;
}

.read-more-holder h3 {
    opacity: 0.5;
    text-align: center;
    font-family: 'Old Standard TT', serif;
    font-size: 155px;
    color: #e1e1e1;
    line-height: 75px;
}

.read-more-holder ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
}


/* .read-more-holder ul li a {
                    display: block; overflow: hidden; position: relative;
                    height: 310px;
                    padding: 30px 30px 0px 310px;
                    background: #ffffff;
                    box-shadow: 0 16px 16px 0 rgba(0,0,0,0.1);
                    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                    -webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                    } */


/* .read-more-holder ul li div {
                        position: absolute; left: 0px; top: 0px; overflow: hidden;
                        width: 260px; height: 310px;
                        } */

.read-more-holder.trends-read-more ul li div {
    position: relative;
    left: auto;
    top: auto;
}

.read-more-holder ul li div span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}


/* .desktop .read-more-holder ul li:hover div span {
                                -webkit-transform: scale(1.2);
                                -moz-transform: scale(1.2);
                                transform: scale(1.2);
                                } */

.read-more-holder ul li h4 {
    margin-bottom: 5px;
    font-family: 'Old Standard TT', serif;
    font-size: 46px;
    line-height: 48px;
    color: #333333;
}

.read-more-holder ul li h5 {
    font-size: 16px;
    line-height: 26px;
    color: #3e4744;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.read-more-holder ul li h6 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 310px;
    font-family: 'montserrat-bold';
    line-height: 70px;
    color: #3e4744;
    font-size: 16px;
}

.read-more-holder ul li .arrow {
    left: auto;
    right: 50px;
    width: 94px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.read-more-holder ul li:hover .arrow {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
}

.read-more-holder ul li h6:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    left: 25px;
    height: 100%;
    background: #f3f6ef;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.desktop .read-more-holder ul li:hover h6:before {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.read-more-holder ul li h6:after {
    content: "Read More";
    position: relative;
    z-index: 2;
}

.desktop .read-more-holder ul li:hover a {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.15);
}

.read-more-holder ul li:last-child {
    margin-right: 0px;
}


/*
    + Story read more*/

.story .trends-read-more-holder ul li {
    width: 32%;
}

.story .trends-read-more-holder ul li .read-more-wrapper .img-holder {
    width: 260px;
    height: 310px;
}

.story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
    padding: 30px 30px 0px 50px;
}

.story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
    height: auto;
}

.story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    position: relative;
    bottom: auto;
    left: auto;
}


/*
    + Trends read more*/

.trends-read-more-holder ul li {
    width: 49%;
    margin-right: 2%;
    position: relative;
    background: #ffffff;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1);
}

.trends-read-more-holder .read-more-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    overflow: visible;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more a {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    width: auto;
    height: auto;
    padding: 0;
    box-shadow: unset;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder {
    width: 406px;
    height: 473px;
    overflow: hidden;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder span {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.trends-read-more-holder ul li.hover-action .read-more-wrapper .img-holder span {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
    flex: 1;
    padding: 60px 45px 75px 45px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
    height: 30%;
    position: relative;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more h4 {
    margin-bottom: 0;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more {
    margin-top: 71px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore {
    position: absolute;
    left: 45px;
    bottom: 0;
    display: inline-block;
    width: calc(100% - 45px);
    height: 70px;
    overflow: hidden;
    box-shadow: none;
}

.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore {
    box-shadow: none;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: 'montserrat-bold';
    line-height: 70px;
    color: #3e4744;
    font-size: 16px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    position: absolute;
    top: 50%;
    left: 112px;
    right: auto;
    display: block;
    width: 78px;
    height: 1px;
    margin-top: -1px;
    background: #000000;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 2;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before {
    content: "";
    position: absolute;
    right: auto;
    top: 0px;
    left: 25px;
    height: 100%;
    width: calc(100% - 25px);
    background: #f3f6ef;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before,
.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    -webkit-transform: unset;
    -moz-transform: unset;
    transform: unset;
}

.trends-read-more-holder ul li.hover-action .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before,
.trends-read-more-holder ul li.hover-action .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6:after {
    content: "Read More";
    position: relative;
    z-index: 2;
}

.trends-read-more-holder .trand-type {
    position: absolute;
    left: -15px;
    top: 28px;
    width: 220px;
    padding: 0 23px;
    background-color: #F3F6EF;
    box-sizing: border-box;
}

.trends-read-more-holder .trand-type h5 {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    font-family: 'montserrat-bold';
    line-height: 50px;
    color: #3e4744;
    font-size: 16px;
    text-transform: uppercase;
}


/*
    + Trands Wall Street*/


/*
    + Intro */

.specific-page-wall-street .story-intro .media-holder:after {
    opacity: 1;
    background: -moz-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-radial-gradient(center top, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: radial-gradient(circle at center top, rgba(200, 200, 200, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.specific-page-wall-street .story-intro article {
    max-width: 1050px;
    bottom: 230px;
}

.specific-page-wall-street .story-intro h1 {
    margin-bottom: 0px;
    font-size: 80px;
    line-height: 90px;
    letter-spacing: 2px;
}

.specific-page-wall-street .story-intro h2 {
    padding-top: 5px;
    max-width: 520px;
    font-size: 22px;
}

.story-breadcrumbs {
    position: absolute;
    left: 50%;
    bottom: 145px;
    max-width: 1000px;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.specific-page-wall-street .story-breadcrumbs {
    max-width: 1050px;
}

.single-trends-page .story-breadcrumbs {
    bottom: 62px;
    max-width: 100%;
}

.story-breadcrumbs ul {}

.story-breadcrumbs li {
    position: relative;
    display: inline-block;
    padding-right: 13px;
    font-family: 'montserrat-light';
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 1px;
}

.story-breadcrumbs li a {
    font-family: 'montserrat-extra-light';
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 1px;
}

.story-breadcrumbs li a:hover {
    text-decoration: underline;
}

.story-breadcrumbs li:after {
    content: '>';
    position: absolute;
    right: 1px;
    top: 1px;
    font-family: 'montserrat-extra-light';
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 1px;
}

.story-breadcrumbs li:last-of-type {
    padding-right: 0;
}

.story-breadcrumbs li:last-of-type:after {
    display: none;
}


/*
        + Content */


/* .specific-page-wall-street .story-content .holder {margin-bottom: 120px;} */

.specific-page-wall-street .story-content article h4 {
    width: calc(100% + 190px);
}

.specific-page-wall-street .story-content article h3 {
    letter-spacing: 1.2px;
}

.story-content article h3.with-top-margin {
    margin-top: 90px;
    margin-bottom: 35px;
}

.specific-page-wall-street .story-content article p strong {
    font-family: 'montserrat-medium';
    letter-spacing: 1px;
    font-weight: 400;
}

.specific-page-wall-street .specific-block {
    margin-bottom: 131px;
}

.specific-page-wall-street .specific-block p {
    margin-bottom: 85px;
}

.specific-page-wall-street .story-content article h4 {
    margin-top: 103px;
}

.story-content figure {
    margin-top: 81px;
}


/*
    + Trands read more*/

.trends-read-more h3 {
    height: 50px;
}

.trends-read-more ul li {
    position: relative;
    width: 48%;
    margin-right: 2%;
}

.trends-read-more ul li:last-of-type {
    margin-right: 0;
    margin-left: 2%;
}

.trends-read-more ul li .trand-type {
    position: absolute;
    top: 42px;
    left: -15px;
    width: auto;
    height: auto;
    padding: 20px 100px 20px 24px;
    font-family: 'montserrat-bold';
    font-size: 16px;
    line-height: 16px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #F3F6EF;
    box-sizing: border-box;
    z-index: 9998;
}


/*
    + Floating stories */

.floating-stories {
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(243, 246, 239, 0.9);
    z-index: 9995;
    -webkit-transform: translateY(120%) translateZ(0px);
    -moz-transform: translateY(120%) translateZ(0px);
    transform: translateY(120%) translateZ(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.floating-stories.active {
    -webkit-transform: translateY(0%) translateZ(0px);
    -moz-transform: translateY(0%) translateZ(0px);
    transform: translateY(0%) translateZ(0px);
}

.floating-stories-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 12px;
}

.story-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1772px;
    margin: 0 auto;
}

.story-list:after {
    content: '';
    flex-basis: 32.5%;
    height: 203px;
}

.story-list .story-single {
    position: relative;
    flex-basis: 32.5%;
    height: 203px;
    margin-bottom: 25px;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.story-list .story-single>a {
    display: block;
    padding: 16px 35px 30px 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*Image on left*/

.story-list .story-single>a figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 233px;
    height: 203px;
}

.story-list .story-single>a figure span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.story-list .story-single>a figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 203px;
    padding: 9px 0;
    text-align: center;
    transform: rotate(-90deg) translate(0, 100%);
    transform-origin: left bottom;
    background-color: #3E4744;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.story-list .story-single>a figure figcaption h6 {
    font-family: 'montserrat-bold';
    font-size: 9px;
    line-height: 16px;
    color: #fff;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}


/*Content on right*/

.story-list .story-single>a article h3 {
    position: relative;
    padding-bottom: 9px;
    margin-bottom: 6px;
    font-family: 'Old Standard TT', serif;
    font-size: 37px;
    line-height: 39px;
    color: #333;
}

.story-list .story-single>a article h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: -moz-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: -webkit-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: linear-gradient(to right, #4A3434 0%, #AF5D46 100%);
}

.story-list .story-single>a article h4 {
    font-family: 'montserrat-light';
    font-size: 13px;
    line-height: 21px;
    color: #3E4744;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}


/*More button*/

.story-list .story-single>a article .more-btn {
    position: absolute;
    left: 261px;
    bottom: 35px;
    display: inline-block;
    padding-right: 100px;
    font-family: 'montserrat-regular';
    font-size: 12px;
    line-height: 13px;
    color: #3E4744;
}

.story-list .story-single>a article .more-btn i {
    position: absolute;
    right: 0;
    top: 50%;
    width: 85px;
    height: 11px;
    margin-top: -7px;
    background: url(../img/read-more-ico.svg) no-repeat right 0 transparent;
}


/*
    + Floating Trands */

.floating-trands .story-list .story-single>a {
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: transparent;
}

.floating-trands .story-list .story-single>a figure {
    flex: 0 0 233px;
    position: relative;
    left: auto;
    top: auto;
}

.floating-trands .story-list .story-single>a article {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

.floating-trands .story-list .story-single>a .floating-trands-wrapper {
    position: absolute;
    top: 50%;
    padding: 0 35px 0 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.floating-trands .story-list .story-single>a article:after {
    display: none;
    /* content: '';
    position: absolute; 
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: calc(100% - 75px);
    background: -moz-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: -webkit-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: linear-gradient(to right, #4A3434 0%, #AF5D46 100%); */
}


/* .floating-trands .story-list .story-single .top {
    position: relative;
    height: 50%;
    } */

.floating-trands .story-list .story-single h4 {
    /* position: absolute;  top: 50%; left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible; */
    position: relative;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 21px;
    font-family: 'Old Standard TT', serif;
    font-size: 37px;
    line-height: 38px;
    text-transform: capitalize;
    opacity: 0.85;
}

.floating-trands .story-list .story-single h4:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: -moz-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: -webkit-linear-gradient(left, #4A3434 0%, #AF5D46 100%);
    background: linear-gradient(to right, #4A3434 0%, #AF5D46 100%);
}

.floating-trands .story-list .story-single>a article .more-btn {
    /* left: 30px;
    bottom: 35px; */
    position: relative;
    left: auto;
    bottom: auto;
}


/*
    + Single Trand*/

.single-trends-page.rules-page .main-content .wrapper .main-wrapper {
    width: 1045px;
}

.single-trends-page.rules-page .hero-section {
    height: 805px;
    transform: translate(0);
    bottom: auto;
}

.single-trends-page.rules-page .hero-section .wrapper {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: 1120px;
    height: 100%;
    margin: 0 auto;
    transform: none;
}

.single-trends-page.rules-page .hero-section hgroup {
    position: absolute;
    left: 0;
    bottom: 110px;
}

.single-trends-page.rules-page .hero-section span {
    display: block;
    font-family: 'montserrat-bold';
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 31px;
    padding-left: 11px;
}

.single-trends-page.rules-page .hero-section h1 {
    font-size: 80px;
    line-height: 90px;
    text-align: left;
    margin-bottom: 0;
}

.single-trends-page.rules-page .main-content {
    margin: 0;
}

.single-trends-page .trends-main-block {
    margin-top: 271px;
    margin-bottom: 268px;
}

.single-trends-page .trends-main-block div {
    float: left;
    width: 35%;
}

.single-trends-page .trends-main-block div:last-of-type {
    float: right;
    width: 50%;
}

.single-trends-page .trends-main-block div h3 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 300;
    color: #280101;
    letter-spacing: 1px;
}

.single-trends-page .trends-main-block div p {
    margin-bottom: 35px;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 36px;
}

.trend-story-block {
    position: relative;
    width: 100%;
    padding: 160px 0 190px;
    margin-bottom: 248px;
    z-index: 9997;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.trend-story-block:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background-color: #F3F6EF;
    z-index: 9996;
}

.rules-page .trend-story-block .story-block {
    position: relative;
    z-index: 9997;
    margin-bottom: 0;
    padding: 0;
}

.rules-page .trend-story-block .story-block .trend-label {
    left: 0;
    transform: translateX(-50%);
}

.rules-page .trend-story-block .story-block .trend-label h6 {
    padding: 0 20px;
    font-size: 16px;
}

.single-trends-page .trend-block-heading {
    margin-bottom: 62px;
}

.single-trends-page .trend-block-heading h3 {
    position: relative;
    float: left;
    margin-bottom: 150px;
    padding-right: 100px;
    font-family: 'montserrat-bold';
    font-size: 65px;
    line-height: 79px;
    letter-spacing: 2px;
    background-color: #fff;
    z-index: 9997;
}

.single-trends-page .trend-block-heading div {
    position: relative;
    padding-top: 87px;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 1px;
    overflow: hidden;
}

.single-trends-page .trend-block-heading div:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    height: 1px;
    background-color: #653f39;
}

.trends-bg-img {
    position: relative;
    padding: 0 50px 30px;
    margin-bottom: 132px;
}

.trends-bg-img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: 100% bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    background-image: url(../../pictures/bg-special-image.png);
    opacity: 0.5;
    z-index: 9996;
}

.single-trends-page ol {
    position: relative;
    list-style: none;
    margin: 0 -2% 234px;
    padding: 14px 0 0;
    counter-reset: list-counter;
    overflow: hidden;
    z-index: 9997;
}

.single-trends-page ol li {
    float: left;
    width: 29%;
    position: relative;
    padding: 35px 0 0 50px;
    margin: 0 2%;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 1px;
    box-sizing: border-box;
}

.single-trends-page ol li span {
    position: relative;
    z-index: 9997;
}

.single-trends-page ol li:before {
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    display: block;
    position: absolute;
    left: -6px;
    top: -18px;
    opacity: 0.5;
    font-family: 'Old Standard TT', serif;
    font-size: 100px;
    line-height: 100px;
    color: #D4D4D4;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 9996;
}

.facts-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
    z-index: 9998;
}

.facts-blocks {
    flex-basis: 28%;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 2% 110px;
    box-sizing: border-box;
}

.facts-blocks .facts-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.facts-blocks .facts-wrapper-top {
    width: 100%;
    height: 50%;
    margin-bottom: 40px;
}

.facts-blocks .facts-wrapper-bottom {
    width: 100%;
    height: 50%;
}

.facts-blocks h3 {
    flex: 100%;
    height: 50%;
    font-family: 'montserrat-bold';
    font-size: 84px;
    line-height: 90px;
    font-weight: bold;
    letter-spacing: 2px;
}

.facts-blocks h3 i {
    display: block;
    margin: 22px 0 0;
    font-size: 70px;
    line-height: 86px;
    letter-spacing: 1px;
    font-style: normal;
}

.facts-blocks h3 em {
    display: block;
    margin: 22px 0 16px;
    padding-right: 10%;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    font-style: normal;
    font-weight: bold;
}

.facts-blocks h3 i+em {
    margin: 0;
}

.facts-blocks>div p {
    font-size: 15px;
    line-height: 26px;
}

.facts-blocks.space-adjustment>div p {
    position: absolute;
    left: 0;
    bottom: 0;
}

.artwork-section {
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.artwork-section .artwork-section-col {
    flex-basis: 450px;
    margin-bottom: 211px;
    box-sizing: border-box;
}

.artwork-section .artwork-section-col .artwork-section-img {
    position: relative;
}

.artwork-section .artwork-section-col .artwork-section-img span {
    display: block;
    position: relative;
    width: 395px;
    height: 603px;
    margin-bottom: 90px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9997;
}

.artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
    position: absolute;
    left: 0;
    top: 92px;
    width: 450px;
    height: 582px;
    background-color: rgba(240, 244, 235, 0.8);
    z-index: 9996;
}

.art-description {
    padding-left: 55px;
    max-width: 400px;
}

.artwork-section .artwork-section-col h3 {
    position: relative;
    margin-bottom: 16px;
}

.artwork-section .artwork-section-col h3 span,
.artwork-section .artwork-section-col h3 a {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 40px;
    line-height: 49px;
    color: #000000;
    font-weight: bold;
    z-index: 9997;
    text-decoration: none;
}

.artwork-section .artwork-section-col h3:after {
    content: attr(data-title);
    position: absolute;
    left: -35px;
    top: -8px;
    font-family: "Old Standard TT";
    font-size: 150px;
    line-height: 120px;
    color: rgba(225, 225, 225, 0.52);
    font-weight: normal;
    transform: translateY(-50%);
    z-index: 9996;
}

.artwork-section .artwork-section-col p {
    position: relative;
    z-index: 9997;
    line-height: 26px;
    letter-spacing: 1px;
}


/*
= NOMAD
------------------------------------------------------------------------------------- */

.nomad-page .hero-section:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background: #cdcdcd;
    mix-blend-mode: color;
}

.nomad-page .hero-section:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 90%);
    background: -webkit-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 90%);
    background: radial-gradient(circle at center top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 90%);
    mix-blend-mode: multiply;
}

.ie11 .nomad-page .hero-section:before,
.edge .nomad-page .hero-section:before {
    display: none;
}

.ie11 .nomad-page .hero-section:after,
.edge .nomad-page .hero-section:after {
    background: #000;
    opacity: 0.6;
}

.nomad-page .main-content .wrapper {
    z-index: 2;
}

.nomad-page .main-content .wrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: -180px;
    top: 120px;
    right: -180px;
    height: 340px;
    background: #f3f6ef;
}

.nomad-page .main-content .wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 120px;
    right: 0;
    height: 340px;
    background-color: #fff;
}

.main-content .wrapper .main-wrapper {
    position: relative;
    z-index: 2;
}

.nomad-page .content-block article {
    width: 400px;
}

.nomad-page .content-block article h2 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    z-index: 5;
}

.nomad-page .food-block h4 {
    top: 15%;
    left: 40%;
}

.nomad-page .programing-block h4 {
    top: 60%;
}

.interspace {
    position: relative;
}

.interspace .particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.interspace .particles #particles {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
    mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
}

.interspace .particles #particles .particles {
    right: auto;
    bottom: auto;
}

.interspace .particles #particles-top {
    position: absolute;
    left: 0;
    top: 10%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(black 0%, transparent 50%);
    mask-image: radial-gradient(black 0%, transparent 50%);
}

.interspace .particles #particles-bottom {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
    mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
}

.interspace .particles #particles-bottom .particles {
    right: auto;
    bottom: auto;
}


/*
= Undefine part for css from old members
-------------------------------------------------------------------------------------- */

.rules-page .main-content .wrapper .main-wrapper.space-bottom {
    padding-bottom: 120px;
}

.story .wrapper .main-wrapper.white-bgr {
    background: white;
}

.rules-page .main-content .wrapper .content-block.become-member-section,
.story .wrapper .main-wrapper .content-block.become-member-section {
    position: relative;
    text-align: center;
    padding: 0 85px;
    margin: 0 auto 140px;
}

.rules-page .main-content .wrapper .content-block.become-member-section h2,
.story .wrapper .main-wrapper .content-block.become-member-section h2 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    z-index: 5;
}

.rules-page .main-content .wrapper .content-block.become-member-section h3,
.story .wrapper .main-wrapper .content-block.become-member-section h3 {
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 0px;
}

.rules-page .main-content .wrapper .content-block.become-member-section h4,
.story .wrapper .main-wrapper .content-block.become-member-section h4 {
    top: 0;
    font-size: 180px;
    white-space: nowrap;
}

.rules-page .main-content .wrapper .content-block.become-member-section a,
.story .wrapper .main-wrapper .content-block.become-member-section a {
    color: #94502D;
}

.rules-page .main-content .wrapper .content-block.become-member-section {
    padding: 170px 0 0px;
    margin: 0;
}

.story .wrapper .main-wrapper .content-block.become-member-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

.rules-page .main-content .wrapper .content-block.become-member-section article,
.story .wrapper .main-wrapper .content-block.become-member-section article {
    width: 500px;
    margin: 0 auto;
}

.rules-page .main-content .wrapper .content-block.become-member-section article h3,
.story .wrapper .main-wrapper .content-block.become-member-section article h3 {
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 40px;
}

.rules-page .main-content .wrapper .content-block.become-member-section article h4,
.story .wrapper .main-wrapper .content-block.become-member-section article h4 {
    margin-top: 0%;
    font-size: 155px;
    line-height: 123px;
    transform: translate(-50%, -5%);
}

.rules-page .main-content .wrapper .content-block.become-member-section article a,
.story .wrapper .main-wrapper .content-block.become-member-section article a {
    margin-top: 55px;
    color: #FFFFFF;
}

.rules-page .main-content .wrapper .content-block.become-member-section article a:hover,
.story .wrapper .main-wrapper .content-block.become-member-section article a:hover {
    background: #f3f6f2;
    color: #202120;
    border: 1px solid transparent;
}

.rules-page .main-content .wrapper .content-block.become-member-section article a:active,
.story .wrapper .main-wrapper .content-block.become-member-section article a:active {
    background: #f0f4ec;
    color: #000;
}


/*
= MEMBERSHIP
------------------------------------------------------------------------------------- */

.membership-page .main-content .wrapper .main-wrapper {
    width: 1270px;
    margin: 0 auto;
}

.membership-page .main-content .wrapper .content-block {
    position: relative;
    text-align: center;
    padding: 0 85px;
    margin: 0 auto 140px;
}

.membership-page .main-content .wrapper .content-block h2 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    z-index: 5;
}


/*
= MEMBERSHIP NEW
------------------------------------------------------------------------------------- */

.negativ-bottom .main-content {
    overflow: visible;
}

.negativ-bottom .main-content .wrapper {
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
}

.membership-slider {
    max-width: 1270px;
}


/*
+ Main navigation */

.membership-slider .main-nav {
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.membership-slider .main-nav li {
    float: left;
    position: relative;
    overflow: hidden;
    width: 20%;
    height: 275px;
    cursor: pointer;
}

.membership-slider .main-nav li div {
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 15px;
    padding: 44px 56px 38px;
    text-align: center;
    flex-direction: column;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 750ms ease-in-out;
}

.membership-slider .main-nav li h3 {
    font-family: 'Old Standard TT';
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 750ms ease-in-out;
}

.membership-slider .main-nav li.big-title h3 {
    margin-top: -13px;
}

.membership-slider .main-nav li p {
    display: flex;
    flex: 100%;
    justify-content: center;
    align-items: center;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 20px;
    transition: all 750ms ease-in-out;
}

.membership-slider .main-nav li span {
    position: relative;
    bottom: -8px;
    font-family: 'Old Standard TT';
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    transition: all 750ms ease-in-out;
    line-height: 23px;
}

.membership-slider .main-nav li span.starting-at:before {
    content: "Starting at";
    position: absolute;
    left: 0;
    top: -15px;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #2B2B2B;
    text-align: center;
    font-weight: normal;
    transition: all 750ms ease-in-out;
}

.membership-slider .main-nav li a {
    display: none;
}

.desktop .membership-slider .main-nav li.active div,
.tablet .membership-slider .main-nav li.active div,
.desktop .membership-slider .main-nav li:hover div {
    background: #000000;
    transform: scale(1.12);
}

.desktop .membership-slider .main-nav li:hover p,
.desktop .membership-slider .main-nav li.active p,
.tablet .membership-slider .main-nav li.active p {
    transform: scale(1.08);
    color: #dedede;
}

.desktop .membership-slider .main-nav li:hover h3,
.desktop .membership-slider .main-nav li.active h3,
.tablet .membership-slider .main-nav li.active h3,
.desktop .membership-slider .main-nav li:hover span,
.desktop .membership-slider .main-nav li.active span,
.tablet .membership-slider .main-nav li.active span {
    transform: scale(1.08);
    color: #ffffff;
}

.desktop .membership-slider .main-nav li:hover span.starting-at:before,
.tablet .membership-slider .main-nav li.active span.starting-at:before,
.desktop .membership-slider .main-nav li.active span.starting-at:before {
    color: #ffffff;
}

.membership-slider .main-nav li div:after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    width: 1px;
    height: 168px;
    background: #dedede;
    transform: translateY(-50%);
}

.membership-slider .main-nav li:last-child div:after {
    display: none;
}

.mobile .membership-slider .main-nav {
    transition: all 500ms ease-in-out !important;
    transition-property: opacity, transform !important;
}

.mobile .membership-slider .main-nav li {
    float: none;
    width: 100%;
    height: auto;
}

.mobile .membership-slider .main-nav li div {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    padding: 0 0 30px;
    border: 8px solid #141414;
}

.mobile .membership-slider .main-nav li h3 {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 33px;
    letter-spacing: 0px;
    font-weight: 400;
}

.mobile .membership-slider .main-nav li.big-title h3 {
    margin-top: 0px;
}

.mobile .membership-slider .main-nav li h3:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 45px;
    height: 1px;
    background: #000000;
    transform: translateX(-50%);
}

.mobile .membership-slider .main-nav li p {
    display: block;
    max-width: 188px;
    margin: 0px auto 20px;
    font-size: 14px;
    line-height: 19px;
}

.mobile .membership-slider .main-nav li span {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: normal;
}

.mobile .membership-slider .main-nav li a {
    display: inline-block;
    min-width: 0px;
    padding: 0 50px;
    line-height: 40px;
    color: #ffffff;
    font-size: 13px;
    background: #101010;
    border-radius: 20px;
    border: none;
}

.mobile .membership-slider .main-nav li div:before {
    content: "";
    display: block;
    width: 100%;
    height: 235px;
    margin-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile .membership-slider .main-nav li div.assembly:before {
    background-image: url(../../pictures/membership-slider-bgr-one.jpg);
}

.mobile .membership-slider .main-nav li div.house:before {
    background-image: url(../../pictures/membership-slider-bgr-two.jpg);
}

.mobile .membership-slider .main-nav li div.resident-desk:before {
    background-image: url(../../pictures/membership-slider-bgr-desk-01.jpg);
}

.mobile .membership-slider .main-nav li div.resident-office:before {
    background-image: url(../../pictures/membership-slider-bgr-four.jpg);
}

.mobile .membership-slider .main-nav li div.resident-longue:before {
    background-image: url(../../pictures/membership-slider-bgr-five.jpg);
}

.mobile .membership-slider .main-nav li div:after {
    display: none;
}

.mobile .membership-slider .main-nav.inactive {
    opacity: 0;
    transform: scale(0.75);
}


/*
+ Slider */

.membership-slider .slider {
    position: relative;
    width: 100%;
    height: 602px;
    margin-top: -15px;
    cursor: default;
}

.membership-slider .slider div,
.membership-slider .slider span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 750ms ease-in-out;
    transition-property: transform, width;
}

.membership-slider .slider span {
    width: 1270px;
    transform: scale(1.15);
    transition-property: transform;
}

.membership-slider .slider.to-left div:last-child {
    left: auto;
    right: 0px;
    width: 0px;
}

.membership-slider .slider.to-left div:last-child span {
    left: auto;
    right: 0px;
    transform: scale(1) translateX(200px);
}

.membership-slider .slider.to-right div:last-child {
    width: 0px;
    left: 0px;
    right: auto;
}

.membership-slider .slider.to-right div:last-child span {
    left: 0px;
    right: auto;
    transform: scale(1) translateX(-200px);
}

.membership-slider .slider.to-left div.out {
    width: 0px;
}

.membership-slider .slider.to-left div.out span {
    transform: scale(1) translateX(-200px);
}

.membership-slider .slider.to-right div.out {
    left: auto;
    right: 0px;
    width: 0px;
}

.membership-slider .slider.to-right div.out span {
    left: auto;
    right: 0px;
    transform: scale(1) translateX(200px);
}

.membership-slider .slider div.in,
.membership-slider .slider div:only-child {
    width: 100% !important;
}

.membership-slider .slider div:only-child span,
.membership-slider .slider div.in span {
    transform: scale(1.15) translateX(0px) !important;
}

.mobile .membership-slider .slider {
    display: none;
}


/*
+ Article */

.membership-slider .article-holder {
    position: absolute;
    left: -32px;
    bottom: -32px;
    overflow: hidden;
    width: 430px;
    height: 580px;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
}

.membership-slider .article-holder article {
    display: flex;
    position: absolute;
    left: 56px;
    top: 38px;
    bottom: 30px;
    right: 56px;
    flex-direction: column;
    transition: all 750ms ease-in-out;
}

.membership-slider article h3 {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 35px;
    font-family: 'Old Standard TT';
    font-size: 55px;
    line-height: 51px;
    letter-spacing: 1px;
    /* min-height:  102px; */
    /* display: flex; */
    /* align-content:  center; */
    /* text-align:  center; */
}

.membership-slider article h3:after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    bottom: 0px;
    right: 6px;
    height: 1px;
    background: #ffffff;
}

.membership-slider article span {
    display: none;
}

.membership-slider article h4 {
    font-family: 'montserrat-bold';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
}

.membership-slider article p,
.membership-slider article strong {
    display: block;
    font-family: 'montserrat-medium';
    font-size: 13px;
    color: #dedede;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.membership-slider article strong {
    padding-top: 10px;
}

.membership-slider article p strong {
    padding-top: 0px;
}

.membership-slider article p strong:before {
    content: "+";
    display: block;
    font-family: 'montserrat-light';
    font-size: 24px;
}

.membership-slider article p {
    display: flex;
    flex: 100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-family: 'montserrat-light';
    /* padding: 10px 0; */
}

.membership-slider article a {
    font-size: 14px;
    align-self: center;
}

.membership-slider article .rounded-btn {
    min-width: 0px;
    margin: 1px 0 23px;
    padding: 0 60px;
    line-height: 46px;
}

.membership-slider .assemly-content .rounded-btn {
    margin: 1px 0 22px;
}

.membership-slider .houses-content .rounded-btn {
    margin: 0px 0 32px;
}

.membership-slider .resident-desk .rounded-btn {
    margin: 1px 0 16px;
}

.membership-slider .resident-office .rounded-btn {
    margin: 1px 0 16px;
}

.membership-slider .resident-lounge .rounded-btn {
    margin: 1px 0 16px;
}

.desktop .membership-slider article .rounded-btn:hover {
    background: #ffffff;
    color: #000000;
}

.membership-slider .article-holder.to-left article:last-child {
    opacity: 0;
    transform: translateX(calc(100% + 112px)) scale(0.8);
}

.membership-slider .article-holder.to-left article.out {
    opacity: 0;
    transform: translateX(calc(-100% - 112px)) scale(0.8);
}

.tablet .membership-slider .article-holder.to-left article.out,
.safari .membership-slider .article-holder.to-left article.out {
    transform: translateX(-100%) scale(0.8);
}

.membership-slider .article-holder.to-right article:last-child {
    opacity: 0;
    transform: translateX(calc(-100% - 112px)) scale(0.8);
}

.membership-slider .article-holder.to-right article.out {
    opacity: 0;
    transform: translateX(calc(100% + 112px)) scale(0.8);
}

.tablet .membership-slider .article-holder.to-right article.out,
.safari .membership-slider .article-holder.to-right article.out {
    transform: translateX(100%) scale(0.8);
}

.membership-slider .article-holder article:only-child,
.membership-slider .article-holder article.in {
    opacity: 1 !important;
    transform: translateX(0) scale(1) !important;
}

.mobile .membership-slider .article-holder {
    display: none;
}


/*
+ Amenities list */

.membership-slider .amenities-list {
    overflow: hidden;
    position: absolute;
    left: 420px;
    right: 396px;
    bottom: 20px;
}

.membership-slider .amenities-list li {
    float: left;
    width: 20%;
    font-family: 'montserrat-regular';
    color: #ffffff;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: opacity 750ms ease-in-out;
}

.membership-slider .amenities-list li:before {
    content: "";
    display: block;
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.membership-slider .amenities-list li.food-beverage:before {
    background-image: url(../img/icon-food-light.svg);
}

.membership-slider .amenities-list li.tech-services:before {
    background-image: url(../img/icon-tech-services-light.svg);
}

.membership-slider .amenities-list li.daily-programming:before {
    background-image: url(../img/icon-daily-programming-light.svg);
}

.membership-slider .amenities-list li.bookable-spaces:before {
    background-image: url(../img/icon-bookable-spaces-light.svg);
}

.membership-slider .amenities-list li.curated-events:before {
    background-image: url(../img/icon-curated-events-light.svg);
}

.membership-slider .amenities-list li.disabled {
    opacity: 0.2;
}

.mobile .membership-slider .amenities-list {
    display: none;
}


/*
+ Thumbs list */

.membership-slider .thumbs-list {
    position: absolute;
    bottom: 62px;
    right: 0px;
    width: 340px;
    height: 35px;
    padding: 0 25px;
}

.membership-slider .thumbs-list li {
    float: left;
    margin-right: 10px;
    backface-visibility: hidden;
    transition: transform 750ms ease-in-out;
    transform: translateX(35px);
    cursor: pointer;
}

.membership-slider .thumbs-list li span {
    display: block;
    width: 35px;
    height: 35px;
    border: 2px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 750ms ease-in-out;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.membership-slider .thumbs-list li.active span {
    transform: scale(2) translateZ(0px);
}

.membership-slider .thumbs-list li.active {
    transform: translateX(0px);
}

.membership-slider .thumbs-list li:last-child {
    margin-right: 0px;
}

.membership-slider .thumbs-list:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 1px;
    height: 70px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5);
}

.mobile .membership-slider .thumbs-list {
    display: none;
}


/*
+ Slide content */

.membership-slider .slides-content-holder {
    display: none;
}

.mobile .membership-slider .slides-content-holder {
    position: fixed;
    left: -9999px;
    top: 0px;
    display: block;
    z-index: 9999;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 8px solid #141414;
    transform: scale(0.5);
    transition: all 500ms ease-in-out !important;
    transition-property: opacity, transform !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile .membership-slider .slide-content {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mobile .membership-slider .slide-content .imgs-list {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 235px;
}

.mobile .membership-slider .slide-content .imgs-list li {
    float: left;
    height: 100%;
    min-height: 1px;
}

.mobile .membership-slider .slide-content .imgs-list div,
.mobile .membership-slider .slide-content .imgs-list span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile .membership-slider .slide-content .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 24px;
    z-index: 9990;
    transform: translateX(-50%);
}

.mobile .membership-slider .slide-content .slick-dots li {
    float: left;
    height: 7px;
    margin-right: 5px;
}

.mobile .membership-slider .slide-content .slick-dots li button {
    direction: block;
    width: 6px;
    height: 6px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    outline: none;
    transition: background 250ms ease-in-out;
}

.mobile .membership-slider .slide-content .slick-dots li.slick-active button {
    background: #ffffff;
}

.mobile .membership-slider .slide-content .slick-dots li:last-child {
    margin-right: 0px;
}

.mobile .membership-slider article {
    position: absolute;
    left: 0px;
    top: 235px;
    right: 0px;
    bottom: 0px;
    overflow-y: scroll;
    padding: 45px 20px;
    -webkit-overflow-scrolling: touch;
}

.mobile .membership-slider article h3 {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
    margin: 0 0 20px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0px;
}

.mobile .membership-slider article h3:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 50px;
    height: 1px;
    background: #000000;
    transform: translateX(-50%);
}

.mobile .membership-slider article span {
    display: block;
    margin-bottom: 30px;
    font-family: 'Old Standard TT';
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
}

.mobile .membership-slider article h4 {
    width: 100%;
    margin: 0 0 30px;
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
}

.mobile .membership-slider article .rounded-btn {
    min-width: 0px;
    padding: 0px 50px;
    margin: 0px auto;
    line-height: 40px;
    color: #ffffff;
    font-size: 13px;
    background: #101010;
    border-radius: 20px;
    border: none;
}

.mobile .membership-slider article em {
    display: block;
    padding: 12px 0px 8px;
    font-style: normal;
    font-size: 13px;
}

.mobile .membership-slider article .underlined-btn {
    margin-bottom: 40px;
    font-size: 15px;
    color: #000000;
}

.mobile .membership-slider article .underlined-btn:after {
    background: #000000;
}

.mobile .membership-slider article .underlined-btn:last-child {
    margin-bottom: 0px;
}

.mobile .membership-slider article .amenities-list {
    position: relative;
    display: block;
    left: auto;
    right: auto;
    bottom: auto;
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 0px;
}

.mobile .membership-slider .amenities-list li {
    float: none;
    display: inline-block;
    width: 32%;
    padding: 0 0 15px;
    margin-bottom: 0px;
    color: #000000;
    vertical-align: top;
}

.mobile .membership-slider .amenities-list li.food-beverage:before {
    background-image: url(../img/icon-food-dark.svg);
}

.mobile .membership-slider .amenities-list li.tech-services:before {
    background-image: url(../img/icon-tech-services-dark.svg);
}

.mobile .membership-slider .amenities-list li.daily-programming:before {
    background-image: url(../img/icon-daily-programming-dark.svg);
}

.mobile .membership-slider .amenities-list li.bookable-spaces:before {
    background-image: url(../img/icon-bookable-spaces-dark.svg);
}

.mobile .membership-slider .amenities-list li.curated-events:before {
    background-image: url(../img/icon-curated-events-dark.svg);
}

.mobile .membership-slider article p,
.mobile .membership-slider article strong {
    color: #000000;
}

.mobile .membership-slider article strong {
    width: 100%;
    padding-top: 8px;
    margin-bottom: 20px;
    margin-top: -30px;
    font-family: 'montserrat-regular';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
}

.mobile .membership-slider article p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
}

.mobile .membership-slider article p strong {
    padding-top: 0px;
    margin-top: 0px;
}

.mobile .membership-slider .close-btn {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 9990;
    display: block;
    float: none;
    width: 45px;
    height: 45px;
    margin: 0px;
    text-indent: -9999px;
    background: #000000;
    border-radius: 50%;
    outline: none;
}

.mobile .membership-slider .close-btn:before,
.mobile .membership-slider .close-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 15px;
    background: #ffffff;
}

.mobile .membership-slider .close-btn:before {
    transform: translateY(-50%) rotate(45deg);
}

.mobile .membership-slider .close-btn:after {
    transform: translateY(-50%) rotate(-45deg);
}

.mobile .membership-slider .slides-content-holder.opened {
    left: 0px;
    opacity: 1;
    transform: scale(1);
}


/*
= MEMBERSHIP SLIDER
------------------------------------------------------------------------------------- */

.membership-slider {
    position: relative;
    margin: 0px auto;
    transform: translateY(-120px);
}

.mobile .membership-slider {
    width: 100%;
}


/*
= MEMBERSHIP CONTENT
------------------------------------------------------------------------------------- */

.negativ-bottom .main-content .wrapper {
    padding-bottom: 0;
}

.membership-at-assemblage .main-content .wrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 435px;
    background: #f3f6ef;
}


/*
+ Membership Benefits Title */

.membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
    margin-top: 214px;
    margin-bottom: 0;
    text-align: left;
}

.membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
    position: relative;
    margin-bottom: 195px;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 span {
    display: block;
    margin: 0 auto;
    font-size: 65px;
    line-height: 60px;
    color: #000000;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    z-index: 9995;
}

.membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2:after {
    content: attr(data-title);
    position: fixed;
    left: 50%;
    top: -56px;
    font-family: "Old Standard TT";
    font-weight: normal;
    font-size: 180px;
    line-height: 95px;
    color: rgba(218, 218, 218, .52);
    transform: translateX(-50%);
    z-index: 9994;
}


/*
+ Articals benefits */

.articla-wrapper {}

.articla-wrapper .article {
    position: relative;
    height: 700px;
    margin-bottom: 100px;
}

.articla-wrapper .article:last-of-type {
    margin-bottom: 0;
}

.articla-wrapper .image-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.articla-wrapper .image-holder div {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.articla-wrapper .image-holder:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 90%);
    background: -webkit-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 90%);
    background: radial-gradient(circle at center top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 90%);
    mix-blend-mode: multiply;
    opacity: 0.53;
}

.articla-wrapper .article-content {
    position: absolute;
    left: 85px;
    bottom: 192px;
    width: 500px;
}

.membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 {
    margin-bottom: 24px;
    font-family: "Old Standard TT";
    font-size: 50px;
    line-height: 45px;
    color: #FFFFFF;
    font-weight: normal;
}

.membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
    padding-right: 100px;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    letter-spacing: unset;
}

.articla-wrapper .article-number {
    position: absolute;
    left: 78px;
    bottom: 64px;
    right: 72px;
    text-align: left;
}

.articla-wrapper .article-number span {
    position: relative;
    display: block;
    font-family: "Old Standard TT";
    font-size: 80px;
    line-height: 52px;
    color: #FFFFFF;
}

.articla-wrapper .article-number span:after {
    content: '';
    position: absolute;
    left: 100px;
    bottom: 4px;
    width: calc(100% - 100px);
    height: 3px;
    background-color: #fff;
}


/*
= Particals part of css that is need to be checked
------------------------------------------------------------------------------------- */

.membership-page .particles,
.rules-page .main-content .wrapper .content-block.become-member-section .particles,
.story .wrapper .main-wrapper .content-block.become-member-section .particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.membership-page .particles #particles,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
    mask-image: radial-gradient(circle at center right, black 0%, transparent 50%);
}

.membership-page .particles #particles .particles,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles .particles,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles .particles {
    right: auto;
    bottom: auto;
}

.membership-page .particles #particles-top,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-top,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-top {
    position: absolute;
    left: 50%;
    top: -220px;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle, transparent 20%, black 100%);
    mask-image: radial-gradient(circle, transparent 20%, black 100%);
}

.membership-page .particles #particles-middle,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-middle,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-middle {
    position: absolute;
    right: 100%;
    top: 0;
    left: auto;
    transform: translate(0%, 0%);
    width: calc((100vw - 100%)/2);
    height: 30%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center left, black 0%, transparent 100%);
    mask-image: radial-gradient(circle at center left, black 0%, transparent 100%);
}

.membership-page .particles #particles-middle-bottom,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-bottom,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-bottom {
    position: absolute;
    left: 100%;
    bottom: 0;
    top: auto;
    transform: translate(0%, 0%);
    width: calc((100vw - 100%)/2);
    height: 30%;
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center right, black 0%, transparent 100%);
    mask-image: radial-gradient(circle at center right, black 0%, transparent 100%);
}

.membership-page .particles #particles-member,
.rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-member,
.story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-member {
    position: absolute;
    left: 0;
    top: 170px;
    transform: translate(0%, 0%);
    width: 100%;
    height: calc(100% - 170px);
    opacity: 0.2;
    -webkit-mask-image: radial-gradient(circle at center center, transparent 0%, black 100%);
    mask-image: radial-gradient(circle at center center, transparent 0%, black 100%);
}


/*
= APARTMENT
------------------------------------------------------------------------------------- */

.appartmants-page .main-content .wrapper {
    max-width: 100%;
    padding: 0;
    margin: 0 90px;
}

.appartmants-page .hero-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at top center, #ffffff 0%, #000000 100%);
    mix-blend-mode: multiply;
    z-index: 1;
}

.ie11 .appartmants-page .hero-section:before,
.edge .appartmants-page .hero-section:before {
    display: none;
}

.ie11 .appartmants-page .hero-section:after,
.edge .appartmants-page .hero-section:after {
    background: #000;
    opacity: 0.6;
}

.appartmants-page .gallery-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.appartmants-page .gallery-block .content {
    flex: 1 1 66.6666%;
}

.appartmants-page .gallery-block .content article {
    padding: 0;
    margin: 0 auto;
    width: 60%;
}

.gallery-block .content article h2 {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    z-index: 5;
}

.appartmants-page .gallery-block .content article p {
    position: relative;
    z-index: 5;
}

.appartmants-page .gallery-block .gallery-box {
    flex: 1 1 33.3333%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-position: 50% 50%;
}

.appartmants-page .gallery-block .gallery-box img {
    width: 100%;
    height: auto;
}

.appartmants-page .gallery-block.reversed .content {
    order: 2;
}

.appartmants-page .gallery-block.reversed .gallery-box {
    order: 3;
}

.appartmants-page .gallery-block.reversed .gallery-box.box-hidden {
    order: 1;
}

.appartmants-page .amenities-section.wrapper {
    max-width: 100%;
    margin: -70px 0 0;
    padding: 70px 90px;
    background-color: #F0F4EB;
    z-index: 4;
}

.appartmants-page .amenities-section .amenities-wrapper {
    max-width: 1450px;
    margin: 0 auto;
    padding: 160px 0 90px;
    text-align: center;
}

.appartmants-page .amenities-section .amenities-wrapper h3 {
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 65px;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 170px;
}

.appartmants-page .amenities-section .amenities-wrapper article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.appartmants-page .amenities-section .amenities-wrapper article>div {
    flex: 0 0 14.28%;
    /* flex-basis: 14.28%;
    flex-grow: 1; */
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'montserrat-light';
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 90px;
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span {
    display: block;
    height: 90px;
    width: 100%;
    margin-bottom: 30px;
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-hd {
    background-image: url(../img/icon-hd.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-wifi {
    background-image: url(../img/icon-wifi.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-pot {
    background-image: url(../img/icon-pot.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-cooking {
    background-image: url(../img/icon-cooking.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-kattle {
    background-image: url(../img/icon-kattle.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-microwave {
    background-image: url(../img/icon-microwave.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-fridge {
    background-image: url(../img/icon-fridge.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-dishwasher {
    background-image: url(../img/icon-dishwasher.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-snack {
    background-image: url(../img/icon-snack.svg);
}


/*
+ Trends read more*/

.trends-read-more-holder ul li {
    width: 49%;
    margin-right: 2%;
    position: relative;
    background: #ffffff;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1);
}

.trends-read-more-holder .read-more-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    overflow: visible;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more,
.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more a {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    width: auto;
    height: auto;
    padding: 0;
    box-shadow: unset;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder {
    width: 406px;
    height: 473px;
    overflow: hidden;
}

.trends-read-more-holder ul li .read-more-wrapper .img-holder span {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.trends-read-more-holder ul li.hover-action .read-more-wrapper .img-holder span {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
    flex: 1;
    padding: 60px 45px 75px 45px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
    height: 30%;
    position: relative;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more h4 {
    margin-bottom: 0;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more {
    margin-top: 71px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more p {
    line-height: 26px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore {
    position: absolute;
    left: 45px;
    bottom: 0;
    display: inline-block;
    width: calc(100% - 45px);
    height: 70px;
    overflow: hidden;
    box-shadow: none;
}

.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore {
    box-shadow: none;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: 'montserrat-bold';
    line-height: 70px;
    color: #3e4744;
    font-size: 16px;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    position: absolute;
    top: 50%;
    left: 112px;
    right: auto;
    display: block;
    width: 78px;
    height: 1px;
    margin-top: -1px;
    background: #000000;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 2;
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before {
    content: "";
    position: absolute;
    right: auto;
    top: 0px;
    left: 25px;
    height: 100%;
    width: calc(100% - 25px);
    background: #f3f6ef;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before,
.trends-read-more-holder ul li:hover .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    -webkit-transform: unset;
    -moz-transform: unset;
    transform: unset;
}

.trends-read-more-holder ul li.hover-action .read-more-wrapper .excerpt-read-more .read-more-anchore.read-more-anchore h6:before,
.trends-read-more-holder ul li.hover-action .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
}

.trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6:after {
    content: "Read More";
    position: relative;
    z-index: 2;
}

.trends-read-more-holder .trand-type {
    position: absolute;
    left: -15px;
    top: 28px;
    width: 220px;
    padding: 0 23px;
    background-color: #F3F6EF;
    box-sizing: border-box;
}

.trends-read-more-holder .trand-type h5 {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    font-family: 'montserrat-bold';
    line-height: 50px;
    color: #3e4744;
    font-size: 16px;
    text-transform: uppercase;
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-towels {
    background-image: url(../img/icon-towels.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-artwork {
    background-image: url(../img/icon-artwork.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-hairdryer {
    background-image: url(../img/icon-hairdryer.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-toiletries {
    background-image: url(../img/icon-toiletries.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-speaker {
    background-image: url(../img/icon-speaker.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-iron {
    background-image: url(../img/icon-iron.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-workdesk {
    background-image: url(../img/icon-workdesk.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-24-service {
    background-image: url(../img/icon-24-service.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-daily-keeping {
    background-image: url(../img/icon-daily-keeping.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-laundry {
    background-image: url(../img/icon-laundry.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-valet-parking {
    background-image: url(../img/icon-valet-parking.svg);
}

.appartmants-page .amenities-section .amenities-wrapper article:after {
    content: "";
    flex-basis: 14.28%;
    flex-grow: 1;
    text-align: center;
}

.gallery-block {
    background-color: #FFFFFF;
}

.gallery-block.bedroom-block:after {
    content: '';
    position: absolute;
    top: 120px;
    right: -180px;
    bottom: auto;
    left: -180px;
    height: calc(50% + 50px);
    background-color: #F3F6EF;
    z-index: -1;
}

.gallery-block.bedroom-block article h2 {
    font-size: 65px;
    line-height: 75px;
}

.gallery-block.bedroom-block article h4 {
    font-size: 177px;
    line-height: 69px;
    transform: translate(0, -85%);
    left: -15%;
}

.gallery-block.bedroom-block .particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.gallery-block.bedroom-block .particles #particles-bedroom-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 66.66%;
    height: 50%;
    opacity: 0.2;
    -webkit-mask-image: linear-gradient(to right, black 0%, transparent 50%);
    mask-image: linear-gradient(to right, black 0%, transparent 50%);
}

.gallery-block.bedroom-block .particles #particles-bedroom-block.particles {
    right: auto;
    bottom: auto;
}

.appartmants-page .gallery-block.workspace-block .content article {
    width: 75%;
}

.gallery-block.workspace-block article h2 {
    font-size: 65px;
    line-height: 75px;
}

.gallery-block.workspace-block article h4 {
    font-size: 161px;
    line-height: 71px;
    top: 0;
    left: 0;
    transform: translate(-15%, 50%);
    white-space: nowrap;
}

.gallery-block.workspace-block .particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 66.66%;
    height: 50%;
}

.gallery-block.workspace-block .particles #particles-workspace-block {
    position: absolute;
    left: 0;
    top: 0;
    transform: initial;
    width: calc((100vw - 150%) / 2 + 100%);
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: linear-gradient(to left, black 0%, transparent 100%);
    mask-image: linear-gradient(to left, black 0%, transparent 100%);
}

.gallery-block.workspace-block .particles #particles-workspace-block .particles {
    right: auto;
    bottom: auto;
}

.appartmants-page .gallery-block.environment-block .content article {
    width: 75%;
}

.gallery-block.environment-block article h3 {
    font-size: 65px;
    line-height: 75px;
}

.gallery-block.environment-block article h4 {
    font-size: 101px;
    line-height: 71px;
    left: -10%;
    top: 0;
    transform: translate(0%, 50%);
}

.gallery-block.environment-block .particles {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 66.66%;
    height: 50%;
}

.gallery-block.environment-block .particles #particles-environment-block {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    transform: initial;
    width: calc((100vw - 150%) / 2 + 100%);
    height: 100%;
    opacity: 0.2;
    -webkit-mask-image: linear-gradient(to right, black 0%, transparent 100%);
    mask-image: linear-gradient(to right, black 0%, transparent 100%);
}

.gallery-block.environment-block .particles #particles-environment-block .particles {
    right: auto;
    bottom: auto;
}

.content-block .gallery-block {
    position: relative;
}


/*
= BECOME MEMBER NEW
------------------------------------------------------------------------------------- */

.section-membership-full {
    overflow: hidden;
}

.ie11 .section-membership-full {
    background-color: #fff;
}

.section-membership-wrapper {
    position: relative;
    text-align: center;
    max-width: 820px;
    padding: 310px 0 99px;
    margin: 0 auto;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.section-membership-wrapper:after {
    content: '';
    position: fixed;
    left: 50%;
    top: 344px;
    width: 100vw;
    height: calc(100% - 344px);
    margin-left: -50vw;
    z-index: 9993;
    background-color: #F3F6EF;
}

.section-membership-wrapper:before {
    content: '';
    position: fixed;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    z-index: 9992;
    background-color: #fff;
}

.ie11 .section-membership-wrapper:before {
    display: none;
}

.section-membership-full article {
    position: relative;
    z-index: 9994;
}

.section-membership-full article h3 {
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 65px;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.section-membership-full article h3 span {
    position: relative;
    font-family: 'montserrat-bold';
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    z-index: 9995;
}

.section-membership-full h3:after {
    content: attr(data-title);
    position: fixed;
    left: 50%;
    top: -45px;
    font-family: "Old Standard TT";
    font-size: 155px;
    line-height: 95px;
    color: rgba(218, 218, 218, .52);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 9994;
}

.membership-content-block {
    position: relative;
    text-align: center;
}

.section-membership-full article p {
    line-height: 29px;
}

.section-membership-full article blockquote {
    padding: 55px 0 70px;
    font-family: 'montserrat-regular';
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    font-weight: 400;
}

.section-membership-full article blockquote br:first-of-type {
    display: none;
}

.cta-block {
    position: relative;
}

.cta-block a {
    font-size: 16px;
}

.cta-block a.green-dark:hover {
    background-color: #fff;
    color: #53605B;
    border: 1px solid #53605B;
}

.cta-block .green-dark {
    font-size: 16px;
    margin: 23px 0 27px;
}

.cta-block span {
    display: block;
}

.cta-block em,
.cta-block .regular-link {
    display: block;
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #0D0D0C;
}

.cta-block em {
    padding: 0 0 15px;
    font-style: normal;
}

.cta-block .regular-link {
    position: relative;
    display: inline-block;
    font-family: 'montserrat-bold';
}

.cta-block .regular-link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
}

.section-membership-full ul {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    width: 610px;
    padding-top: 80px;
    margin: 0 auto;
}

.section-membership-full li {
    flex: 1;
}

.section-membership-full ul a {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #000;
}

.section-membership-full ul span {
    display: block;
    position: relative;
    padding-top: 33px;
    font-family: 'montserrat-bold';
    font-weight: bold;
}

.section-membership-full ul span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(50% / 2);
    width: 30px;
    height: 2px;
    background: #ba6e3c;
    background: -moz-linear-gradient(left, #ba6e3c 0%, #d1844d 50%, #ffba99 100%);
    background: -webkit-linear-gradient(left, #ba6e3c 0%, #d1844d 50%, #ffba99 100%);
    background: linear-gradient(to right, #ba6e3c 0%, #d1844d 50%, #ffba99 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ba6e3c', endColorstr='#ffba99', GradientType=1);
    transform: translate(-50%, 50%);
}

.section-membership-full ul li span em {
    position: relative;
    display: inline-block;
    font-style: normal;
}

.section-membership-full ul li:hover span em:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
}


/*
= LET'S ASSEMBLE FLOATING
------------------------------------------------------------------------------------- */

.apply-wrapper {
    position: relative;
    z-index: 9998;
}

.home .apply-wrapper {
    z-index: 9996;
}

.apply-wrapper .section-membership-full {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    -webkit-transform: translateY(120%) translateZ(0);
    -moz-transform: translateY(120%) translateZ(0);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%) translateZ(0);
    -webkit-transition: all 500ms cubic-bezier(0.215, .61, .355, 1);
    -moz-transition: all 500ms cubic-bezier(0.215, .61, .355, 1);
    -ms-transition: all 500ms cubic-bezier(0.215, .61, .355, 1);
    -o-transition: all 500ms cubic-bezier(0.215, .61, .355, 1);
    transition: all 500ms cubic-bezier(0.215, .61, .355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.apply-wrapper .section-membership-full article {
    width: 100%;
    max-width: 820px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.apply-wrapper .section-membership-full article:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 36px;
    width: 100vw;
    height: calc(100% + (100vh - 100%) / 2 - 36px);
    background: #f3f6ef;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.apply-wrapper .section-membership-full.active {
    -webkit-transform: translateY(0%) translateZ(0);
    -moz-transform: translateY(0%) translateZ(0);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%) translateZ(0);
}

.apply-wrapper .section-membership-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    padding: 0px;
}

.apply-wrapper .section-membership-wrapper:after {
    display: none;
}

.mobile .apply-wrapper .section-membership-full {
    display: none;
}


/* IE11  */

.ie11 nav>ul li a:hover,
.ie11 header .book-area:hover {
    color: #d16c4d;
}

.ie11 .section-membership-full h3:after,
.ie11 .section-membership-wrapper:after,
.ie11 .section-membership-wrapper:before,
.ie11 .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2:after {
    position: absolute;
}

.ie11 header .book-area {
    background: white;
    text-fill-color: #000;
}

.ie11.desktop footer .quick-links li a:after,
.ie11.desktop footer .social-nav li a:after {
    display: none;
}

.ie11.desktop footer .quick-links li a:hover,
.ie11.desktop footer .social-nav li a:hover {
    text-decoration: underline;
}

.ie11 .facts-blocks {
    flex-basis: 26%;
}

.ie11 .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
    box-shadow: none !important;
}

.ie11 .single-trends-page ol li:before {
    top: 0;
}

.ie11 .location .wrapper .main-wrapper article {
    max-height: 790px;
}

.ie11 .membership-page .hero-section section hgroup h1 {
    padding-top: 8px;
}

.ie11 .membership-slider article h3 {
    margin-bottom: 20px;
    line-height: 45px;
}

.ie11 .membership-slider article h4+strong {
    padding-top: 30px;
}

.ie11 .subscribe input {
    padding-bottom: 14px;
}

.ie11 .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
    padding-right: 20px;
}

.ie11 .facts-blocks h3 {
    height: auto !important;
}

.ie11 .with-white-box .media-holder,
.ie11 section,
.ie11 .sections-group {
    backface-visibility: visible;
}

.ie11 .manifesto,
.ie11 .impact {
    min-height: 100%;
}


/*
= RESPONSIVE
------------------------------------------------------------------------------------- */

@media screen and (max-width: 2300px) {
    /*
    + Location and map*/
    .location .wrapper .main-wrapper {
        max-width: 1120px;
    }
}

@media screen and (max-width: 2000px) {
    /*
+ Common*/
    .main-content .wrapper {
        margin: 0 120px;
    }
    /*
+ Hero section*/
    .hero-section section {
        width: 820px;
        transform: translate(-50%, 60%);
    }
    .rules-page .hero-section {
        transform: translateY(50%);
    }
    .rules-page .hero-section section {
        width: 885px;
    }
    .rules-page .hero-section section h1 {
        font-size: 57px;
        line-height: 75px;
        letter-spacing: 1px;
    }
    .rules-page .hero-section section p {
        letter-spacing: 1px;
        /* line-height: 32px; */
        /* font-size: 20px; */
    }
    .hero-section section hgroup h1 {
        font-size: 57px;
        line-height: 75px;
    }
    .hero-section section p {
        font-size: 24px;
        line-height: 36px;
    }
    .appartmants-page .hero-section section {
        transform: translate(-50%, 50%);
    }
    /*
        + Booking section*/
    .booking-section {
        max-width: 100%;
        margin: 0 auto;
        padding: 220px 0 120px;
    }
    .booking-section article {
        width: 540px;
    }
    .booking-section p {
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }
    /*
= MEMBERSHIP
------------------------------------------------------------------------------------- */
    .membership-page .main-content .wrapper .content-block h2 {
        font-size: 50px;
        line-height: 60px;
    }
    /*
    + Main navigation */
    .membership-slider .main-nav li h3 {
        line-height: 25px;
    }
    /*
    + Membership Benefits Title*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        margin-top: 184px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2:after {
        top: -29px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        margin-bottom: 228px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 span {
        font-size: 50px;
    }
    /*
= Need to be checked
------------------------------------------------------------------------------------- */
    .rules-page .main-content .wrapper .content-block.become-member-section article h3,
    .story .wrapper .main-wrapper .content-block.become-member-section article h3 {
        font-size: 50px;
        line-height: 60px;
    }
    /*
+Appartmants*/
    .appartmants-page .amenities-section.wrapper {
        margin: -300px 0 0;
        padding: 300px 90px 115px;
    }
    .appartmants-page .amenities-section .amenities-wrapper {
        max-width: 100%;
        padding: 140px 0;
        margin: 0 125px;
    }
    .appartmants-page .amenities-section .amenities-wrapper h3 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 160px;
    }
    .gallery-block.bedroom-block:after {
        left: -120px;
        right: -120px;
        height: calc(50% + 150px);
    }
    .gallery-block.bedroom-block article h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .gallery-block.workspace-block article h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .gallery-block.environment-block article h3 {
        font-size: 50px;
        line-height: 60px;
    }
    .nomad-page .main-content .wrapper:before {
        left: -120px;
        right: -120px;
        height: 415px;
    }
    .nomad-page .main-content .wrapper:after {
        height: 415px;
    }
    /*
+ Rules of impact*/
    .rules-page .main-content {
        margin-top: -215px;
    }
    .rules-page.trends-landing .main-content {
        margin-top: -180px;
    }
    .rules-page .main-content .wrapper {
        margin: 0 115px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .rules-page .main-content .wrapper .main-wrapper {
        width: 1180px;
    }
    .rules-page .story-block.text-center {
        width: 870px;
    }
    .rules-page .story-block figure:after {
        content: '';
        left: 135px;
    }
    .rules-page .story-block article {
        padding: 0 0px 0 118px;
    }
    .rules-page .story-block article:after {
        width: calc(100% + 60px);
        margin-left: -60px;
    }
    .rules-page .story-block article .bottom .more-btn {
        margin-top: 48px;
    }
    .rules-page .story-block.right-content figure:after {
        content: '';
        left: auto;
        right: 135px;
    }
    .rules-page .story-block.right-content article {
        padding: 80px 118px 80px 0px;
    }
    /*
    + Floating stories*/
    .floating-stories-wrapper {
        margin-top: 7px;
    }
    .story-list .story-single {
        margin-bottom: 15px;
    }
    .story-content .gallery-holder {
        padding-right: 265px;
    }
    .story-content .gallery-holder:after {
        z-index: 9999;
        bottom: 44px;
    }
    .story-content .gallery-holder .gallery {
        z-index: 2;
    }
    .story-content .gallery-holder .controls {
        bottom: -50px;
    }
    .story-content .gallery-holder .controls h6 {
        left: auto;
        max-width: 80px;
    }
    .story-content .gallery-holder h3 {
        width: 225px;
        text-align: right;
        font-size: 145px;
    }
    /*
        + Trend single*/
    .single-trends-page.rules-page .hero-section {
        height: 490px;
    }
    .single-trends-page.rules-page .hero-section h1 {
        font-size: 57px;
        line-height: 70px;
    }
    .single-trends-page.rules-page .hero-section .wrapper {
        width: 1080px;
    }
    .single-trends-page.rules-page .main-content .wrapper .main-wrapper {
        width: 1080px;
        margin: 0 auto;
    }
    .single-trends-page .trends-main-block {
        margin-top: 191px;
        margin-bottom: 188px;
    }
    .rules-page .trend-story-block .story-block {
        padding: 0;
    }
    .trend-story-block {
        margin-bottom: 190px;
    }
    .single-trends-page .trend-block-heading div {
        padding-top: 77px;
    }
    .single-trends-page .trend-block-heading div:after {
        top: 45px;
    }
    .single-trends-page .trend-block-heading h3 {
        padding-right: 50px;
        margin-bottom: 105px;
    }
    .trends-bg-img {
        padding: 0;
    }
    .single-trends-page ol {
        margin-bottom: 265px;
    }
    .single-trends-page ol li {
        padding: 35px 0 0 35px;
    }
    .single-trends-page ol li:before {
        left: 15px;
    }
    .facts-blocks {
        padding: 0 0 0 35px;
        margin-bottom: 125px;
    }
    .rules-page.single-trends-page .read-more-holder {
        margin-top: 150px;
    }
    .specific-page-wall-street .story-intro article {
        bottom: 260px;
    }
    .specific-page-wall-street .story-intro h1 {
        font-size: 57px;
        line-height: 75px;
        letter-spacing: 1.5px;
    }
    /*
+ Become Member New */
    .section-membership-full {}
    .section-membership-full:after {}
    .section-membership-full:before {}
    .section-membership-full h3:after {
        top: -24px;
    }
    .ie11 .section-membership-full h3:after {
        top: -8px;
    }
}

@media screen and (max-width: 1780px) {
    .read-more-holder ul li h4 {
        font-size: 36px;
        line-height: 38px;
    }
    /*
+Single story read more*/
    .read-more-holder.trends-read-more-holder {
        margin: 150px auto 0;
    }
    .story .trends-read-more-holder ul li {
        width: 48%;
        margin-right: 4%;
    }
    .story .trends-read-more-holder ul li:nth-child(2) {
        margin-right: 0;
    }
    .story .trends-read-more-holder ul li:last-of-type {
        display: none;
    }
}

@media screen and (max-width: 1750px) {
    .gallery-block.bedroom-block article h4 {
        font-size: 105px;
        line-height: 71px;
    }
    .gallery-block.workspace-block article h4 {
        font-size: 131px;
        line-height: 71px;
    }
    /*Read more trends*/
    .read-more-holder.trends-read-more ul {
        width: 762px;
        margin: 0 auto 150px;
    }
    .read-more-holder.trends-read-more ul li {
        width: 100%;
        float: none;
        margin: 0 0 70px;
    }
    .read-more-holder.trends-read-more ul li:last-of-type {
        margin: 0;
        display: block;
    }
    .read-more-holder.trends-read-more ul li a {
        padding: 45px 50px 0 451px;
        height: 487px;
    }
    .read-more-holder.trends-read-more ul li .img-holder {
        width: 406px;
        height: 487px;
    }
    .read-more-holder.trends-read-more ul li h4 {
        font-size: 46px;
    }
    .read-more-holder.trends-read-more-holder {
        max-width: 1140px;
    }
    .read-more-holder.trends-read-more-holder ul {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    /* .read-more-holder.trends-read-more-holder ul li:last-of-type{
                display: block;
                } */
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper .img-holder {
        width: 279px;
        height: 334px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
        padding-top: 40px;
        padding-bottom: 67px;
        overflow: hidden;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more {
        margin-top: 26px;
    }
    .read-more-holder.trends-read-more-holder ul li h4 {
        font-size: 34px;
        line-height: 36px;
    }
    .trends-read-more-holder .trand-type h5 {
        line-height: 45px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more p {
        font-size: 14px;
        line-height: 20px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 {
        font-size: 14px;
        line-height: 47px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore h6 .arrow:after {
        top: -4px;
        left: 69px;
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1700px) {
    .story-list {
        width: 1300px;
    }
    .story-list:after {
        height: 150px;
    }
    .story-list .story-single {
        height: 150px;
    }
    .story-list .story-single>a {
        padding: 10px 25px 10px 192px;
    }
    .story-list .story-single>a figure {
        width: 172px;
        height: 150px;
    }
    .story-list .story-single>a figure figcaption {
        width: 150px;
    }
    .story-list .story-single>a article h3 {
        font-size: 26px;
        line-height: 31px;
    }
    .story-list .story-single>a article .more-btn {
        left: 192px;
        bottom: 15px;
    }
    .story-list .story-single>a article .more-btn i {
        width: 66px;
    }
    .floating-trands .story-list .story-single>a figure {
        flex: 0 0 172px;
    }
    .floating-trands .story-list .story-single h4 {
        font-size: 30px;
        line-height: 31px;
    }
}

@media screen and (max-width: 1550px) {
    /* Membership/Book a tour update */
    .grid-articles {
        margin: 0;
    }
    .with-white-box article h3:before,
    .with-white-box article h2:before {
        left: -125px;
    }
}

@media screen and (max-width: 1500px) {
    /*
+  Common*/
    .rules-page .hero-section.rules-page-hero section {
        top: calc(50% - (180px / 2));
    }
    .main-content .wrapper {
        margin: 0 80px;
    }
    .nomad-page .main-content .wrapper:before {
        left: -180px;
        right: -180px;
        height: 480px;
    }
    .nomad-page .main-content .wrapper:after {
        height: 480px;
    }
    .main-content .wrapper .main-wrapper {
        width: 90%;
    }
    /*
+ Hero Section*/
    .hero-section section {
        /*width: 790px;*/
    }
    .hero-section section hgroup h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .membership-page .hero-section section hgroup h1 {
        font-size: 60px;
    }
    .hero-section section hgroup h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .hero-section section p {
        font-size: 20px;
        line-height: 32px;
    }
    .membership-page .hero-section section p {
        font-size: 16px;
        line-height: 24px;
    }
    /*
        + Booking section */
    .booking-section article {
        width: 570px;
    }
    /*
+ Location and map*/
    .location .wrapper .main-wrapper {
        width: 100%;
    }
    /*
+ Nomad*/
    .nomad-page .main-content .wrapper {
        margin: 0 50px;
    }
    .nomad-page .main-content .wrapper:before {
        left: -50px;
        right: -50px;
        height: 480px;
    }
    .nomad-page .main-content .wrapper:after {
        height: 480px;
    }
    .nomad-page .content-block article {
        width: 380px;
    }
    .nomad-page .content-block article h2 {
        position: relative;
        font-family: 'montserrat-bold';
        font-size: 50px;
        line-height: 60px;
        color: #000000;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 40px;
        z-index: 5;
    }
    .nomad-page .content-block article h3,
    .nomad-page .content-block article h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .nomad-page .coworking-block h4 {
        font-size: 238px;
    }
    .nomad-page .programing-block h4 {
        font-size: 210px;
    }
    /*
+ Membership*/
    .membership-page .main-content .wrapper .main-wrapper {
        width: 100%;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        padding-top: 79px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        margin-bottom: 182px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2:after {
        top: -30px;
    }
    .articla-wrapper .article {
        height: 600px;
        margin-bottom: 150px;
    }
    .articla-wrapper .article-content {
        left: 75px;
        bottom: 134px;
        width: 490px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
        padding-right: 85px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p br {
        display: none;
    }
    .articla-wrapper .article-number {
        left: 75px;
        bottom: 46px;
    }
    /*
+ Need to be checked*/
    .rules-page .main-content .wrapper .content-block.become-member-section,
    .story .wrapper .main-wrapper .content-block.become-member-section {
        padding-top: 100px;
    }
    .membership-page .particles #particles-middle,
    .rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-middle,
    .story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-middle {
        display: none;
    }
    .membership-page .particles #particles-member,
    .rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-member,
    .story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-member {
        top: 100px;
        height: calc(100% - 100px);
    }
    .membership-page .particles #particles-member,
    .rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-member,
    .story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-member {
        top: 70px;
        height: calc(100% - 70px);
    }
    /*
+ Appartmants*/
    .appartmants-page .amenities-section.wrapper {
        margin: -200px 0 0;
        padding-top: 200px;
    }
    .appartmants-page .amenities-section .amenities-wrapper {
        padding-top: 160px;
        margin: 0;
    }
    .appartmants-page .amenities-section .amenities-wrapper h3 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 90px;
    }
    .gallery-block.bedroom-block:after {
        left: -90px;
        right: -90px;
        height: calc(100% - 190px);
    }
    /*
+ Rules*/
    .rules-page .main-content .wrapper {
        margin: 0 90px;
        padding: 67px 0 0;
    }
    .rules-page .main-content .wrapper .main-wrapper {
        width: auto;
        max-width: 100%;
        margin: 0 50px;
    }
    .rules-page .story-block article {
        padding: 60px 0 60px 100px;
    }
    .rules-page .story-block.right-content article {
        padding: 60px 100px 60px 0px;
    }
    .rules-page .story-block.right-content figure:after {
        content: '';
        left: auto;
        right: 125px;
    }
    .trends-main-post h2 {
        font-size: 90px;
        line-height: 100px;
    }
    /*
+ Single Trend*/
    .single-trends-page .trends-main-block {
        margin-top: 135px;
        margin-bottom: 133px;
    }
    .single-trends-page.rules-page .hero-section {
        height: 390px;
    }
    .single-trends-page.rules-page .hero-section h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .floating-trands .story-list .story-single>a .floating-trands-wrapper {
        padding: 0 20px 0 15px;
    }
    /*ToDo Work*/
    .single-trends-page.rules-page .hero-section hgroup {
        bottom: 80px;
    }
    .single-trends-page .story-breadcrumbs {
        bottom: 32px;
    }
    /*
= NEW BECOME MEMBERSHIP
------------------------------------------------------------------------------------- */
    .section-membership-wrapper {
        padding: 223px 0 43px;
    }
    .section-membership-wrapper:after {
        top: 245px;
        height: calc(100% - 245px);
    }
    .section-membership-full article h3 {
        padding-bottom: 45px;
    }
    .section-membership-full article h3 span {
        font-size: 35px;
        line-height: 41px;
    }
    .section-membership-full h3:after {
        top: -34px;
        font-size: 120px;
    }
    .membership-content-block p {
        font-size: 15px;
    }
    .section-membership-full article blockquote {
        padding: 44px 0 45px;
    }
    .cta-block .green-dark {
        margin: 9px 0 13px;
    }
    .cta-block em {
        padding: 0 0 11px;
    }
    .cta-block .green-dark {
        height: 55px;
        line-height: 55px;
        font-size: 15px;
    }
    .section-membership-full ul {
        padding-top: 43px;
    }
}

@media screen and (max-width: 1480px) {
    /*
+  Common*/
    p {
        font-size: 12px;
        line-height: 26px;
    }
    .with-white-box article p {
        font-size: 15px;
        line-height: 26px;
    }
    .floating-bar ul {
        left: 20px;
    }
    .floating-bar ul li {
        padding: 0 5px;
    }
    .floating-bar p {
        bottom: 100px;
        left: 20px;
        font-size: 9px;
    }
    /*
+ Subscribe & footer */
    .subscribe p {
        font-size: 15px;
        line-height: 42px;
    }
    footer .contact-info {
        line-height: 34px;
    }
    footer .copyright {
        font-size: 8px;
        line-height: normal;
    }
    /*
+ Intro | Homepage */
    /*.intro article h2,
    .houses .intro article h1,
    .home .intro article h1,
    .home .intro article h3 {
        font-size: 80px;
    }*/
    .intro article p {
        font-size: 16px;
        line-height: 25px;
    }
    .home .intro .welcome-slide article {
        padding-top: 120px;
    }
    .home .intro article h3,
    .home .intro article h1 {
         margin: 0 0px 15px;
    }
    .home .intro article h3 span,
    .home .intro article h1 span {
        margin-bottom: 10px;
        font-size: 28px;
    }
    /*.home .intro article p {
        padding: 0 160px;
    }*/
    /*
+ The assemblage */
    .with-white-box .holder {
        bottom: 110px;
    }
    /*
+ Section with white box */
    .with-white-box .green-bgr {
        padding-top: 68px;
    }
    .slider-nav {
        height: 68px;
    }
    .with-white-box.active .slider-nav {
        height: 68px;
    }
    .with-white-box.went-up .slider-nav {
        height: 68px;
    }
    /*
+ Manifesto */
    .manifesto article {
        top: 60%;
    }
    .manifesto article h3 {
        font-size: 200px;
    }
    .manifesto article p {
        max-width: 850px;
        font-size: 12px;
        line-height: 30px;
    }
    .manifesto .principles {
        max-width: 950px;
    }
    .manifesto .principles .white-bgr {
        height: 80px;
        margin-bottom: -80px;
    }
    .manifesto .principles .green-bgr {
        margin-bottom: -80px;
    }
    .manifesto .principles h6 {
        height: 80px;
        padding: 0 100px;
        line-height: 80px;
        font-size: 10px;
    }
    .manifesto .principles h6:after {
        bottom: 24px;
        left: 100px;
    }
    .manifesto .principles ul {
        padding: 20px 100px 30px 100px;
    }
    .manifesto .principles ul li {
        width: 178px;
        margin-right: 105px;
    }
    .manifesto .principles ul li h3 {
        font-size: 19px;
        line-height: 22px;
    }
    .manifesto .principles ul li p {
        font-size: 12px;
        line-height: 22px;
    }
    .manifesto .principles ul li:last-child {
        margin-right: 0px;
    }
    /*
+ Impact */
    .impact .holder {
        bottom: 120px;
    }
    .impact article {
        width: 380px;
    }
    .impact article h3 {
        top: 0px;
        left: 35%;
        font-size: 112px;
    }
    .impact article h2 {
        max-width: 300px;
        margin: 0 0 20px;
        font-size: 32px;
        line-height: 41px;
    }
    .impact article ul {
        margin-bottom: 25px;
    }
    .impact article ul li {
        padding: 4px 0 4px 15px;
        font-size: 9px;
    }
    .impact article p {
        margin-bottom: 16px;
    }
    .impact article p:last-child {
        margin-bottom: 0px;
    }
    .impact article a {
        font-size: 12px;
        margin-top: 0px;
    }
    .impact .slider-nav .dots {
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .media-holder span .caption {
        bottom: 50px;
    }
    /*
+ Become member */
    .become-member article {
        max-width: 350px;
        padding-top: 120px;
    }
    .become-member article h3 {
        font-size: 168px;
    }
    .become-member blockquote {
        margin-bottom: 50px;
    }
    .become-member blockquote p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .become-member blockquote cite {
        font-size: 16px;
    }
    .become-member .rounded-btn {
        margin-bottom: 70px;
        font-size: 12px;
        line-height: 42px;
    }
    /*
+ Intro | Houses */
    .houses .intro article h1 {
        line-height: 100px;
        font-size: 110px;
    }
    .intro article h5 {
        margin-bottom: 35px;
    }
    .houses .intro article h2 {
        margin-bottom: 35px;
    }
    .scroll-down {
        bottom: 20px;
    }
    /*
+ Member, suite & events */
    .member-suite-events article {
        padding-top: 0px;
    }
    .member-suite-events p {
        margin-bottom: 40px;
    }
    .member-suite-events p:last-child {
        margin-bottom: 0px;
    }
    .member-suite-events .underlined-btn {
        margin-bottom: 45px;
    }
    .member-suite-events .underlined-btn:last-child {
        margin-bottom: 0px;
    }
    .member-suite-events .titles-holder h3 {
        font-size: 314px;
    }
    /*
+ Our houses */
    .member-suite-events article.houses>p {
        margin-bottom: 60px;
    }
    .houses-list {
        margin-right: -100px;
    }
    .houses-list li h6 {
        margin: -8px 0 2px;
    }
    .houses-list li p {
        margin-bottom: 4px;
    }
    .houses-list li .underlined-btn {
        font-size: 16px;
    }
    .our-houses {
        padding: 250px 0 130px;
    }
    .our-houses:before {
        top: 282px;
        bottom: 380px;
    }
    .our-houses .holder:before {
        font-size: 314px;
    }
    /*
+ Sanctuary */
    .sanctuary article {
        width: 465px;
    }
    .sanctuary .holder:after {
        font-size: 240px;
    }
    /*
+ Book an apartment | Become resident */
    .book-become a:after {
        font-size: 142px;
    }
    .book-become h3 {
        font-size: 26px;
    }
    /*
+ Nomade */
    .nomad-page .programing-block h4 {
        font-size: 180px;
    }
    /*
+ Trend single */
    .single-trends-page .trends-main-block div h3 {
        font-size: 27px;
        line-height: 40px;
    }
    .single-trends-page .trends-main-block div p {
        font-size: 20px;
        line-height: 33px;
    }
    .single-trends-page .trend-block-heading h3 {
        font-size: 45px;
    }
    .artwork-section .artwork-section-col p {
        font-size: 15px;
    }
    .artwork-section .artwork-section-col h3:after {
        font-size: 130px;
    }
    .specific-page-wall-street .story-intro article {
        bottom: 200px;
    }
    .specific-page-wall-street .story-intro h2 {
        max-width: 540px;
        font-size: 20px;
        line-height: 32px;
    }
    .specific-page-wall-street .story-content p {
        font-size: 15px;
    }
    .single-trends-page.rules-page .hero-section {
        height: 320px;
    }
    /*
+Single story read more*/
    .story .read-more-holder ul {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1440px) {
    /*
+  Membership slider | Main navigation */
    .membership-slider .main-nav li {
        height: 230px;
    }
    .membership-slider .main-nav li div {
        padding: 28px 56px;
    }
    .desktop .membership-slider .main-nav li.active div,
    .tablet .membership-slider .main-nav li.active div,
    .desktop .membership-slider .main-nav li:hover div {
        transform: scale(1.08);
    }
    .membership-slider .main-nav li div:after {
        height: 140px;
    }
    /*
+ Membership slider | Slider */
    .membership-slider .slider {
        height: 520px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .article-holder {
        bottom: -26px;
        width: 368px;
        height: 495px;
    }
    .membership-slider .article-holder article {
        left: 28px;
        right: 28px;
        top: 25px;
        bottom: 25px
    }
    .membership-slider article h3 {
        width: 85%;
        padding-bottom: 15px;
        margin: 0 auto 20px;
        font-size: 45px;
    }
    .membership-slider article h4 {
        width: 85%;
        margin: 0px auto;
        font-size: 19px;
        line-height: 22px;
    }
    .membership-slider article>strong {
        width: 85%;
        margin: 0px auto;
        padding-top: 22px;
    }
    .membership-slider article p,
    .membership-slider article p strong {
        font-size: 12px;
    }
    .membership-slider article .rounded-btn {
        padding: 0 50px;
        line-height: 40px;
        margin: 3px 0 13px;
    }
    .membership-slider .assemly-content .rounded-btn {
        margin: 4px 0 13px;
    }
    .membership-slider .houses-content .rounded-btn {
        margin: 1px 0 26px;
    }
    .membership-slider .resident-desk .rounded-btn {
        margin: 1px 0 16px;
    }
    .membership-slider .resident-office .rounded-btn {
        margin: 1px 0 10px;
    }
    .membership-slider .resident-lounge .rounded-btn {
        margin: 0px 0 10px;
    }
    /*
+ Membership slider | Amenities list */
    .membership-slider .amenities-list {
        left: 335px;
        right: 430px;
        bottom: 10px;
    }
    .membership-slider .amenities-list li {
        padding: 0 5px;
    }
    /*
+ Membership slider | Thumbs list */
    .membership-slider .thumbs-list {
        width: 364px;
        height: 38px;
        bottom: 57px;
        padding: 0 30px;
    }
    .membership-slider .thumbs-list li {
        transform: translateX(38px);
    }
    .membership-slider .thumbs-list li span {
        width: 38px;
        height: 38px;
    }
    .membership-slider .thumbs-list:before {
        height: 76px;
    }
    /* Membership/Book a tour update */
    .hero-section.membership.flexible section {
        padding: 120px 0 329px;
    }
    .center-title-box.top-offset {
        width: 90%;
    }
    .center-title-box h2:after {
        font-size: 150px;
        transform: translate(-50%, -90%);
    }
    .ie11 .membership-slider article h3:after {
        display: none;
    }
}

@media screen and (max-width: 1440px) and (max-height: 900px) {
    /* Membership/Book a tour update */
    .desktop .hero-section section {
        transform: translate(-50%, 50%);
    }
    .desktop .hero-section.flexible section {
        transform: translate(-50%, 0);
    }
    .desktop .hero-house-list {
        padding-top: 30px;
    }
    .desktop .hero-section.small {
        height: calc(100vh - 200px);
    }
}

@media screen and (max-width: 1400px) {
    /*
+ Common */
    .rules-page .hero-section.rules-page-hero section {
        /* top: calc(50% - (117px / 2)); */
    }
    .rules-page .main-content {
        /* margin-top: -117px; */
    }
    .floating-bar ul li a {
        font-size: 7px;
    }
    /*
+ Manifesto */
    .manifesto article {
        top: 50%;
    }
    .manifesto article h2 {
        margin-bottom: 20px;
    }
    .manifesto article p {
        font-size: 12px;
    }
    /*
+Appartmants */
    .appartmants-page .amenities-section.wrapper {
        margin: -85px 0 0;
        padding: 85px 90px 60px;
    }
    .appartmants-page .amenities-section .amenities-wrapper {
        padding: 140px 0 70px;
    }
    .appartmants-page .amenities-section .amenities-wrapper h3 {
        font-size: 45px;
        margin-bottom: 100px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article:after {
        flex-basis: 66.64%;
    }
    .gallery-block.bedroom-block article h2 {
        font-size: 45px;
        line-height: 60px;
    }
    .gallery-block.workspace-block article h2 {
        font-size: 45px;
        margin-bottom: 35px;
    }
    .gallery-block.environment-block article h3 {
        font-size: 45px;
    }
    .gallery-block.environment-block article h4 {
        font-size: 91px;
    }
    .trends-main-post h2 {
        width: 40%;
    }
    .rules-page .story-block.right-content figure {
        order: 1;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more p {
        line-height: 22px;
    }
    /*
+ Membership slider | Slider */
    .membership-slider .slider {
        height: 430px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .article-holder {
        left: -48px;
        bottom: -30px;
        width: 320px;
        height: 430px;
    }
    .membership-slider .article-holder article {
        top: 20px;
        bottom: 20px
    }
    .membership-slider article h3 {
        width: 90%;
        margin: 0 auto 15px;
        line-height: 45px;
    }
    .membership-slider article h4 {
        width: 90%;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0px;
    }
    .membership-slider article>strong {
        width: 90%;
        padding-top: 14px;
    }
    .membership-slider article .rounded-btn {
        margin-bottom: 15px;
        padding: 0 40px;
        line-height: 34px;
    }
    /*
+ Membership slider | Amenities list */
    .membership-slider .amenities-list {
        right: 425px;
    }
    /*
+ Membership slider | Thumbs list */
    .membership-slider .thumbs-list {
        padding: 0 30px 0 30px;
    }
    /*
+ Membership Benefits Title*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        margin-top: 145px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        margin-bottom: 170px;
    }
    /*
+ Single story*/
    .rules-page.single-trends-page .main-content .wrapper {
        margin: 0 auto;
    }
    .story-content .gallery-holder {
        padding-right: 250px;
    }
    .story-content .gallery-holder:after {
        right: 25px;
    }
    .story-content .gallery-holder h3 {
        right: 0;
        text-align: center;
    }
    .story-content .gallery-holder .controls {
        right: 0;
    }
    .story-list {
        width: auto;
        max-width: 100%;
        margin: 0 35px;
    }
    .story-list:after {
        height: 140px;
    }
    .story-list .story-single {
        height: 146px;
    }
    .story-list .story-single>a {
        padding: 15px 25px 15px 183px;
    }
    .story-list .story-single>a figure {
        width: 168px;
        height: 146px;
    }
    .story-list .story-single>a figure figcaption {
        width: 146px;
    }
    .story-list .story-single>a article h3 {
        font-size: 18px;
    }
    .story-list .story-single>a article h3 br {
        display: none;
    }
    .story-list .story-single>a article h4 {
        font-size: 10px;
    }
    .story-list .story-single>a article .more-btn {
        left: 185px;
        bottom: 15px;
        font-size: 10px;
    }
    .story-list .story-single>a article .more-btn i {
        width: 64px;
    }
    /*
+ Rules*/
    .rules-page .main-content .wrapper {
        margin: 0 85px;
    }
    .rules-page .main-content .wrapper .main-wrapper {
        margin: 0 47px;
        width: inherit;
    }
    .rules-page .story-block article {
        padding: 60px 0 60px 80px;
    }
    .rules-page .story-block.right-content article {
        padding: 60px 80px 60px 0px;
    }
}

@media screen and (max-width: 1366px) {
    .ie11 .section-membership-full h3:after {
        top: -20px;
    }
    /*
+ Common */
    .floating-bar ul {
        top: 50%;
        margin-top: 20px;
    }
    .floating-bar ul li {
        padding: 0 5px;
    }
    /* .floating-bar ul li a {
        font-size: 8px;
    } */
    .floating-bar p {
        font-size: 8px;
    }
    .slider-nav .prev-next a {
        width: 120px;
    }
    .arrow {
        width: 68px;
    }
    .slider-nav .prev-next a:after {
        width: 82px;
    }
    .with-white-box article h3:before,
    .with-white-box article h2:before {
        left: -100px;
        font-size: 90px;
        line-height: 75px;
    }
    /*
+ Manifesto */
    .manifesto article p {
        line-height: 24px;
    }
    /*
+ Become member */
    .become-member article h3 {
        font-size: 162px;
    }
    .gallery-block.workspace-block article h4 {
        font-size: 105px;
        line-height: 69px;
    }
    /*
+ Our houses */
    .houses-list li h4 {
        font-size: 18px;
    }
    .houses-list li h6,
    .houses-list li p,
    .houses-list li .underlined-btn {
        font-size: 13px;
    }
    .member-suite-events h3 {
        font-size: 38px;
        line-height: 45px;
    }
    .member-suite-events p {
        font-size: 14px;
        line-height: 28px;
    }
    .member-suite-events .rounded-btn {
        min-width: 230px;
        padding: 0 20px;
        font-size: 16px;
        line-height: 45px;
    }
    .book-become li {
        height: 180px;
    }
    .book-become h3 {
        font-size: 22px;
    }
    /*
+ Rules page*/
    .rules-page.trends-landing .main-content .wrapper {
        margin: 0 auto;
        width: 1210px;
    }
    .rules-page.trends-landing .main-content .wrapper .main-wrapper {
        max-width: 100%;
        width: auto;
        margin: 0 75px;
    }
    /*
+ Trend single*/
    .single-trends-page.rules-page .hero-section {
        height: 390px;
    }
    .single-trends-page.rules-page .hero-section .wrapper {
        width: 1050px;
    }
    .single-trends-page.rules-page .hero-section h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .single-trends-page .trends-main-block {
        margin-bottom: 96px;
        margin-top: 100px;
    }
    .single-trends-page .trend-block-heading h3 {
        padding-right: 130px;
    }
    .single-trends-page .trends-main-block div h3 {
        font-size: 23px;
        line-height: 37px;
    }
    .single-trends-page .trends-main-block div p {
        font-size: 18px;
        line-height: 30px;
    }
    .single-trends-page ol li {
        padding-left: 25px;
    }
    .facts-blocks {
        margin-bottom: 140px;
    }
    .facts-blocks h3 {
        font-size: 70px;
        line-height: 70px;
    }
    .facts-blocks h3 i {
        margin: 10px 0 0;
    }
    .facts-blocks h3 em {
        font-size: 15px;
        line-height: 22px;
        margin-top: 15px;
        padding-right: 22%;
    }
    .facts-blocks .facts-wrapper-bottom {
        padding-right: 20%;
    }
    .artwork-section .artwork-section-col h3:after {
        font-size: 120px;
    }
    .specific-page-wall-street .story-intro article {
        bottom: 220px;
    }
    .specific-page-wall-street .story-intro h1 {
        font-size: 40px;
        line-height: 55px;
        letter-spacing: 1px;
    }
    .specific-page-wall-street .story-intro h2 {
        padding-top: 0px;
    }
    .specific-page-wall-street .specific-block p {
        margin-bottom: 60px;
    }
    .rules-page .story-block figure:after {
        left: 88px;
    }
    .rules-page .story-block.right-content figure:after {
        left: auto;
        right: 88px;
    }
    .rules-page .story-block article {
        padding: 40px 0px 40px 78px;
    }
    .rules-page .story-block.right-content article {
        padding: 40px 78px 40px 0px;
    }
    .rules-page .story-block article .bottom {
        padding-top: 20px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .assemly-content .rounded-btn {
        margin: 0px 0 12px;
    }
    .membership-slider .houses-content .rounded-btn {
        margin: 2px 0 24px;
    }
    .membership-slider .resident-desk .rounded-btn {
        margin: 4px 0 10px;
    }
    .membership-slider .resident-office .rounded-btn {
        margin: 2px 0 9px;
    }
    .membership-slider .resident-lounge .rounded-btn {
        margin: 0px 0 10px;
    }
    /*
+ Articals benefits*/
    .articla-wrapper .article-content {
        left: 71px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 {
        margin-bottom: 27px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
        padding-right: 80px;
    }
    .articla-wrapper .article-number {
        left: 72px;
    }
    .articla-wrapper .article-number span:after {
        left: 103px;
        width: calc(100% - 103px);
    }
    /*
+ New become membership */
    .section-membership-wrapper {
        padding-top: 246px;
    }
    .section-membership-wrapper:after {
        top: 268px;
        height: calc(100% - 268px);
    }
    .section-membership-full article p {
        font-size: 15px;
    }
    .section-membership-full article blockquote {
        padding-top: 29px;
    }
    .cta-block em {
        padding-bottom: 10px;
    }
    .home .section-membership-wrapper {
        padding-top: 246px;
    }
    .home .section-membership-wrapper:after {
        top: 268px;
        height: calc(100% - 268px);
    }
    /* Membership/Book a tour update */
    .hero-house-list li {
        width: 170px;
    }
    .hero-house-list li figure {
        width: 89px;
    }
    .hero-house-list li.active figure:before {
        width: 100px;
        height: 100px;
    }
    .hero-house-list li h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .hero-house-list li p,
    .hero-section section .hero-house-list li p {
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (max-width: 1366px) and (max-height: 768px) {
    /* Membership/Book a tour update */
    .desktop .hero-section section {
        transform: translate(-50%, 40%);
    }
    .desktop .hero-section.small section {
        transform: translate(-50%, 50%);
    }
}

@media screen and (max-width: 1365px) {
    .membership-slider,
    .slider-info {
        width: calc(100% - 96px);
    }
}

@media screen and (max-width: 1280px) {
    /*@TODO*/
    .rules-page .hero-section {
        height: 499px;
        bottom: auto;
        transform: translateY(0);
    }
    .rules-page .hero-section section {
        width: 748px;
    }
    .rules-page .hero-section section h1 {
        margin-bottom: 70px;
    }
    .rules-page .hero-section section p {
        font-size: 18px;
        line-height: 30px;
    }
    .trends-landing.rules-page .main-content {
        margin-top: -13px;
    }
    .trends-landing.rules-page .main-content {
        margin-top: 0 !important;
    }
    .rules-page .hero-section.rules-page-hero section {
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: auto !important;
    }
    .trends-main-post h2 {
        width: 46%;
    }
    .trends-title {
        font-size: 60px;
        margin-bottom: 85px;
    }
    .rules-page .trends-main-block .story-block article .top h3,
    .rules-page .trends-main-block .story-block article .top h3 a {
        font-size: 55px;
    }
    .rules-page .story-block.right-content article {
        flex: 1;
    }
    /*
+ Common */
    .rounded-btn {
        min-width: 200px;
        font-size: 16px;
        line-height: 45px;
    }
    /*.sections-nav {
        right: 40px;
    }*/
    .join-btn {
        right: 40px;
        bottom: 100px;
    }
    /*
+ Intro | Homepage */
    .intro article {
        max-width: 760px
    }
    .intro article p {
        margin-bottom: 75px;
    }
    .intro article p:last-child {
        margin-bottom: 0px;
    }
    /*
+ The assemblage */
    /*
+ Manifesto */
    .manifesto article h2 {
        margin-bottom: 10px;
        margin-top: -10px;
    }
    .manifesto article h3 {
        font-size: 160px;
    }
    .manifesto article p {
        max-width: 800px;
    }
    .manifesto .principles {
        max-width: 880px;
    }
    .manifesto .principles h6 {
        padding: 0 65px;
    }
    .manifesto .principles h6:after {
        left: 65px;
    }
    .manifesto .principles ul {
        padding: 20px 65px 30px;
    }
    .manifesto .principles ul li {
        width: 220px;
        margin-right: 45px;
    }
    /*
+ Impact */
    .with-white-box .particles-overlay {
        background: -moz-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
        background: radial-gradient(ellipse at right center, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    }
    /*
+ Become member */
    .become-member article {
        padding-top: 80px;
    }
    .become-member article h3 {
        font-size: 128px;
    }
    /*
+ Subscribe & footer */
    .subscribe form {
        max-width: 900px;
    }
    .subscribe input {
        width: 300px;
        margin: 6px 40px 0 0;
    }
    .subscribe .form-inline .form-control {
        width: 220px !important;
    }
    footer article {
        max-width: 900px;
    }
    footer .contact-info,
    footer .quick-links,
    footer .social-nav {
        margin-right: 70px;
    }
    /*
+ Intro | Houses */
    .houses .intro article h1 {
        line-height: 74px;
        font-size: 84px;
        letter-spacing: 54px;
        margin-right: -54px;
    }
    .intro .slick-slide:first-child article h2 {
        margin-bottom: 25px;
        font-size: 28px;
        letter-spacing: 6px;
    }
    .intro .slick-slide:first-child article h4,
    .intro article h4 {
        padding: 0 115px;
        font-size: 14px;
        line-height: 20px;
    }
    /*.intro article h3,
    .home .intro article h1 {
        font-size: 80px;
    }*/
    .intro article h5 {
        margin-bottom: 25px;
        font-size: 28px;
    }
    .scroll-down {
        bottom: 20px;
    }
    .home .intro article h4 {
        font-size: 25px;
    }
    /*
+ Member, suite & events */
    .member-suite-events .titles-holder h3 {
        font-size: 192px;
    }
    .member-suite-events .titles-holder h3.suite,
    .member-suite-events .titles-holder h3.events {
        font-size: 255px;
    }
    .member-suite-events article {
        max-width: 385px;
        padding-top: 0px;
    }
    .member-suite-events h3 {
        font-size: 38px;
        line-height: 45px;
    }
    .member-suite-events p {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 28px;
    }
    .member-suite-events .underlined-btn {
        margin-bottom: 45px;
        font-size: 14px;
    }
    .member-suite-events .rounded-btn {
        font-size: 14px;
    }
    /*
+ Our houses */
    .our-houses {
        padding: 200px 0 110px;
    }
    .our-houses .holder {
        max-width: 92%;
    }
    .our-houses h2 {
        margin-bottom: 15px;
        font-size: 38px;
    }
    .our-houses p {
        max-width: 630px;
        margin-bottom: 80px;
        font-size: 14px;
        line-height: 22px;
    }
    .our-houses .item {
        padding: 40px 0;
    }
    .our-houses ul li h3 {
        margin-bottom: 15px;
        font-size: 36px;
    }
    .our-houses ul li h6 {
        padding-bottom: 15px;
        font-size: 14px;
    }
    .our-houses ul li h6:after {
        width: 90px;
    }
    .our-houses ul li p {
        margin-bottom: 30px;
    }
    .our-houses .img-holder {
        width: 176px;
        height: 176px;
        margin-bottom: 45px;
    }
    .our-houses ul li h5 {
        margin-bottom: 25px;
        font-size: 13px;
        line-height: 21px;
    }
    .our-houses .rounded-btn {
        padding: 0 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .our-houses .holder:before {
        font-size: 236px;
    }
    .our-houses:before {
        top: 232px;
        bottom: 280px;
    }
    .houses-list li {
        padding-left: 50px;
    }
    .houses-list li span {
        width: 35px;
        height: 35px;
    }
    .houses-list li:before {
        width: 35px;
        line-height: 35px;
        font-size: 13px;
    }
    .houses-list li h4 {
        line-height: 35px;
    }
    .houses-list li h6 {
        margin-top: 0px;
    }
    /*
+ Sanctuary */
    .sanctuary article {
        width: 350px;
    }
    .sanctuary h3 {
        font-size: 38px;
        line-height: 45px;
    }
    .sanctuary p {
        font-size: 14px;
        line-height: 28px;
        margin-right: -20px;
    }
    .sanctuary .holder:after {
        font-size: 206px;
    }
    /*
+ Book an apartment | Become resident */
    .book-become h3 {
        font-size: 20px;
        line-height: 18px;
    }
    .book-become a:after {
        font-size: 102px;
    }
    /*
+ Nomade*/
    .nomad-page .coworking-block h4 {
        font-size: 188px;
    }
    /*
+Trend single*/
    .single-trends-page.rules-page .hero-section .wrapper {
        width: auto;
        margin: 0 80px;
    }
    .single-trends-page.rules-page .main-content .wrapper .main-wrapper {
        margin: 0 80px;
        max-width: 100%;
        width: auto;
    }
    .rules-page.trends-landing .main-content .wrapper {
        padding-top: 107px;
    }
    .story .read-more-holder.trends-read-more-holder {
        margin: 0 auto;
    }
    .rules-page .trend-story-block .story-block {
        padding: 0;
    }
    .single-trends-page ol li {
        padding-left: 0;
    }
    .single-trends-page ol li:before {
        left: -20px;
    }
    .facts-blocks {
        padding: 0;
    }
    .artwork-section .artwork-section-col {
        flex-basis: 400px;
        margin-bottom: 121px;
    }
    .artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
        width: 400px;
        height: 494px;
        top: 80px;
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        width: 342px;
        height: 475px;
        margin-bottom: 100px;
    }
    .art-description {
        padding-left: 0;
    }
    .trend-story-block {
        padding: 150px 0;
        margin-bottom: 60px;
    }
    .rules-page .story-block figure {
        width: 445px;
        height: 480px;
    }
    .rules-page .trend-story-block .story-block figure,
    .rules-page .story-block figure div {
        width: 353px;
        height: 479px;
    }
    .rules-page .trend-story-block .story-block .trend-label {
        left: -21px;
        transform: none;
    }
    .single-trends-page .trend-block-heading h3 {
        padding-right: 115px;
    }
    .facts-blocks h3 em {
        padding-right: 27%;
    }
    /*
+Trend single*/
    .single-trends-page.rules-page .hero-section .wrapper {
        width: auto;
        margin: 0 80px;
    }
    .single-trends-page.rules-page .main-content .wrapper .main-wrapper {
        margin: 0 80px;
        max-width: 100%;
        width: auto;
    }
    /* .read-more-holder.trends-read-more-holder{
                max-width: 100%;
                margin: 0 30px;
                } */
    .trend-story-block {
        padding: 150px 0;
        margin-bottom: 60px;
    }
    .rules-page .trend-story-block .story-block {
        padding: 0;
    }
    .rules-page .story-block figure {
        width: 445px;
        height: 480px;
    }
    .rules-page .trend-story-block .story-block figure,
    .rules-page .story-block figure div {
        width: 353px;
        height: 479px;
    }
    .rules-page .trend-story-block .story-block .trend-label {
        left: -21px;
        transform: none;
    }
    .single-trends-page ol li {
        padding-left: 0;
    }
    .single-trends-page ol li:before {
        left: -20px;
    }
    .facts-blocks {
        padding: 0;
    }
    .facts-blocks h3 em {
        padding-right: 27%;
    }
    .artwork-section .artwork-section-col {
        flex-basis: 400px;
        margin-bottom: 121px;
    }
    .artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
        width: 400px;
        height: 494px;
        top: 80px;
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        width: 342px;
        height: 475px;
        margin-bottom: 100px;
    }
    .art-description {
        padding-left: 0;
    }
    .single-trends-page .trend-block-heading h3 {
        padding-right: 115px;
    }
    .read-more-holder.trends-read-more-holder {
        max-width: 763px;
    }
    .read-more-holder.trends-read-more-holder h3 {
        position: relative;
        top: 27px;
        font-size: 125px;
        line-height: 60px;
    }
    .read-more-holder.trends-read-more-holder ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .read-more-holder.trends-read-more-holder ul li:first-of-type {
        margin-bottom: 70px;
    }
    .single .read-more-holder.trends-read-more-holder ul li:last-of-type {
        display: block;
    }
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper .img-holder {
        width: 406px;
        height: 486px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
        overflow: hidden;
    }
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper h4 {
        font-size: 46px;
        line-height: 48px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more p {
        font-size: 15px;
        line-height: 26px;
    }
    .read-more-holder.trends-read-more-holder {
        max-width: 763px;
    }
    /*
+ Single story read more*/
    .story .read-more-holder.trends-read-more-holder {
        font-size: 125px;
        line-height: 60px;
    }
    /*
+ Membership page */
    .membership-slider {
        transform: none;
    }
    .negativ-bottom .main-content {
        overflow: hidden;
    }
    /*
+  Membership slider | Main navigation */
    .membership-slider .main-nav li {}
    .membership-slider .main-nav li div {
        padding: 28px 26px;
    }
    .membership-slider .main-nav li h3 {
        font-size: 19px;
        line-height: 22px;
    }
    .membership-slider .main-nav li.big-title h3 {
        margin-top: -10px;
    }
    .membership-slider .main-nav li p {
        font-size: 13px;
        line-height: 18px;
    }
    .membership-slider .main-nav li div:after {
        height: 140px;
    }
    /*
+  Membership slider | Slider */
    .membership-slider .slider {
        height: 472px;
        width: calc(100% + 48px);
    }
    .membership-slider .slider span {
        width: 1024px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .article-holder {
        bottom: -50px;
        width: 340px;
        height: 480px;
    }
    .membership-slider .article-holder article {
        top: 22px;
        bottom: 40px
    }
    .membership-slider article h3 {
        margin: 0 auto 20px;
        font-size: 40px;
    }
    .membership-slider article .rounded-btn {
        margin-bottom: 30px;
    }
    /*
+ Membership slider | Amenities list */
    .membership-slider .amenities-list {
        left: 302px;
        right: 294px;
        bottom: 10px;
    }
    .membership-slider .amenities-list li {
        padding: 0px;
        font-size: 8px;
        line-height: 12px;
    }
    .membership-slider .amenities-list li:before {
        margin-bottom: 2px;
        transform: scale(0.7);
        backface-visibility: hidden;
    }
    /*
+ Membership slider | Thumbs list */
    .membership-slider .thumbs-list {
        width: 312px;
        height: 24px;
        right: -33px;
        bottom: 40px;
        padding: 0 0 0 15px;
    }
    .membership-slider .thumbs-list li {
        margin-right: 20px;
        transform: translateX(24px);
    }
    .membership-slider .thumbs-list li span {
        width: 24px;
        height: 24px;
        border-width: 1px;
    }
    .membership-slider .thumbs-list li:last-child {
        margin: 0px;
    }
    .membership-slider .thumbs-list:before {
        height: 70px;
    }
    /*
+ NEW BECOME MEMBERSHIP */
    .section-membership-full article p {
        padding: 0 70px;
    }
    .section-membership-full article p br {
        display: none;
    }
    /* Membership/Book a tour update */
    .hero-section.membership.flexible section {
        padding: 120px 0 200px;
    }
    .slider-info {
        padding-top: 30px;
        padding-bottom: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 1220px) {
    .with-white-box article h3,
    .with-white-box article h2 {
        font-size: 32px;
        line-height: 41px;
    }
    .with-white-box article h3:before,
    .with-white-box article h2:before {
        left: -10px;
        bottom: 5px;
        line-height: 70px;
        font-size: 70px;
    }
    .gallery-block.workspace-block article h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .gallery-block.workspace-block article h4 {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .gallery-block.environment-block article h3 {
        font-size: 40px;
        line-height: 48px;
    }
    .gallery-block.environment-block article h4 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 35%;
    }
}

@media screen and (max-width: 1100px) {
    /*@todo*/
    .rules-page.trends-landing .main-content .wrapper .main-wrapper {
        margin: 0 30px !important;
    }
    .rules-page .hero-section section {
        width: 552px;
    }
    .rules-page .trends-main-block .story-block article .top h3,
    .rules-page .trends-main-block .story-block article .top h3 a {
        font-size: 50px;
        line-height: 60px;
    }
    .rules-page .trends-main-block .story-block {
        margin-bottom: 92px;
    }
    .rules-page .hero-section {
        height: 810px;
    }
    .rules-page .hero-section.rules-page-hero {
        /* height: calc(100vh - 60px); */
        height: 100vh;
    }
    .rules-page .hero-section section h1 {
        margin-bottom: 63px;
    }
    .main-wrapper .trends-main-post h2 {
        font-size: 80px;
        line-height: 90px;
        width: 40%;
    }
    .trends-main-post {
        margin-bottom: 177px;
    }
    .trends-main-post .trends-block-content {
        width: 44%;
    }
    .trends-title {
        margin-top: 0;
        margin-bottom: 95px;
    }
    .rules-page .trends-main-block .story-block figure,
    .rules-page .trends-main-block .story-block figure div {
        width: 393px;
        height: 466px;
    }
    .rules-page .trends-main-block .story-block article .top {
        padding-bottom: 44px;
    }
    .rules-page .trends-main-block .story-block article .bottom {
        padding-top: 54px;
    }
    .rules-page .trends-main-block .story-block article .bottom a {
        margin-top: 52px;
    }
    /*
+ Common*/
    .main-content .wrapper {
        margin: 0 auto;
        padding: 80px 0;
    }
    .content-block figure {
        width: 430px;
        height: 560px;
    }
    /*
+ Hero section*/
    .hero-section section {
        width: 680px;
    }
    .hero-section section hgroup h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .membership-page .hero-section section hgroup h1 {
        font-size: 55px;
    }
    .hero-section section p {
        font-size: 18px;
        line-height: 30px;
    }
    .membership-page .hero-section section {
        overflow: visible;
    }
    /*
+ Booking section */
    .booking-section {
        padding-bottom: 170px;
    }
    .booking-section article {
        width: 80%;
    }
    /*
+ Location and map*/
    .location .wrapper .main-wrapper article {
        top: -100px;
        left: 5%;
    }
    .location .wrapper .main-wrapper article hgroup h3 {
        font-size: 40px;
        line-height: 48px;
    }
    /*
+ Nomad*/
    .nomad-page .main-content .wrapper {
        margin: 0 auto;
    }
    .nomad-page .main-content .wrapper:before,
    .nomad-page .main-content .wrapper:after {
        display: none;
    }
    .nomad-page .content-block article {
        width: 350px;
    }
    .nomad-page .coworking-block h4 {
        font-size: 138px;
        line-height: 95px;
    }
    .nomad-page .spaces-block h4 {
        font-size: 200px;
    }
    .nomad-page .culture-block h4 {
        font-size: 200px;
    }
    .nomad-page .food-block h4 {
        top: 50%;
        left: -40%;
    }
    .nomad-page .programing-block h4 {
        font-size: 148px;
        top: 50%;
    }
    /*
+ Memebership */
    .membership-page .main-content .wrapper {
        /* padding-top: 150px; */
    }
    .membership-page .main-content .wrapper .content-block h2 {
        font-size: 40px;
    }
    /*
+ Membership Benefits Title*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        margin-bottom: 110px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 span {
        font-size: 35px;
        line-height: 41px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2:after {
        top: -35px;
        font-size: 120px;
    }
    /*
+ Articals benefits */
    .articla-wrapper .article {
        height: 427px;
    }
    .articla-wrapper .article-content {
        width: 470px;
        left: 50px;
        bottom: 117px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 {
        padding-right: 110px;
        font-size: 35px;
        line-height: 37px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
        padding-right: 95px;
        font-size: 13px;
        line-height: 20px;
    }
    .articla-wrapper .article-number {
        left: 50px;
        bottom: 30px;
    }
    .articla-wrapper .article-number span {
        font-size: 60px;
    }
    .articla-wrapper .article-number span:after {
        bottom: 9px;
        left: 81px;
        width: calc(100% - 81px);
    }
    /*
+ Need to be checked*/
    .rules-page .main-content .wrapper .content-block.become-member-section article h3,
    .story .wrapper .main-wrapper .content-block.become-member-section article h3 {
        font-size: 40px;
        line-height: 48px;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article h4,
    .story .wrapper .main-wrapper .content-block.become-member-section article h4 {
        font-size: 139px;
        line-height: 91px;
    }
    .membership-page .particles #particles-top,
    .rules-page .main-content .wrapper .content-block .particles #particles-top,
    .story .wrapper .main-wrapper .content-block .particles #particles-top {
        top: 150px;
    }
    .rules-page .main-content .wrapper .main-wrapper.space-bottom {
        padding-bottom: 80px;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section,
    .story .wrapper .main-wrapper .content-block.become-member-section {
        margin: 0 auto 165px;
    }
    .specific-page-wall-street.story .wrapper .main-wrapper .content-block.become-member-section {
        margin-bottom: 0;
        padding-bottom: 165px;
    }
    /*
+ Appartmants*/
    .appartmants-page .main-content .wrapper {
        margin: 0 45px;
        padding-top: 100px;
    }
    .appartmants-page .contet-block {
        padding-top: 70px;
    }
    .appartmants-page .gallery-block .content {
        flex-basis: 99.9999%;
        padding: 80px 0;
        text-align: center;
    }
    .appartmants-page .gallery-block .content article {
        width: 80%;
    }
    .appartmants-page .gallery-block .gallery-box.box-hidden {
        display: none;
    }
    .appartmants-page .gallery-block.reversed .content article {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        transform: initial;
        order: 1;
        width: 80%;
    }
    .appartmants-page .amenities-section.wrapper {
        margin: -150px 0 0;
        padding: 150px 45px 60px;
    }
    .appartmants-page .amenities-section .amenities-wrapper {
        padding: 114px 0 30px;
    }
    .appartmants-page .amenities-section .amenities-wrapper h3 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 70px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div {
        font-size: 12px;
        line-height: 21px;
        flex-basis: 16.66%;
    }
    .gallery-block.bedroom-block:after {
        left: -45px;
        right: -45px;
        top: 20px;
        height: calc(100% - 60px);
    }
    .gallery-block.bedroom-block article h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .gallery-block.bedroom-block article h4 {
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        font-size: 115px;
        line-height: 69px;
    }
    .gallery-block.environment-block article h4 {
        font-size: 109px;
        top: 0;
    }
    .single-trends-page.rules-page .hero-section {
        height: 330px;
    }
    /*
+ Trend single*/
    .specific-page-wall-street .story-content .holder {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .specific-page-wall-street .story-intro article {
        bottom: 120px;
        padding: 0 85px;
        box-sizing: border-box;
    }
    .specific-page-wall-street .story-intro h2 {
        max-width: 440px;
        bottom: 120px;
        font-size: 18px;
    }
    .rules-page .trend-story-block .story-block.left-content article {
        padding: 0 0 0 50px;
    }
    .rules-page .story-block article .top {
        padding-bottom: 44px;
    }
    .rules-page .story-block article .top h3 a {
        font-size: 50px;
        line-height: 60px;
    }
    .rules-page .story-block article .bottom {
        /* padding-top: 42px; */
    }
    .rules-page .story-block article .bottom a {
        margin-top: 39px;
        display: block;
        z-index: 9999;
    }
    /*
+Single story */
    .story-intro {
        height: 100%;
        height: 100vh;
    }
    .story .story-intro .media-holder {
        height: 100%;
    }
    .story-intro article {
        max-width: 780px;
        bottom: 120px;
    }
    .story-intro .single-header-wrapper div {
        bottom: 10px;
    }
    .story-intro h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .story-intro h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .story-content:before {
        display: none;
    }
    .story-content .holder {
        max-width: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        padding-bottom: 125px;
    }
    .story-content article {
        margin: 0 auto;
        width: 525px;
        padding: 54px 0 0 255px;
    }
    .story-content article h5 {
        width: 180px;
        margin-left: -239px;
    }
    .story-content .blockquote {
        margin-left: -255px;
    }
    .story-content .audio-holder {
        margin: 50px 0px 32px -255px;
    }
    .story-content ol {
        margin-left: -255px;
    }
    .story-content .gallery-holder {
        padding-right: 165px;
    }
    .story-content .gallery-holder h3 {
        width: 165px;
        font-size: 105px;
    }
    /*
+Single story read more*/
    .story .trends-read-more-holder ul li:last-of-type {
        display: none;
    }
    .story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
    /*
+ Story Breadcrumbs*/
    .story-breadcrumbs {
        bottom: 62px;
        max-width: 780px;
    }
    .specific-page-wall-street .story-breadcrumbs {
        max-width: 1050px;
        left: 0;
        right: 0;
        padding: 0 85px;
        transform: none;
        box-sizing: border-box;
    }
    /*
+ NEW BECOME MEMBERSHIP */
    .section-membership-wrapper {
        padding-top: 222px;
    }
    .section-membership-wrapper:after {
        top: 247px;
        height: calc(100% - 247px);
    }
    .section-membership-full h3:after {
        top: -25px;
    }
    .section-membership-full article blockquote {
        padding-bottom: 28px;
    }
    .cta-block .green-dark {
        line-height: 55px;
        margin: 14px 0px 18px;
    }
    .cta-block em {
        padding-top: 0;
        padding-bottom: 12px;
    }
    .section-membership-full ul {
        padding-top: 53px;
    }
    .home .section-membership-wrapper {
        padding-top: 222px;
    }
    .home .section-membership-wrapper:after {
        top: 247px;
        height: calc(100% - 247px);
    }
    /*
+ Breadcrumbs and share story */
    .specific-page-wall-street .story-breadcrumbs {
        max-width: 1050px;
        left: 0;
        right: 0;
        padding: 0 85px;
        transform: none;
        box-sizing: border-box;
    }
    .share-story-bar {
        top: 128px;
        left: 35px;
    }
    /* Membership/Book a tour update */
    .hero-section.membership.flexible section {
        padding: 90px 0 230px;
    }
    .grid-articles li {
        padding: 13px;
    }
    .grid-articles .half .inner-wrapper {
        height: 241px;
    }
    .grid-articles .full .inner-wrapper {
        height: 508px;
    }
    .grid-articles .mid .inner-wrapper {
        height: 473px;
    }
    .grid-articles .content {
        padding: 30px !important;
    }
    .grid-articles .content h3 {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 32px;
    }
    .grid-articles .content p {
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (min-width:1025px) {
    .sections-group {

    
    margin-left: -18px !important;
}
    li.mobile-index {
        display: none;
    }
    .book-area-mobile {
        display: none;
    }
    .book-area {
        display: block;
    }
    #coworkwerList {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .ie11 .section-membership-full h3:after {
        top: -20px;
    }
    /*
+ Header */
    /*header {
        background: #000000;
        font-size: 14px;
    }
    header .logo {
        width: 50%;
        height: 60px;
        margin-right: 0px;
        background-image: url(../img/bgr-logo-mobile.png);
        background-position: 12px center;
        background-size: 52px 31px;
        -webkit-transition: all 175ms 0ms linear !important;
        -moz-transition: all 175ms 0ms linear !important;
        transition: all 175ms 0ms linear !important;
    }
    header.opened .logo {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 175ms 175ms linear !important;
        -moz-transition: all 175ms 175ms linear !important;
        transition: all 175ms 175ms linear !important;
    }
    header h1 {
        width: 50%;
        margin-right: 0px;
        -webkit-transition: all 175ms 0ms linear !important;
        -moz-transition: all 175ms 0ms linear !important;
        transition: all 175ms 0ms linear !important;
    }
    header.opened h1 {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 175ms 175ms linear !important;
        -moz-transition: all 175ms 175ms linear !important;
        transition: all 175ms 175ms linear !important;
    }
    header h1 .logo {
        width: 100%;
    }
    header.opened h1 .logo {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    header .holder {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #000000;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 350ms linear !important;
        -moz-transition: all 350ms linear !important;
        transition: all 350ms linear !important;
    }
    nav>ul {
        float: none;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -35px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    nav>ul li {
        float: none;
        margin-right: 0px;
        line-height: 50px;
    }
    nav>ul li a {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        text-fill-color: #ffffff;
    }
    nav>ul li:first-child {
        margin-bottom: 35px;
    }
    nav>ul li:first-child a {
        display: block;
        width: 238px;
        height: 124px;
        text-indent: -9999px;
        background: url(../img/bgr-logo-mobile-menu.png) center no-repeat;
        background-size: 100% 100%;
        outline: none;
    }
    header .members-area {
        float: none;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 0px;
        line-height: 70px;
        border-top: 1px solid #ffffff;
    }
    header.opened .holder {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }*/
    .nav-trigger {
        display: block;
        margin: 21px 21px 0 0;
    }
    .home .intro article {
        margin-top: -40px;
    }
    .book-area-mobile {
        display: block;
    }
    .book-area {
        display: none;
    }
    .artwork-section .artwork-section-col {
        flex-basis: 320px;
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        width: 270px;
        height: 371px;
        margin-bottom: 95px;
    }
    .artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
        width: 320px;
        height: 385px;
        top: 60px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .assemly-content .rounded-btn {
        margin: 0px 0 20px;
    }
    .membership-slider .houses-content .rounded-btn {
        margin: 0px 0 31px;
    }
    .membership-slider .resident-desk .rounded-btn {
        margin: 5px 0 18px;
    }
    .membership-slider .resident-office .rounded-btn {
        margin: 5px 0 18px;
    }
    .membership-slider .resident-lounge .rounded-btn {
        margin: 5px 0 18px;
    }
    /* Membership/Book a tour update */
    .hero-section.small section {
        transform: translate(-50%, 50%);
    }
    .hero-house-list {
        padding-top: 30px;
    }
    .center-title-box h2 {
        font-size: 35px;
        line-height: 41px;
    }
    .center-title-box h2:after {
        font-size: 120px;
        transform: translate(-50%, -83%);
    }
    .details-info-box {
        margin: 0 50px;
    }
}

@media screen and (max-width: 1023px) {
    .membership-at-assemblage .main-content .wrapper:before {
        display: none;
    }
    .membership-slider {
        overflow: hidden;
        width: 100%;
        background: #101010;
    }
    /*
+  Membership slider | Main navigation */
    .membership-slider .main-nav li {
        height: 205px;
    }
    .membership-slider .main-nav li div {
        padding: 28px 20px 15px;
    }
    .membership-slider .main-nav li h3 {
        font-size: 19px;
        line-height: 22px;
    }
    .membership-slider .main-nav li p {
        font-size: 11px;
        line-height: 16px;
    }
    .membership-slider .main-nav li div:after {
        height: 120px;
    }
    /*
+  Membership slider | Slider */
    .membership-slider .slider {
        height: 340px;
    }
    /*
+ Membership slider | Article */
    .membership-slider .article-holder {
        position: relative;
        bottom: auto;
        left: auto;
        float: left;
        height: 460px;
        width: 50%;
        background: #101010;
    }
    .membership-slider .article-holder article {
        left: 55px;
        right: 55px;
        top: 35px;
        bottom: 30px;
    }
    .membership-slider article>strong {
        line-height: 15px;
    }
    .membership-slider article h3 {
        margin-bottom: 12px;
        font-size: 40px;
        line-height: 41px;
    }
    .membership-slider article h3:after {
        left: 50%;
        right: auto;
        width: 75px;
        transform: translateX(-50%);
    }
    .membership-slider .assemly-content .rounded-btn {
        margin: 0px 0 20px;
    }
    .membership-slider .houses-content .rounded-btn {
        margin: 3px 0 29px;
    }
    .membership-slider .resident-desk .rounded-btn {
        margin: 0px 0 14px;
    }
    .membership-slider .resident-office .rounded-btn {
        margin: 0px 0 14px;
    }
    .membership-slider .resident-lounge .rounded-btn {
        margin: 1px 0 8px;
    }
    /*
+ Amenities list */
    .membership-slider .amenities-list {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        float: right;
        width: 50%;
        height: 460px;
        padding: 100px 40px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .membership-slider .amenities-list li {
        display: inline-block;
        float: none;
        width: 32%;
        margin-bottom: 30px;
        padding: 0 5px;
        font-size: 10px;
        line-height: 16px;
        vertical-align: top;
    }
    .membership-slider .amenities-list li:before {
        margin-bottom: 15px;
        transform: none;
    }
    .membership-slider .amenities-list:before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 100px;
        bottom: 100px;
        width: 1px;
        background: rgba(255, 255, 255, 0.12);
    }
    /*
+ Membership slider | Thumbs list */
    .membership-slider .thumbs-list {
        bottom: 485px;
        right: auto;
        left: 50%;
        width: auto;
        height: auto;
        transform: translateX(-50%);
    }
    .membership-slider .thumbs-list li {
        margin-right: 10px;
        transform: none !important;
    }
    .membership-slider .thumbs-list li span {
        width: 8px;
        height: 8px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        background: none !important;
        transform: none !important;
    }
    .membership-slider .thumbs-list li.active span {
        background: #ffffff !important;
    }
    .membership-slider .thumbs-list li:last-child {
        margin-right: 0px;
    }
    .membership-slider .thumbs-list:before {
        display: none;
    }
    /* Membership/Book a tour update */
    .slider-info p {
        text-align: center;
    }
}

@media screen and (max-width: 980px) {

    .floating-bar ul {
        top: 40%;
        left: 10px;
    }
    .floating-bar p {
        bottom: 350px;
        left: 10px;
    }
    .join-btn {
        right: 20px;
        bottom: 100px;
    }

    .intro article p {
        max-width: 62%;
        margin: 0px auto 75px;
    }
  
    .home .intro article h1 {
        margin-top: 12em;
    }
    .home .intro article h3 span,
    .home .intro article h1 span {
        font-size: 26px;
    }
     
    .with-white-box .holder {
        width: 78%;
    }
 
    .with-white-box .holder {
        bottom: 50px;
        padding-top: 10vh !important;
    }
    .with-white-box.active article {
        -webkit-transform: translateX(10px) translateZ(0px);
        -moz-transform: translateX(10px) translateZ(0px);
        transform: translateX(10px) translateZ(0px);
    }
    .with-white-box article p {
        margin-bottom: .5em;
    }
  
    .manifesto article h2 {
        margin-bottom: 30px;
    }
    .manifesto article h3 {
        font-size: 128px;
        line-height: 14px;
    }
    .manifesto article p {
        padding: 0 65px;
    }
    .manifesto .principles ul li {
        width: 26.6%;
        margin-right: 10%;
    }
    .manifesto .principles ul li:last-child {
        margin-right: 0px;
    }

    .img-center-defult {
        padding: 0em 0.5em !important;
        padding-bottom: 2em !important;
    }
    .mobile .assemble-section {
        padding-top: 1em !important;
    }
    .impact .holder {
        bottom: 260px;
    }
    .impact article {
        -webkit-transform: translateX(20px) translateZ(0px);
        -moz-transform: translateX(20px) translateZ(0px);
        transform: translateX(20px) translateZ(0px);
    }
    .impact article p {
        max-width: 295px;
    }
    .media-holder span .caption {
        bottom: 192px;
        margin-left: 180px;
    }
    /*
+ Become member */
    .become-member article {
        padding-top: 60px;
    }
    .become-member article h3 {
        font-size: 96px;
    }
    /*
+ Subscribe & footer */
    footer article,
    .subscribe form {
        width: auto;
        max-width: 88%;
        margin: 0px auto;
    }
    .subscribe p {
        max-width: 200px;
        line-height: 24px;
    }
    footer .contact-info,
    footer .quick-links {
        margin-right: 55px;
    }
    footer .social-nav {
        margin-right: 0px;
    }
    /*
+ Houses | tablet - portrait */
    .tablet.portrait body.houses {
        overflow: auto;
        height: auto;
    }
    .tablet.portrait body.houses .sections-holder {
        position: relative;
        padding-top: 0px;
        will-change: auto;
    }
    .tablet.portrait body.houses .floating-bar,
    .tablet.portrait body.houses .sections-nav {
        display: none;
    }
    .tablet.portrait body.houses .intro article h1 {
        margin-bottom: 25px;
        font-size: 72px;
    }
    .tablet.portrait .intro .slick-slide:first-child article h2 {
        font-size: 34px;
    }
    .tablet.portrait .intro .slick-slide:first-child article h4,
    .tablet.portrait body.houses .intro article h4 {
        font-size: 22px;
        line-height: 40px;
    }
    .tablet.portrait .hero-slider-nav {
        left: 10%;
        right: 10%;
    }
    .tablet.portrait body.houses .intro.went-up article {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
        transform: translateX(-50%) translateY(-50%) translateZ(0px);
    }
    .tablet.portrait .member-suite-events .left {
        float: none;
        width: 100%;
    }
    .tablet.portrait .member-suite-events .titles-holder {
        display: none;
    }
    .tablet.portrait .member-suite-events .green-bgrs {
        display: none;
    }
    .tablet.portrait .member-suite-events .articles-holder,
    .tablet.portrait .member-suite-events .articles-wrapper {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        transform: none !important;
    }
    .tablet.portrait .member-suite-events article {
        position: relative;
        max-width: 100%;
        width: 80%;
        padding-bottom: 120px;
        margin-bottom: 0px !important;
    }
    .tablet.portrait .member-suite-events h3 {
        margin-bottom: 60px;
        font-size: 50px;
        line-height: 60px;
    }
    .tablet.portrait .member-suite-events p {
        font-size: 21px;
        line-height: 38px;
    }
    .tablet.portrait .member-suite-events .events p {
        margin-bottom: 110px;
    }
    .tablet.portrait .member-suite-events .underlined-btn {
        margin-bottom: 110px;
        font-size: 21px;
        line-height: 26px;
    }
    .member-suite-events .rounded-btn {
        padding: 0 40px;
        font-size: 18px;
        line-height: 55px;
        border-radius: 35px;
    }
    .tablet.portrait .member-suite-events article:before {
        content: "";
        display: block;
        position: relative;
        z-index: -1;
        height: 525px;
        margin: 0 -12.5% 120px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tablet.portrait .member-suite-events article.events:before {
        background-image: url(../img/bgr-events-spaces.jpg);
    }
    .tablet.portrait .member-suite-events article.member:before {
        background-image: url(../img/bgr-join-assemblage.jpg);
    }
    .tablet.portrait .member-suite-events article.suite:before {
        background-image: url(../img/bgr-book-suite.jpg);
    }
    .tablet.portrait .member-suite-events article.houses:before {
        background-image: url(../img/bgr-houses.jpg);
    }
    .tablet.portrait .member-suite-events article:after {
        content: attr(data-title);
        display: block;
        position: absolute;
        left: 0%;
        top: 200px;
        z-index: -1;
        width: auto;
        font-family: 'Old Standard TT', serif;
        font-size: 236px;
        line-height: 100px;
        color: rgba(225, 225, 225, 0.5);
        -webkit-transform: rotate(-90deg) translateX(-100%);
        -moz-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    .tablet.portrait .member-suite-events .right {
        display: none;
    }
    .tablet.portrait body.houses .sections-group {
        height: auto !important;
        overflow: hidden !important;
    }
    .tablet.portrait .our-houses {
        padding: 160px 0 110px;
    }
    .tablet.portrait .our-houses .holder {
        max-width: 80%;
    }
    .tablet.portrait .our-houses h2 {
        width: 250px;
        margin-bottom: 20px;
        font-size: 60px;
        line-height: 70px;
        text-align: left;
    }
    .tablet.portrait .our-houses p {
        margin-bottom: 100px;
        font-size: 30px;
        line-height: 48px;
        text-align: left;
    }
    .tablet.portrait .our-houses ul {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .tablet.portrait .our-houses ul li {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 140px;
    }
    .tablet.portrait .our-houses .item-holder {
        width: 100%;
    }
    .tablet.portrait .our-houses .item {
        padding: 80px 0;
    }
    .tablet.portrait .our-houses ul li h3 {
        margin-bottom: 25px;
        font-size: 60px;
    }
    .tablet.portrait .our-houses ul li h6 {
        font-size: 26px;
    }
    .tablet.portrait .our-houses ul li p {
        margin-bottom: 60px;
        font-size: 26px;
        text-align: center;
    }
    .tablet.portrait .our-houses .img-holder {
        margin-bottom: 75px;
        width: 360px;
        height: 360px;
    }
    .tablet.portrait .our-houses ul li h5 {
        margin-bottom: 55px;
        font-size: 24px;
        line-height: 34px;
    }
    .tablet.portrait .our-houses .rounded-btn {
        font-size: 32px;
        line-height: 94px;
        border-radius: 47px;
        min-width: 360px;
    }
    .tablet.portrait .our-houses ul li:last-child {
        margin-bottom: 0px;
    }
    .tablet.portrait .our-houses .holder:before {
        left: 0%;
        top: -160px;
        width: auto;
        white-space: nowrap;
        font-size: 236px;
        line-height: 100px;
        -webkit-transform: rotate(-90deg) translateX(-100%);
        -moz-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    .tablet.portrait .our-houses:before {
        display: none;
    }
    .member-suite-events article.houses>p {
        position: relative;
        padding-bottom: 250px;
        margin-bottom: 0px;
    }
    .member-suite-events article.houses>p:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        bottom: 50px;
        width: 1px;
        height: 150px;
        background: #000000;
    }
    .houses-list {
        margin: 0 -12.5%;
    }
    .houses-list li {
        float: none;
        width: 100%;
        padding: 0px;
        margin-bottom: 140px;
    }
    .houses-list li:last-child {
        margin-bottom: 0px;
    }
    .houses-list .progress {
        display: none;
    }
    .houses-list li h4 {
        width: 64%;
        padding: 45px 8%;
        margin: 0px auto;
        font-size: 38px;
        line-height: 38px;
        background: #ffffff;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .houses-list li h6 {
        position: relative;
        width: 64%;
        margin: -90px auto 5px;
        font-size: 20px;
    }
    .houses-list li p {
        width: 64%;
        margin: 0px auto 30px;
        font-size: 20px;
    }
    .houses-list li p:last-child {
        margin-bottom: 0px;
    }
    .houses-list li .underlined-btn {
        margin: 0 0 0 18%;
        font-size: 20px;
    }
    .houses-list li:before {
        content: "";
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        height: 850px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .houses-list li.nomad-list-item:before {
        background-image: url(../img/bgr-nomad-portrait.jpg);
    }
    .houses-list li.park-list-item:before {
        background-image: url(../img/bgr-park-portrait.jpg);
    }
    .houses-list li.john-list-item:before {
        background-image: url(../img/bgr-john-portrait.jpg);
    }
    .tablet.portrait .member-suite-events article.houses>p {
        position: relative;
        padding-bottom: 250px;
        margin-bottom: 0px;
    }
    .tablet.portrait .member-suite-events article.houses>p:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        bottom: 50px;
        width: 1px;
        height: 150px;
        background: #000000;
    }
    .tablet.portrait .houses-list {
        margin: 0 -12.5%;
    }
    .tablet.portrait .houses-list li {
        float: none;
        width: 100%;
        padding: 0px;
        margin-bottom: 140px;
    }
    .tablet.portrait .houses-list li:last-child {
        margin-bottom: 0px;
    }
    .tablet.portrait .houses-list .progress {
        display: none;
    }
    .tablet.portrait .houses-list li h4 {
        width: 64%;
        padding: 45px 8%;
        margin: 0px auto;
        font-size: 38px;
        line-height: 38px;
        background: #ffffff;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tablet.portrait .houses-list li h6 {
        position: relative;
        width: 64%;
        margin: -90px auto 5px;
        font-size: 20px;
    }
    .tablet.portrait .houses-list li p {
        width: 64%;
        margin: 0px auto 30px;
        font-size: 20px;
    }
    .tablet.portrait .houses-list li p:last-child {
        margin-bottom: 0px;
    }
    .tablet.portrait .houses-list li .underlined-btn {
        margin: 0 0 0 18%;
        font-size: 20px;
    }
    .tablet.portrait .houses-list li:before {
        content: "";
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        height: 850px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tablet.portrait .houses-list li.nomad-list-item:before {
        background-image: url(../img/bgr-nomad-portrait.jpg);
    }
    .tablet.portrait .houses-list li.park-list-item:before {
        background-image: url(../img/bgr-park-portrait.jpg);
    }
    .tablet.portrait .houses-list li.john-list-item:before {
        background-image: url(../img/bgr-john-portrait.jpg);
    }
    .tablet.portrait .sanctuary {
        height: auto !important;
    }
    .tablet.portrait .sanctuary .media-holder {
        position: relative;
        left: auto;
        top: auto;
        height: 525px;
        margin-bottom: 120px;
    }
    .tablet.portrait .sanctuary .holder {
        position: relative;
        left: auto;
        top: auto;
        width: 80%;
        height: auto;
        margin: 0px auto;
        padding-bottom: 180px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .tablet.portrait .sanctuary article {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .tablet.portrait .sanctuary h3 {
        margin-bottom: 60px;
        font-size: 60px;
        line-height: 70px;
    }
    .tablet.portrait .sanctuary p {
        margin: 0px 0 50px;
        font-size: 21px;
        line-height: 38px;
    }
    .tablet.portrait .sanctuary p:last-child {
        margin-bottom: 0px;
    }
    .tablet.portrait .sanctuary .holder:before {
        display: none;
    }
    .tablet.portrait .sanctuary .holder:after {
        left: 0%;
        top: -450px;
        opacity: 1;
        width: auto;
        white-space: nowrap;
        font-size: 236px;
        line-height: 100px;
        -webkit-transform: rotate(-90deg) translateX(-100%);
        -moz-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    .tablet.portrait .book-become li {
        float: none;
        width: 100%;
        height: 200px;
    }
    .tablet.portrait .book-become h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .tablet.portrait .book-become a:after {
        font-size: 176px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div {
        flex-basis: 20%;
    }
    /*
+ Booking section*/
    .booking-section h3 {
        font-size: 40px;
        line-height: 48px;
    }
    .gallery-block.bedroom-block article h4 {
        font-size: 125px;
    }
    .gallery-block.workspace-block article h4 {
        top: 10px;
        font-size: 121px;
        line-height: 171px;
    }
    .gallery-block.environment-block article h4 {
        font-size: 91px;
    }
    /*
+ Rules of impact*/
    .main-wrapper .trends-main-post h2 {
        width: 50%;
    }
    /*
+Single Trends*/
    .single-trends-page.rules-page .hero-section .wrapper {
        height: calc(100%-55px);
    }
    .single-trends-page.rules-page .hero-section .wrapper,
    .single-trends-page.rules-page .main-content .wrapper .main-wrapper {
        margin: 0 30px;
    }
    .single-trends-page .trends-main-block div {
        width: 45%;
    }
    .single-trends-page .trends-main-block div:last-of-type {
        width: 45%;
    }
    .single-trends-page .trend-block-heading h3 {
        padding-right: 30px;
        margin-bottom: 0;
    }
    .trends-bg-img {
        padding: 0;
    }
    .trends-bg-img:after {
        background-position: 50% 50%;
    }
    .single-trends-page ol {
        margin-bottom: 36px;
    }
    .single-trends-page ol li {
        width: 46%;
        margin: 0 2% 100px;
        padding: 45px 0 0 0;
    }
    .single-trends-page ol li:last-of-type {
        margin-bottom: 0;
    }
    .single-trends-page ol li:before {
        left: -6px;
        top: 0;
    }
    .facts-section {
        margin-top: 120px;
    }
    .facts-blocks {
        flex-basis: 46%;
        margin-bottom: 80px;
    }
    .facts-blocks h3 em {
        font-size: 20px;
        line-height: 28px;
        padding-right: 20%;
    }
    .artwork-section .artwork-section-col h3:after {
        font-size: 100px;
        line-height: 90px;
    }
    .specific-page-wall-street .story-intro article {
        bottom: 100px;
        padding: 0 35px;
    }
    .specific-page-wall-street .story-breadcrumbs {
        padding: 0 35px;
    }
    .specific-page-wall-street .story-intro h2 {
        max-width: 400px;
    }
    .specific-page-wall-street .sections-holder .story-breadcrumbs {
        bottom: 64px;
        padding: 0 35px;
        max-width: 100%;
    }
    .story-breadcrumbs li,
    .story-breadcrumbs li:after,
    .story-breadcrumbs li a {
        font-size: 11px;
    }
    .specific-page-wall-street .specific-block p {
        margin-bottom: 40px;
    }
    .story-content article h3.with-top-margin {
        margin-top: 70px;
    }
    /*
+ single trend read more*/
    .read-more-holder.trends-read-more ul {
        width: 706px;
    }
    .trends-read-more ul li .trand-type {
        left: 0;
    }
    .read-more-holder.trends-read-more ul li a {
        padding: 0px 50px 0 462px;
        height: 437px;
    }
    .read-more-holder.trends-read-more ul li .img-holder {
        width: 376px;
        height: 437px;
    }
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper h4 {
        font-size: 34px;
        line-height: 36px;
    }
    /*
+ Membership new page*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        padding: 0 48px;
        margin-top: 182px;
    }
    /*
+ Membership Benefits Title*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        margin-bottom: 116px;
    }
    /*
+ Articals benefits*/
    .articla-wrapper .article {
        height: 350px;
        margin-bottom: 100px;
    }
    .articla-wrapper .image-holder:after {
        opacity: 0.41;
    }
    .articla-wrapper .article-number {
        left: 36px;
        bottom: 13px;
    }
    .articla-wrapper .article-content {
        left: 41px;
        bottom: 81px;
        width: 420px;
    }
    .articla-wrapper .article-content.tablet-spacing {
        width: 460px;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 {
        padding-right: 0;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 br {
        display: none;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3.hide-last-break br {
        display: block;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3.hide-last-break br:last-of-type {
        display: none;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3.special-spacing br {
        display: block;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
        padding-right: 0;
    }
    .articla-wrapper .article-number span:after {
        bottom: 10px;
        height: 2px;
    }
    /*
+ NEW BECOME MEMBERSHIP */
    .section-membership-wrapper {
        padding-top: 160px;
        padding-bottom: 50px;
    }
    .section-membership-wrapper:after {
        top: 184px;
        height: calc(100% - 184px);
    }
    .section-membership-full article h3 {
        padding: 0 100px 45px;
    }
    .section-membership-full h3:after {
        font-size: 100px;
    }
    .section-membership-full article blockquote {
        padding-bottom: 45px;
    }
    .cta-block em {
        padding: 0;
    }
    .cta-block .rounded-btn {
        max-width: 250px;
        margin: 11px 0 15px;
    }
    .section-membership-full ul {
        width: calc(100% - 160px);
        margin: 0 80px;
        padding-top: 64px;
    }
    .home .section-membership-wrapper {
        padding-top: 160px;
        padding-bottom: 50px;
    }
    .home .section-membership-wrapper:after {
        top: 184px;
        height: calc(100% - 184px);
    }
    footer .footer-columns {
        padding-right: 0;
    }
    footer .footer-col .widget.left {
        margin: 0 0 0 40px;
    }
    footer h5,
    footer h6,
    footer p,
    footer ul li {
        font-size: 12px;
    }
    footer .social-widget {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        padding-top: 15px;
    }
    footer .social-widget h5 {
        display: none;
    }
    footer .social-menu li {
        width: auto;
        margin: 0 20px 0 0;
    }
}

@media screen and (max-width: 950px) {
    /*
+Single story read more*/
    .story .read-more-holder.trends-read-more-holder {
        position: relative;
        max-width: 707px;
    }
    /*
+ Single story */
    .share-story-bar {
        top: 165px;
        left: 2px;
    }
    .read-more-holder.trends-read-more-holder {
        max-width: 707px;
    }
}

@media screen and (max-width: 900px) {
    /*
+Content*/
    .content-block figure {
        width: 350px;
        height: 490px;
    }
    /*
+ Nomade*/
    .nomad-page .programing-block h4 {
        font-size: 108px;
    }
    /*
+ Membership*/
    .rules-page .main-content .wrapper .content-block.become-member-section,
    .story .wrapper .main-wrapper .content-block.become-member-section {
        padding-top: 70px;
        margin-bottom: 0;
        padding-bottom: 165px;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article,
    .story .wrapper .main-wrapper .content-block.become-member-section article {
        width: 80%;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article h4,
    .story .wrapper .main-wrapper .content-block.become-member-section article h4 {
        font-size: 65px;
        line-height: 65px;
        left: 0;
        width: 100%;
        transform: translate(0%, 0%);
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article a,
    .story .wrapper .main-wrapper .content-block.become-member-section article a {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 13px;
    }
    /*
+ Trends main post*/
    .trends-main-post {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 850px) {
    /*
+ Rules*/
    .rules-page.trends-landing .main-content .wrapper {
        padding: 72px 0 0;
    }
    /*
+ Read More on trends */
    .read-more-holder.trends-read-more-holder {
        /* max-width: 80%; */
    }
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper .img-holder {
        width: 279px;
        height: 334px;
    }
    .read-more-holder h3:last-of-type {
        top: 27px;
        font-size: 125px;
    }
    /*
+ Rules trends list */
    .rules-page .story-block.right-content figure {
        order: 2;
        background-position: center;
        margin-bottom: 25px;
    }
    .rules-page .story-block figure:after {
        display: none;
    }
    .floating-trands .story-list .story-single h4 {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }
    .floating-trands .story-list .story-single>a article .more-btn {
        padding-right: 55px;
    }
    /*
+ Story */
    .story-intro article {
        max-width: 640px;
    }
    .story-intro h2 {
        max-width: 290px;
    }
    .story-breadcrumbs {
        max-width: 640px;
    }
    .story-content .holder {
        padding-bottom: 110px;
    }
    .story-content article {
        margin: 0 auto;
        width: 430px;
        padding: 95px 0 0 200px;
    }
    .story-content article h5 {
        margin-left: -200px;
    }
    .specific-page-wall-street .story-content figure {
        margin-left: -200px;
    }
    .story-content figure {
        margin-left: -200px;
    }
    .story-content blockquote {
        margin-left: -200px;
    }
    .story-content .box {
        margin-left: -200px;
    }
    .story-content .audio-holder {
        margin-left: -200px;
    }
    .specific-page-wall-street .story-intro {
        height: 100vh;
    }
    /*
+ Hero section*/
    .membership-page .hero-section section hgroup h1 {
        font-size: 55px;
    }
    .membership-page .hero-section section p {
        line-height: 19px;
    }
}

@media screen and (max-width: 800px) {
    /*
+ Common */
    .main-content {
        margin-top: 0;
    }
    /*
+ Hero section */
    .hero-section section {
        transform: translate(-50%, 80%);
        width: 600px;
    }
    .nomad-page .hero-section section {
        transform: translate(-50%, 70%);
    }
    .hero-section section hgroup h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .membership-page .hero-section {
        height: calc(90vh - 60px);
    }
    /*
+ Booking section*/
    .booking-section {
        padding-bottom: 150px;
    }
    /*
+ Nomad*/
    .nomad-page .content-block article {
        width: 300px;
    }
    /*
+ Appartmants*/
    .appartmants-page .main-content {
        margin-top: -100px;
    }
    .appartmants-page .main-content .wrapper {
        margin: 0 30px;
    }
    .appartmants-page .gallery-block {
        margin: 0 -45px;
    }
    .appartmants-page .gallery-block .content {
        padding: 60px 45px;
    }
    .appartmants-page .amenities-section.wrapper {
        margin: 0;
        padding: 0 35px 50px;
    }
    .gallery-block {
        background-color: transparent;
    }
    .gallery-block.bedroom-block:after {
        left: -30px;
        right: -30px;
        top: 0;
        height: 100%;
    }
    .gallery-block.bedroom-block .content {
        background-color: #FFFFFF;
        padding: 60px 0;
        margin: 0 45px;
    }
    .gallery-block.bedroom-block .particles #particles-bedroom-block {
        left: 45px;
        right: 45px;
        width: auto;
    }
    /*
+ Rules page*/
    .rules-page .hero-section:after {
        background: -moz-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        background: -webkit-radial-gradient(center top, circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        background: radial-gradient(circle at center top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);
    }
    .trends-block-content a {
        margin-top: 47px;
    }
    .rules-page .trends-main-block .story-block figure {
        width: 50%;
        height: 501px;
    }
    .rules-page .trends-main-block .story-block figure div {
        width: 100%;
        height: 100%;
    }
    .rules-page .story-block article {
        width: 50%;
        padding: 0;
        padding-left: 25px;
    }
    .rules-page.trends-landing .story-block.right-content article {
        order: 1;
        width: 50%;
        padding: 0;
        padding-right: 25px;
    }
    .rules-page .trends-main-block .story-block article .top {
        padding-bottom: 33px;
        margin-bottom: 39px;
    }
    .rules-page .story-block article .story-wrapper-block .top:after {
        width: calc(100% + 85px);
        margin-left: -85px;
    }
    .rules-page .story-block article .story-wrapper-block .top:after {
        margin-right: -85px;
    }
    .rules-page .trends-main-block .story-block article .bottom {
        padding-top: 0;
    }
    .rules-page .trends-main-block .story-block article .bottom a {
        margin-top: 37px;
    }
    .rules-page .trends-main-block .story-block article .bottom .more-btn {
        margin-top: 33px;
    }
    .single-trends-page .trends-main-block {
        margin-bottom: 25px;
        margin-top: 62px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more {
        margin-top: 21px;
    }
    /* Membership/Book a tour update */
    .hero-section.membership.flexible {
        height: auto;
    }
    .hero-section.membership.flexible section {
        padding: 90px 0;
    }
    .grid-articles li {
        padding: 7px;
    }
    .grid-articles li.item-3-4 {
        width: 100%;
    }
    .grid-articles li.item-1-4 {
        width: 50%;
    }
    .center-title-box.top-offset {
        width: 100%;
    }
    .center-title-box h2:after {
        font-size: 95px;
        transform: translate(-50%, -63%);
    }
    .details-info-box {
        margin: 0 20px;
        padding: 35px;
    }
    .details-info-box ul li {
        white-space: nowrap;
    }
    .details-info-box dl {
        width: 220px;
    }
    .details-info-box .bottom-right {
        right: 35px;
        bottom: 35px;
    }
    .details-info-box .bottom-left {
        left: 35px;
        bottom: 35px;
    }
}

@media screen and (max-width: 766px) {
    /*ToDo work*/
    /* .story-intro article {
        max-width: 640px;
        }
    .story-breadcrumbs{
        max-width: 640px;
        }
        .story-intro h2 {
            max-width: 290px;
            }
    .story-content .holder {
        padding-bottom: 110px;
        padding: 35px 0;
        }
        .story-content article {
            margin: 0 auto;
            width: 430px;
            padding: 95px 0 0 200px;
            }
            .story-content article h5 {
                margin-left: -200px;
                }
            .story-content article h4,
            .story-content article blockquote {
                width: 540px;
                margin-left: -200px;
                }
            .story-content article ol {
                width: 640px;
                margin-left: -200px;
                }
            .story-content .audio-holder {
                margin-left: -200px;
                }
            .story-content .box img {
                max-width: 471px;
                width: 471px;
                } */
}

@media screen and (max-width: 750px) {
    /*@TODO*/
    .rules-page .hero-section.rules-page-hero {
        /* height: calc(100vh - 55px); */
        height: 100vh;
    }
    .rules-page .hero-section section {
        width: 250px;
    }
    .rules-page .hero-section.rules-page-hero section {
        width: 80%;
    }
    .rules-page .hero-section section h1 {
        font-size: 27px;
        line-height: 39px;
    }
    .rules-page .hero-section section p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
    .rules-page.trends-landing .main-content .wrapper .main-wrapper {
        margin: 0 25px !important;
    }
    .main-wrapper .trends-main-post h2,
    .trends-main-post .trends-block-content {
        float: none;
        width: 100%;
        font-size: 60px;
        line-height: 70px;
    }
    .trends-main-post .trends-block-content p {
        font-size: 15px;
        line-height: 25px;
    }
    .trends-main-post {
        margin-top: 0px;
    }
    .main-wrapper .trends-main-post h2 {
        margin-bottom: 25px;
    }
    .trends-title {
        font-size: 50px;
        margin-bottom: 50px;
    }
    .trends-title span {
        padding: 0 10px 0 0;
    }
    .rules-page .trends-main-block .story-block {
        margin-bottom: 82px;
    }
    .rules-page .trends-main-block .story-block a {
        display: block;
    }
    .rules-page .trends-main-block .story-block figure {
        order: 0;
        width: calc(100vw + 25px);
        height: 388px;
        margin: 0 -26px 44px;
    }
    .rules-page .trends-main-block .story-block figure div {
        width: 100%;
        height: 100%;
    }
    .rules-page .story-block article .story-wrapper-block {
        top: auto;
        transform: translate(0, 0);
    }
    .rules-page .story-block article .story-wrapper-block {
        width: 100%;
        margin-left: 0;
    }
    .rules-page .trends-main-block .story-block article {
        padding: 0;
    }
    .rules-page .trends-main-block .story-block article .top {
        height: auto;
    }
    .rules-page .trends-main-block .story-block article .top h3 {
        font-size: 42px;
        line-height: 50px;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .rules-page .trends-main-block .story-block article .top h3 a {
        display: inline-block;
        width: auto;
        margin: 0;
    }
    .rules-page .story-block article .story-wrapper-block .top:after {
        width: 100%;
        margin-left: 0;
    }
    .rules-page .trends-main-block .story-block article .bottom {
        height: auto;
        padding-top: 0px;
    }
    .rules-page .trends-main-block .story-block article .bottom div {
        position: relative;
        top: auto;
        left: auto;
    }
    .rules-page .trends-main-block .story-block article .bottom a,
    .rules-page .story-block article .bottom a {
        margin-top: 41px;
        display: inline-block;
    }
    .rules-page .story-block article .bottom h6,
    .rules-page .trends-block-content h6 {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        padding-right: 35px;
        display: inline-block;
    }
    .rules-page .story-block article .bottom h6 .arrow,
    .rules-page .trends-block-content h6 .arrow {
        right: 15px;
        width: 18px;
    }
    .rules-page .trends-main-block .story-block article .top {
        height: auto;
        padding-bottom: 37px;
        margin-bottom: 44px;
    }
    .rules-page .story-block.right-content figure {
        order: 0 !important;
    }
    .artwork-section .artwork-section-col {
        flex-basis: 300px;
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        width: 270px;
        height: 371px;
        margin-bottom: 95px;
    }
    .artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
        width: 300px;
        height: 385px;
        top: 60px;
    }
    .specific-page-wall-street .story-intro article {
        top: 50%;
        bottom: auto !important;
        transform: translate(-50%, -50%);
        padding: 55px 35px 0;
        text-align: center;
    }
    .specific-page-wall-street .story-intro article div {
        margin: 0 auto;
        float: none;
    }
    .specific-page-wall-street .story-intro h1 {
        font-size: 27px;
        line-height: 39px;
        margin-bottom: 20px;
    }
    .specific-page-wall-street .story-intro h2 {
        max-width: 100%;
        bottom: auto;
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto;
    }
    .specific-page-wall-street .story-breadcrumbs {
        text-align: center;
    }
    .specific-page-wall-street .story-breadcrumbs ul {
        padding: 0;
    }
    /*
+ Common */
    .main-content .wrapper {
        padding: 0;
    }
    /*
+ Content */
    .content-block figure {
        float: none;
        width: 126%;
        height: 450px;
        margin: 0 -13% 70px;
    }
    .content-block .gray-block {
        display: none;
    }
    /*
+ Nomad*/
    .nomad-page .content-block article {
        width: 100%;
    }
    .nomad-page .content-block article.left-content,
    .nomad-page .content-block article.right-content {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        transform: inherit;
    }
    .nomad-page .coworking-block h4 {
        font-size: 85px;
        line-height: 123px;
    }
    .nomad-page .spaces-block h4 {
        font-size: 85px;
        line-height: 123px;
    }
    .nomad-page .culture-block h4 {
        font-size: 85px;
        line-height: 123px;
    }
    .nomad-page .food-block h4 {
        left: 0;
        top: -40%;
        font-size: 85px;
        line-height: 123px;
    }
    .nomad-page .programing-block h4 {
        left: 15px;
    }
    .nomad-page .content-block h4 {
        left: 0;
        margin-left: -45px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-90deg) translate(-50%, 50%);
        -moz-transform: rotate(-90deg) translate(-50%, 50%);
        -ms-transform: rotate(-90deg) translate(-50%, 50%);
        -o-transform: rotate(-90deg) translate(-50%, 50%);
        transform: rotate(-90deg) translate(-50%, 50%);
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span {
        display: block;
        width: 100%;
        margin: 0 auto 25px;
    }
    .location #map {
        height: 460px;
    }
    .story-content article p {
        font-size: 12px;
        line-height: 26px;
    }
    .story-content article blockquote p {
        font-size: 26px;
        line-height: 34px;
    }
    .rules-page .main-content .wrapper .main-wrapper.space-bottom,
    .story .wrapper .main-wrapper.space-bottom {
        padding-bottom: 0;
    }
    /*
+ Subscribe & footer */
    .subscribe .form-inline .form-control {
        width: 200px !important;
    }
    .subscribe button {
        padding: 0px 25px;
    }
    /*
+ Trends read more*/
    .read-more-holder.trends-read-more-holder h3 {
        top: 0;
        font-size: 63px;
        line-height: 63px;
    }
    /*
+ Membership Articles*/
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        padding: 0 25px;
    }
    .membership-page .main-content .wrapper .content-block {
        padding: 0 25px;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles {
        margin-top: 0;
        margin-bottom: 0;
    }
    .membership-at-assemblage .main-content .wrapper .content-block.membership-articles h2 {
        display: none;
    }
    .articla-wrapper .article {
        height: auto;
        margin-bottom: 80px;
    }
    .articla-wrapper .image-holder {
        position: relative;
        left: 0;
        right: 0;
        top: auto;
        bottom: auto;
        height: 258px;
        width: calc(100vw + 25px);
        margin-left: -25px;
        margin-bottom: 44px;
    }
    .articla-wrapper .article-content {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
    }
    .articla-wrapper .article-content.tablet-spacing {
        width: 100%;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content h3 {
        margin-bottom: 33px;
        padding-right: 20px;
        font-size: 29px;
        line-height: 29px;
        color: #000;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p {
        font-size: 13px;
        line-height: 21px;
        color: #000;
        padding-right: 0;
    }
    .membership-page .main-content .wrapper .content-block .articla-wrapper .article-content p br {
        display: none;
    }
    .articla-wrapper .article-number {
        left: -25px;
        right: auto;
        top: 156px;
        bottom: auto;
        width: calc(100% - 10px);
        padding-bottom: 20px;
        padding-left: 25px;
        border-bottom: 30px solid #fff;
    }
    .articla-wrapper .article-number span {
        font-size: 80px;
        letter-spacing: -2px;
    }
    .articla-wrapper .article-number span:after {
        bottom: 5px;
        left: 112px;
        width: calc(100% - 112px);
    }
    /*
+ NEW BECOME MEMBERSHIP */
    .section-membership-wrapper {
        text-align: left;
        max-width: 100%;
        padding: 75px 25px 87px;
        box-sizing: border-box;
    }
    .section-membership-wrapper:after {
        display: none;
    }
    .section-membership-full article h3 {
        padding: 0 0 37px;
    }
    .section-membership-full article h3:after {
        left: 12px;
        top: -13px;
        font-size: 70px;
        line-height: 60px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-90deg) translate(-100%, 50%);
        -moz-transform: rotate(-90deg) translate(-100%, 50%);
        -ms-transform: rotate(-90deg) translate(-100%, 50%);
        -o-transform: rotate(-90deg) translate(-100%, 50%);
        transform: rotate(-90deg) translate(-100%, 50%);
    }
    .section-membership-full article h3 span {
        display: block;
        padding-right: 10px;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: unset;
    }
    .membership-content-block {
        text-align: left;
        position: relative;
        z-index: 9995;
    }
    .section-membership-full article p {
        padding: 0;
        font-size: 13px;
        line-height: 22px;
    }
    .section-membership-full article p br {
        display: none;
    }
    .section-membership-full article blockquote {
        padding: 40px 0 47px;
        font-size: 18px;
        line-height: 27px;
    }
    .section-membership-full article blockquote br:first-of-type {
        display: block;
    }
    .cta-block {
        position: relative;
        z-index: 9995;
    }
    .cta-block .green-dark,
    .cta-block a.green-dark:hover {
        max-width: 160px;
        height: 40px;
        margin-bottom: 30px;
        font-size: 13px;
        color: #fff;
        line-height: 40px;
        background-color: #101010;
        border: medium none;
        margin-top: 32px;
    }
    .home .section-membership-full .rounded-btn {
        min-width: 0px;
        background: #53605b;
    }
    .cta-block span {
        display: block;
    }
    .cta-block em,
    .cta-block .regular-link {
        display: inline-block;
        padding: 0;
        font-family: 'montserrat-light';
        font-size: 15px;
        line-height: 26px;
        color: #000;
    }
    .cta-block .regular-link {
        margin-left: 3px;
        font-family: 'montserrat-bold';
        text-decoration: underline;
    }
    .cta-block .regular-link:after {
        display: none;
    }
    .section-membership-full ul {
        display: block;
        width: 100%;
        padding-top: 74px;
        margin: 0;
    }
    .section-membership-full li {
        flex: unset;
        margin-bottom: 30px;
    }
    .section-membership-full ul a {
        display: inline-block;
    }
    .section-membership-full ul span {
        padding: 0 0 23px;
    }
    .section-membership-full ul span:after {
        top: auto;
        bottom: 0;
        left: 0;
        transform: unset;
    }
    .section-membership-full ul li:last-of-type {
        margin-bottom: 0;
    }
    .section-membership-full ul li:last-of-type span {
        padding-bottom: 0;
    }
    .section-membership-full ul li:last-of-type span:after {
        display: none;
    }
    .home .section-membership-wrapper {
        text-align: left;
        max-width: 100%;
        padding: 75px 25px 87px;
        box-sizing: border-box;
    }
    .home .section-membership-wrapper:after {
        display: none;
    }
}

@media screen and (max-width: 739px) {
    .join-btn {
        right: 20px;
        bottom: 200px;
    }
}

@media screen and (max-width: 700px) {
    /*Need to be checked*/
    .location .wrapper .main-wrapper article {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: 100%;
        max-height: initial;
        padding: 10%;
    }
    .location .wrapper .main-wrapper article>div {
        position: relative;
    }
    .location .wrapper .main-wrapper article h5 {
        left: 0;
        margin-left: 0;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div {
        flex-basis: 33.3333%;
        font-size: 9px;
        line-height: 18px;
        padding: 0px;
        margin-bottom: 40px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span {
        display: block;
        width: 100%;
        height: 42px;
        margin: 0 auto 10px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i {
        background-position: center center;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-hd {
        background-size: 40px 27px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-wifi {
        background-size: 30px 25px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-pot {
        background-size: 39px 24px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-cooking {
        background-size: 12px 42px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-kattle {
        background-size: 40px 27px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-microwave {
        background-size: 42px 44px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-fridge {
        background-size: 20px 41px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-dishwasher {
        background-size: 28px 36px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-snack {
        background-size: 30px 40px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-towels {
        background-size: 33px 33px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-artwork {
        background-size: 32px 32px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-hairdryer {
        background-size: 37px 33px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-toiletries {
        background-size: 24px 34px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-speaker {
        background-size: 24px 40px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-iron {
        background-size: 41px 27px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-workdesk {
        background-size: 43px 22px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-24-service {
        background-size: 34px 35px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-daily-keeping {
        background-size: 33px 38px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-laundry {
        background-size: 28px 40px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article>div>span i.icon-valet-parking {
        background-size: 36px 37px;
    }
    .member-suite-events article.houses>p {
        padding-bottom: 100px;
    }
    .member-suite-events article.houses>p:after {
        bottom: 20px;
        height: 60px;
    }
    .houses-list {}
    .houses-list li {
        padding: 0px;
        margin-bottom: 60px;
    }
    .houses-list li h4 {
        padding: 25px 8%;
        font-size: 20px;
        line-height: 20px;
    }
    .houses-list li h6 {
        margin-top: -35px;
        font-size: 14px;
    }
    .houses-list li p {
        font-size: 14px;
    }
    .houses-list li p:last-child {
        margin-bottom: 0px;
    }
    .houses-list li .underlined-btn {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .houses-list li:before {
        content: "";
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        height: 480px;
        background-position: center bottom;
    }
    /*
+ Single Trends*/
    .single-trends-page.rules-page .hero-section {
        /* margin-top: 55px;
        height: calc(100vh - 55px) !important; */
        height: 100vh !important;
        background-position: center center;
    }
    .single-trends-page.rules-page .hero-section hgroup {
        bottom: 106px;
    }
    .single-trends-page.rules-page .join-btn {
        bottom: 53px;
    }
    .single-trends-page.rules-page .hero-section span {
        font-size: 12px;
    }
    .single-trends-page.rules-page .hero-section h1 {
        font-size: 27px;
        line-height: 39px;
    }
    .single-trends-page .trends-main-block {
        margin-bottom: 0;
        margin-top: 87px;
    }
    .single-trends-page .trends-main-block div {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }
    .single-trends-page .trends-main-block div:last-of-type {
        width: 100%;
    }
    .single-trends-page .trends-main-block div h3 {
        font-size: 18px;
        line-height: 33px;
    }
    .single-trends-page .trends-main-block div p {
        font-size: 15px;
    }
    .trend-story-block {
        padding: 30px 0;
    }
    .rules-page.single-trends-page .story-block article .top h3 a em {
        font-size: 20px;
        margin-top: 15px;
    }
    .rules-page .trend-story-block .story-block figure {
        width: calc(100% + 60px);
        height: 360px;
        margin: 0 -30px 25px;
    }
    .rules-page .trend-story-block .story-block figure div {
        width: 100%;
        height: 360px;
    }
    .rules-page .trend-story-block .story-block .trend-label {
        left: -30px;
        bottom: auto;
        top: 35px;
        transform: none;
    }
    .rules-page .trend-story-block .story-block .trend-label h6 {
        font-size: 12px;
        line-height: 33px;
        padding: 0 30px;
    }
    .rules-page.single-trends-page .trend-story-block .story-block article {
        padding: 0 !important;
    }
    .rules-page .story-block article .top {
        margin-bottom: 35px;
        padding-bottom: 35px;
    }
    .rules-page .trend-story-block .story-block article .bottom .more-btn {
        margin-top: 45px;
    }
    .rules-page .trend-story-block.trend-story-block .story-block article .top {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .single-trends-page .trend-block-heading h3 {
        float: none;
        display: inline-block;
        line-height: 28px;
        font-size: 28px;
        margin-bottom: 0;
        padding-right: 15px;
    }
    .single-trends-page .trend-block-heading div {
        padding-top: 40px;
        overflow: visible;
        font-size: 18px;
        line-height: 33px;
    }
    .single-trends-page .trend-block-heading div:after {
        top: -6px;
    }
    .trends-bg-img {
        margin: 0 -30px 50px;
        padding: 0 30px;
    }
    .trends-bg-img:after {
        content: '';
        background-size: auto 82%;
        background-position: center bottom;
    }
    .single-trends-page ol {
        margin: 0 0 95px;
        ;
    }
    .single-trends-page ol li {
        width: 100%;
        margin: 0 0 100px;
    }
    .facts-section {
        margin: 0;
    }
    .facts-blocks {
        flex-basis: 100%;
        margin: 0 0 50px;
    }
    .facts-blocks .facts-wrapper-bottom,
    .facts-blocks .facts-wrapper-top {
        height: auto;
    }
    .facts-blocks h3 {
        font-size: 35px;
        line-height: 35px;
        height: auto !important;
    }
    .facts-blocks h3 i {
        font-size: 35px;
        line-height: 35px;
    }
    .facts-blocks h3 i+em {
        margin-top: 20px;
    }
    .facts-blocks h3 em {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 0;
    }
    .artwork-section .artwork-section-col {
        flex-basis: 100%;
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        height: 450px;
        width: auto;
        background-position: 50%;
    }
    .artwork-section .artwork-section-col .artwork-section-img {
        width: calc(100% + 60px);
        margin: 0 -30px;
    }
    .artwork-section .artwork-section-col .artwork-section-img .artwork-gray-part {
        width: 100%;
        height: 100%;
        top: -50px;
        left: 30px;
        padding: 50px 0;
    }
    .art-description {
        margin-top: -30px;
        padding-left: 30px;
    }
    /*
+ Read More*/
    .rules-page.single-trends-page .read-more-holder {
        margin: 0;
        max-width: 100%;
    }
    .read-more-holder.trends-read-more ul {
        width: auto;
    }
    .read-more-holder.trends-read-more ul li a {
        padding: 0;
        height: auto;
        box-shadow: unset;
    }
    .read-more-holder.trends-read-more ul li .img-holder {
        width: calc(100% + 60px);
        margin: 0 -30px 40px;
        height: 235px;
        position: relative;
        left: auto;
        top: auto;
    }
    .trends-read-more ul li .trand-type {
        left: -40px;
        top: 40px;
        padding: 10px 25px;
    }
    .trends-read-more ul li .heading-read-more {
        height: auto;
        margin-bottom: 24px;
    }
    .read-more-holder.trends-read-more ul li h4 {
        font-size: 46px;
        position: relative;
        left: auto;
        bottom: auto;
    }
    .trends-read-more ul li a h6 {
        left: 0;
    }
    .read-more-holder ul li .arrow {
        right: 0;
        width: 100px;
    }
    .read-more-holder.trends-read-more ul li h6:before {
        width: 50%;
    }
    .read-more-holder.trends-read-more-holder ul li .read-more-wrapper .img-holder {
        width: calc(100% + 60px);
        height: 235px;
        margin: 0 -30px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
        overflow: visible;
        padding: 0;
        width: 100%;
        flex-basis: 100%;
        padding: 0 30px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
        height: auto;
        margin-top: 14px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more a {
        position: relative;
        bottom: auto;
        left: auto;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .bottom-read-more {
        margin-top: 32px;
        margin-bottom: 0;
        padding-bottom: 111px;
    }
    .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore {
        position: absolute;
        left: auto;
        bottom: 0;
        width: 100%;
        padding: 0;
        right: -30px;
        margin-right: 0;
        margin-top: 0;
        right: -30px;
    }
    .trends-read-more-holder .trand-type {
        width: auto;
        padding: 0 28px;
        left: 0;
        top: 40px;
    }
    .trends-read-more-holder .trand-type h5 {
        line-height: 33px;
        margin-bottom: 0;
    }
    /*
+ Subscribe & footer */
    .subscribe form {
        text-align: center;
    }
    .subscribe p {
        float: none;
        display: block;
        max-width: none;
    }
    .subscribe fieldset {
        float: none;
    }
    .subscribe .form-inline .form-control {
        margin: 15px auto 30px;
        float: none;
        width: 300px !important;
        text-align: center;
    }
    .subscribe button {
        float: none;
        display: block;
        margin: 0 auto;
        padding: 0px 50px;
    }
    .story-content figure.video-figure div {
        margin: 0 -40px;
        padding-top: 65px;
    }
    .single-trends-page .story-breadcrumbs {
        bottom: 62px;
    }
    /*
+ Single story read more*/
    .story .read-more-holder.trends-read-more-holder {
        max-width: 100%;
        margin: 0 40px;
    }
    .story .read-more-holder.trends-read-more-holder h3 {
        max-width: calc(100% + 80px);
        margin: 0 -40px;
        font-size: 63px;
        line-height: 63px;
        text-align: center;
        white-space: nowrap;
    }
    .story .read-more-holder.trends-read-more-holder ul li {
        box-shadow: unset;
        margin-bottom: 75px;
    }
    .story .read-more-holder.trends-read-more-holder ul li:nth-child(2) {
        margin-bottom: 0;
    }
    .story .read-more-holder.trends-read-more-holder ul li .read-more-wrapper .img-holder {
        width: 100%;
        height: 290px;
        margin: 0 auto;
    }
    .story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more {
        padding: 0;
    }
    .story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more {
        position: relative;
        left: auto;
        top: auto;
        margin: 28px auto 65px;
        transform: unset;
    }
    /* .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .heading-read-more h4{
                    margin-top: 0; margin-bottom: 11px;
                    } */
    .story .trends-read-more-holder ul li .read-more-wrapper .excerpt-read-more .read-more-anchore {
        right: -40px;
    }
    /*
+ Membership Hero block*/
    .membership-page .hero-section section hgroup h1 {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 26px;
    }
    .membership.hero-section section hgroup h1 br {
        display: block;
    }
    .membership-page .hero-section section p {
        font-size: 16px;
        line-height: 24px;
    }
    .membership-page .hero-section section p br {
        display: none;
    }
    /*
+ Share single*/
    .share-story-bar {
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        width: initial;
        margin: 0 40px 65px;
    }
    .specific-page-wall-street .share-story-bar {
        margin-top: 31px;
    }
    .share-story-bar:before {
        content: 'Share Story';
        position: relative;
        display: inline-block;
        padding: 0 16px 0 0;
        margin: 0 0 20px;
        background-color: #fff;
        transform: none;
        z-index: 3;
    }
    .share-story-bar:after {
        left: 0;
        top: 8px;
        width: 100%;
        height: 1px;
    }
    .share-story-bar ul li {
        display: inline-block;
        margin: 0 15px 0 0;
    }
    .share-story-bar ul li:last-of-type {
        margin-right: 0;
    }
    /*
+ Single story */
    .story-intro article {
        max-width: 100%;
    }
    .story-intro article div {
        float: none;
        margin: 0 40px;
        max-width: 100%;
    }
    .story-intro article div h1 {
        font-size: 27px;
        line-height: 33px;
        margin-bottom: 20px;
    }
    .story-intro article div span {
        display: inline-block;
        padding: 0 10px;
        font-size: 9px;
        line-height: 20px;
    }
    .story-intro h2 {
        float: none;
        max-width: 100%;
        margin: 0 40px;
    }
    .story-intro .single-header-wrapper div {
        position: relative;
        left: auto;
        bottom: auto;
    }
    .story-intro .single-header-wrapper h2 {
        padding-top: 40px;
    }
    .story-breadcrumbs {
        max-width: 100%;
    }
    .story-breadcrumbs ul {
        padding: 0 40px;
    }
    .single-trends-page .story-breadcrumbs ul {
        padding: 0;
    }
    .story-content .holder {
        padding: 35px 0;
    }
    .story-content article {
        max-width: 100%;
        width: initial;
        padding: 0;
        margin: 0 40px;
    }
    .story-content article h5 {
        margin: 0 0 70px;
        float: none;
        width: 100%;
    }
    .specific-page-wall-street .story-content article h5 {
        margin: 0 0 30px;
    }
    .story-content article h4,
    .story-content article blockquote {
        float: none;
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }
    .story-content article h4:after {
        width: 100%;
    }
    .story-content article blockquote:after {
        width: 100vw;
    }
    .story-content article ol {
        width: 100%;
        margin: 70px 0;
    }
    .story-content article ol:before {
        width: 100%;
    }
    .story-content article ol li {
        padding: 35px 0 0 35px;
    }
    .story-content .audio-holder {
        width: 100%;
        margin: 50px 0 80px 0;
        padding-right: 0px;
    }
    .story-content .audio-holder h3 {
        float: left;
        width: calc(100% - 91px);
        line-height: 26px;
        margin-bottom: 30px;
        padding-top: 8px;
    }
    .story-content .audio-holder .mute-btn {
        right: 0;
        bottom: 15px;
    }
    .story-content .box {
        display: none;
        margin: 0;
    }
    .story-content .box img {
        max-width: 100%;
        width: initial;
    }
    .story-content figure {
        max-width: 100%;
        margin: 45px -40px 45px;
        padding: 0 40px;
        text-align: right;
    }
    .specific-page-wall-street .story-content figure {
        margin-left: -40px;
    }
    .story-content figure:after {
        display: none;
    }
    .story-content figure img {
        max-width: calc(100% + 80px);
        width: initial;
        margin: 0 -40px;
    }
    .story-content figure figcaption {
        position: relative;
        float: none;
        display: block;
        padding-top: 5px;
        padding-left: 0;
    }
    .story-content figure figcaption span {
        position: relative;
        display: inline-block;
        background-color: #fff;
        z-index: 9997;
        padding-left: 35px;
    }
    .story-content figure figcaption:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 12px;
        height: 1px;
        width: 100%;
        background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
        background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
        background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
    }
    .story-content .video-holder {
        max-width: calc(100% + 80px);
        margin: 0 -40px;
        padding: 0;
    }
    .story-content .video-holder:after {
        display: none;
    }
    .story-content .video-holder a {
        height: 170px;
    }
    .story-content .video-holder a:after {
        width: 50px;
        height: 50px;
    }
    .story-content .video-holder h6 {
        position: relative;
        left: auto;
        top: auto;
        max-width: 100%;
        padding: 0 40px;
        margin-bottom: 60px;
        box-sizing: border-box;
    }
    .story-content .video-holder h6:before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin: 30px 0 15px;
        background: -moz-linear-gradient(left, #4a3434 0%, #af5d46 100%);
        background: -webkit-linear-gradient(left, #4a3434 0%, #af5d46 100%);
        background: linear-gradient(to right, #4a3434 0%, #af5d46 100%);
    }
    .story-content .gallery-holder {
        display: block;
        margin: 50px 0;
        padding: 0;
        height: auto;
    }
    .story-content .gallery-holder:after {
        display: none;
    }
    .story-content .gallery-holder .slider {
        height: 190px;
    }
    .story-content .gallery-holder h3 {
        display: none;
    }
    .story-content .gallery-holder .controls {
        position: initial;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 60px;
    }
    .story-content .gallery-holder .controls h6 {
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
        text-align: center;
        line-height: 60px;
        max-width: 100%;
    }
    .story-content .gallery-holder .controls ul {
        bottom: 50%;
        left: 0;
        right: auto;
        transform: translate(0%, -50%);
        width: 100%;
        margin-bottom: -12px;
        z-index: 1000;
    }
    .story-content .gallery-holder .controls ul li {
        margin-left: 20px;
    }
    .story-content .gallery-holder .controls ul li:last-child {
        float: right;
        margin-right: 20px;
    }
    .story-content .gallery-holder .controls ul li a {
        margin: 0;
    }
    .rules-page .story-block figure {
        background-position: 0 0;
    }
    .rules-page .story-block.right-content figure span {
        right: 0;
        bottom: 48px;
        top: auto;
    }
    /*
+ Rules */
    .rules-page.trends-landing .main-content .wrapper {
        padding: 31px 0 0;
    }
}

@media screen and (max-width: 640px) {
    /* Membership/Book a tour update */
    .main-content.bottom-padding {
        padding-bottom: 120px;
    }
    .slider-info {
        width: auto;
        padding: 16px 10px;
        margin: 0;
    }
    .slider-info p,
    .mobile .slider-info p {
        font-size: 14px;
        line-height: 23px;
    }
    .grid-articles {
        max-width: 360px;
        margin: 0 auto;
    }
    .grid-articles li {
        float: none;
        width: auto !important;
        margin-bottom: 40px;
        padding: 0;
    }
    .grid-articles .inner-wrapper {
        height: auto !important;
    }
    .grid-articles .bgr-img {
        position: relative;
        height: 258px;
    }
    .grid-articles .content {
        position: relative;
        width: 90%;
        margin-top: -30px;
        padding: 30px;
        background-color: white;
    }
    .grid-articles li.reverse .content {
        margin-top: -80px;
        background-color: #515D59;
    }
    .grid-articles .content h3,
    .grid-articles .content p {
        color: black;
    }
    .grid-articles li.reverse .content h3,
    .grid-articles li.reverse .content p {
        color: white;
    }
    .grid-articles .content h3 {
        margin-bottom: 30px;
    }
    .grid-articles li.reverse .content h3 {
        margin-bottom: 10px;
    }
    .grid-articles .content p {
        font-family: 'montserrat-light';
        font-size: 14px;
        line-height: 22px;
    }
    .center-title-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .center-title-box.mobile-hide {
        display: none;
    }
    .center-title-box.top-offset {
        position: relative;
        top: 0;
        width: auto;
    }
    .center-title-box h2 {
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 30px;
    }
    .center-title-box h2:after {
        overflow: hidden;
        left: 0;
        width: 220px;
        font-size: 70px;
        transform: rotate(-90deg);
    }
    .center-title-box p {
        font-size: 14px;
        line-height: 22px;
    }
    .details-info-box {
        margin: 0;
        padding: 30px;
    }
    .details-info-box .col {
        float: none;
        width: auto;
    }
    .details-info-box .bottom-left,
    .details-info-box .bottom-right {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
    }
    .details-info-box ul {
        padding-left: 18px;
    }
    .details-info-box p,
    .details-info-box ul li {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 28px;
    }
    .details-info-box h3,
    .details-info-box p,
    .details-info-box ul,
    .details-info-box dl {
        margin-bottom: 22px;
    }
    .details-info-box h3 {
        font-size: 28px;
        line-height: 35px;
    }
    .details-info-box .col.right-align {
        text-align: left;
    }
    .details-info-box dl {
        display: block;
    }
    .related-info h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .related-info p {
        font-size: 14px;
        line-height: 22px;
    }
    .related-info .center-list li {
        margin-bottom: 50px;
    }
    .details-info-box h3 br,
    .center-title-box p br,
    .slider-info p br,
    .hero-section section p br {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    /*
+ Content*/
    .content-block figure {
        height: 40vh;
    }
    /*
+ Hero section*/
    .hero-section section {
        width: 90%;
    }
    .appartmants-page .hero-section section {
        transform: translate(-50%, 80%);
    }
    /*
+ Booking section*/
    .booking-section h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .booking-section h4 {
        font-size: 108px;
    }
    /*
+ Appartmants*/
    .appartmants-page .main-content {
        margin-top: 0;
    }
    .appartmants-page .main-content .wrapper {
        margin: 0;
        padding-top: 0;
    }
    .appartmants-page .gallery-block .content {
        order: 2;
        padding: 70px 0;
    }
    .appartmants-page .gallery-block .gallery-box {
        display: none;
    }
    .appartmants-page .gallery-block .gallery-box.box-hidden {
        display: block;
        flex-basis: 100%;
        order: 1;
    }
    .appartmants-page .gallery-block .gallery-box img {
        width: auto;
        height: 30vh;
    }
    .appartmants-page .amenities-section.wrapper {
        margin: 0;
        padding: 0;
    }
    .appartmants-page .amenities-section .amenities-wrapper {
        padding: 50px 0;
        width: 100%;
    }
    .appartmants-page .amenities-section .amenities-wrapper h3 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 60px;
    }
    .appartmants-page .amenities-section .amenities-wrapper article:after {
        display: block;
        flex-basis: 33.3333%;
    }
    .gallery-block.bedroom-block:after {
        display: none;
    }
    .gallery-block.bedroom-block article h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .gallery-block.bedroom-block article h4 {
        left: -45px;
        top: -60%;
        margin-left: 0;
        font-size: 70px;
        line-height: 123px;
    }
    .gallery-block.workspace-block article h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .gallery-block.workspace-block article h4 {
        left: -45px;
        top: -60%;
        margin-left: 0;
        font-size: 70px;
        line-height: 123px;
    }
    .gallery-block.environment-block article h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .gallery-block.environment-block article h4 {
        left: -45px;
        top: 0;
        margin-left: 0;
        font-size: 70px;
        line-height: 123px;
    }
    .content-block .gallery-block article h4 {
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-90deg) translate(-50%, 50%);
        -moz-transform: rotate(-90deg) translate(-50%, 50%);
        -ms-transform: rotate(-90deg) translate(-50%, 50%);
        -o-transform: rotate(-90deg) translate(-50%, 50%);
        transform: rotate(-90deg) translate(-50%, 50%);
    }
    .trends-block-content a {
        margin-top: 0;
        line-height: 37px;
        top: -13px;
    }
    /* Membership/Book a tour update */
    .hero-section.flexible {
        height: calc(100vh - 240px);
    }
    .hero-section.flexible section {
        padding: 0;
        transform: translate(-50%, 50%);
    }
    .hero-house-list {
        display: none;
    }
    .hero-house-list-mobile {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 2000;
        width: 100%;
        padding: 20px 100px 20px 20px;
        box-sizing: border-box;
    }
    .hero-house-list-mobile:before {
        content: "Select a House:";
        position: absolute;
        left: 20px;
        top: -10px;
        font-size: 12px;
        line-height: 24px;
        color: white;
    }
    .hero-house-list-mobile.wide {
        padding-right: 20px;
    }
    .hero-house-list-mobile li {
        padding: 12px;
    }
    .hero-house-list-mobile li a {
        color: white;
    }
    .hero-house-list-mobile li h4 {
        font-family: 'montserrat-bold';
        font-size: 16px;
        line-height: 17px;
        color: white;
    }
    .hero-house-list-mobile li p {
        font-size: 12px;
        line-height: 17px;
        color: white;
    }
    .hero-house-list-mobile li.active {
        position: relative;
        border: white solid 1px;
    }
    .hero-house-list-mobile li.active:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 0;
        height: 0;
        margin-top: -3px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
    }
    .hero-house-list-mobile li.active.clicked:after {
        transform: rotate(-180deg);
    }
    .hero-house-list-mobile li.dropdown {
        position: relative;
        height: 1px;
        padding: 0;
    }
    .hero-house-list-mobile li.dropdown>ul {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .hero-house-list-mobile li.dropdown.open>ul {
        visibility: visible;
        opacity: 1;
    }
    .hero-house-list-mobile li.dropdown>ul li {
        border: white solid 1px;
        border-top: 0;
    }
    .hero-house-list-mobile li.dropdown>ul li.static h4,
    .hero-house-list-mobile li.dropdown>ul li.static p {
        opacity: 0.5;
    }
    .map-book-outer {
        margin-top: -64px;
    }
    .map-book-outer #map {
        height: 300px;
    }
}

@media screen and (max-width: 500px) {
    /*
+ Booking section*/
    .booking-section {
        padding: 110px 0 85px;
    }
    .booking-section article {
        width: 70%;
    }
    /*
+ Hero section*/
    .hero-section,
    .hero-section.membership.flexible {
        /* margin-top: 55px;
        height: calc(100vh - 55px); */
        height: 100vh;
    }
    .hero-section.membership.flexible section {
        transform: translate(-50%, 20%);
    }
    .rules-page .hero-section {
        /* height: calc(100vh - 55px); */
        height: 100vh;
    }
    .membership-page .hero-section {
        /* height: calc(100vh - 55px); */
        height: 100vh;
    }
}

@media screen and (max-width: 480px) {
    /*
+ Common */
    .main-content .wrapper {
        width: 100%;
        padding: 0;
    }
    .main-content .wrapper .main-wrapper {
        width: 80%;
    }
    /*
+ Content */
    .content-block.space-bottom {
        margin-bottom: 50px;
    }
    /*
+ Hero section*/
    .hero-section section hgroup h1 {
        font-size: 27px;
        line-height: 39px;
    }
    .hero-section section hgroup h2 {
        font-size: 20px;
        line-height: 29px;
    }
    .hero-section section p {
        font-size: 16px;
        line-height: 31px;
    }
    .location .wrapper .main-wrapper article hgroup h3 {
        font-size: 28px;
        line-height: 34px;
    }
    /*
+ Nomad*/
    .nomad-page .content-block article h3,
    .nomad-page .content-block article h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .nomad-page .programing-block h4 {
        font-size: 85px;
        line-height: 123px;
    }
    /*
+ Memebership*/
    .membership-page .main-content .wrapper {
        padding-top: 0px;
    }
    /*
+ Need to be checked */
    .rules-page .main-content .wrapper .content-block.become-member-section article,
    .story .wrapper .main-wrapper .content-block.become-member-section article {
        text-align: center;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article h3,
    .story .wrapper .main-wrapper .content-block.become-member-section article h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .rules-page .main-content .wrapper .content-block.become-member-section article h4,
    .story .wrapper .main-wrapper .content-block.become-member-section article h4 {
        white-space: normal;
        left: -18px;
        transform: translate(0%, 0%);
    }
    .membership-page .particles #particles-top,
    .rules-page .main-content .wrapper .content-block.become-member-section .particles #particles-top,
    .story .wrapper .main-wrapper .content-block.become-member-section .particles #particles-top {
        top: 70px;
    }
    /*
+ Appartmants*/
    .appartmants-page .gallery-block .content {
        padding: 40px 0;
        text-align: left;
    }
    .appartmants-page .gallery-block .content article {
        width: 70%;
    }
    .appartmants-page .gallery-block.reversed .content article {
        width: 60%;
    }
    .appartmants-page .gallery-block.reversed {
        order: 1;
    }
    .gallery-block.bedroom-block article h4 {
        top: -40%;
    }
    .gallery-block.workspace-block article h4 {
        top: 0;
    }
    footer .footer-columns {
        margin-bottom: 100px;
    }
    footer .footer-col {
        float: none;
        text-align: center;
    }
    .mobile footer article div.footer-col {
        margin-bottom: 0;
    }
    footer .footer-col .widget.social-widget {
        margin-bottom: 40px;
    }
    .mobile footer p {
        font-size: 12px;
    }
    footer .social-menu {
        text-align: center;
    }
    footer .social-menu li {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    footer .footer-col .widget.left {
        margin: 0 0 30px;
    }
    footer .copyright {
        text-align: center;
    }
    footer .copyright:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .mobile footer p.copyright {
        line-height: 18px;
    }
    footer .copyright .made-by {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .subscribe .form-inline .form-control {
        width: 100% !important;
    }
}

@media screen and (max-width: 380px) {
    .hero-section section {
        width: 90%;
        /* margin: 0 auto; */
    }
    .artwork-section .artwork-section-col .artwork-section-img span {
        height: 350px;
    }
}

@media screen and (max-width: 375px) {
    .mobile .membership-slider .main-nav li div:before,
    .mobile .membership-slider .slide-content .imgs-list {
        height: 212px;
    }
    .mobile .membership-slider article {
        top: 212px;
    }
}

@media screen and (max-width: 320px) {
    .mobile .membership-slider .main-nav li div:before,
    .mobile .membership-slider .slide-content .imgs-list {
        height: 170px;
    }
    .mobile .membership-slider article {
        top: 170px;
    }
}


/*
= MOBILE
------------------------------------------------------------------------------------- */

.mobile,
.mobile body {
    overflow: auto;
    height: auto;
}

.mobile * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.mobile p {
    font-size: 16px;
    line-height: 26px;
}

.mobile .sections-holder {
    position: relative;
    padding-top: 0px;
    will-change: auto;
}

.mobile .media-holder {
    position: relative;
    left: auto;
    top: auto;
    height: 234px;
}

.mobile .underlined-btn {
    font-size: 14px;
}

.mobile .slick-initialized .slick-slide,
.mobile .slick-track {
    -webkit-transition: all 500ms ease-in-out !important;
    -moz-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
}

.mobile .floating-bar {
    display: none;
}

.mobile .join-btn {
    width: 60px;
    height: 60px;
    font-size: 10px;
    line-height: 14px;
    -webkit-transition: all 300ms ease-in-out !important;
    -moz-transition: all 300ms ease-in-out !important;
    transition: all 300ms ease-in-out !important;
}

.mobile header,
.tablet.portrait header {
    -webkit-transition: all 300ms ease-in-out !important;
    -moz-transition: all 300ms ease-in-out !important;
    transition: all 300ms ease-in-out !important;
}

/*.mobile header.nav-up,
.tablet.portrait header.nav-up {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}*/


/*
    + Landscape message */

.landscape-message {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    display: none;
    width: 100%;
    height: 200%;
     background-size: contain;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    transform: translateY(-25%);
}

.mobile.landscape .landscape-message {
    display: block;
}


/*
    + Header */

.mobile header {
    display: block;
    height: 88px;
    line-height: 55px;
    font-size: 14px;
    text-align: center;
}

.mobile header .logo {
    width: 50%;
 
    margin-right: 0px;
    background-position: 12px center;
    -webkit-transition: all 175ms 0ms linear !important;
    -moz-transition: all 175ms 0ms linear !important;
    transition: all 175ms 0ms linear !important;
    
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: end;
}
.flex-header .flex.logo {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #fff;
}
.mobile header.opened .logo {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 175ms 175ms linear !important;
    -moz-transition: all 175ms 175ms linear !important;
    transition: all 175ms 175ms linear !important;
}

.mobile header h1 {
    width: 50%;
    margin-right: 0px;
    -webkit-transition: all 175ms 0ms linear !important;
    -moz-transition: all 175ms 0ms linear !important;
    transition: all 175ms 0ms linear !important;
}

.mobile header h1 .logo {
    width: 100%;
}

.mobile header.opened h1 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 175ms 175ms linear !important;
    -moz-transition: all 175ms 175ms linear !important;
    transition: all 175ms 175ms linear !important;
}

.mobile header.opened h1 .logo {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile header .holder {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 350ms linear !important;
    -moz-transition: all 350ms linear !important;
    transition: all 350ms linear !important;
}

.mobile nav>ul {
    margin-top: -25px !important;
}

.mobile nav>ul li {
    float: none;
    margin-right: 0px;
    line-height: 50px;
}

.tablet nav>ul li:first-child,
.mobile nav>ul li:first-child {
    margin-bottom: 65px;
}

.tablet nav>ul li:first-child a,
.mobile nav>ul li:first-child a {
    display: block;
    width: 238px;
    height: 124px;
    text-indent: -9999px;
    background: url(../img/bgr-logo-mobile-menu.png) center no-repeat;
    background-size: 100% 100%;
    outline: none;
}

.mobile header .members-area {
    float: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    line-height: 50px;
}

.mobile header.opened .holder {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile .nav-trigger {
    display: block;
}

@media only screen and (min-width: 1025px) {
    .tablet nav>ul li:first-child {
        display: none;
    }
}


/*
    + Subscribe */

.mobile .subscribe form {
    max-width: 80%;
    margin: 0px auto;
}

.mobile .subscribe p {
    float: none;
    max-width: 200px;
    margin: 0px auto 10px;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
}

.mobile .subscribe fieldset {
    float: none;
}

.mobile .subscribe input {
    float: none;
    width: 100%;
    padding: 0px;
    margin: 0px 0 30px;
    text-align: center;
    font-size: 16px;
}

.mobile .subscribe button {
    float: none;
    display: block;
    width: 100%;
    padding: 0px;
    line-height: 46px;
}


/*
    + Footer */

.mobile footer article {
    max-width: 80%;
    margin: 0px auto;
}

.mobile footer h3 {
    float: none;
    margin: 0px 0 25px;
}

.mobile footer article div {
    float: none;
    overflow: hidden;
    margin: 0px 0 85px;
}

.mobile footer .contact-info {
    float: none;
    margin: 0px 0 25px;
    font-size: 12px;
    line-height: 34px;
}

.mobile footer .quick-links {
    margin-right: 0px;
}

.mobile footer .social-nav {
    float: none;
    margin-right: 0px;
}

.mobile footer .copyright {
    padding-top: 5px;
    font-size: 8px;
}

.mobile footer .copyright:before {
    width: 62px;
    height: 58px;
    background-size: 62px 37px;
}


/*
    + Homepage */

.mobile .intro .media-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../img/bgr-intro-mobile.jpg) center no-repeat;
    background-size: cover;
}

.mobile .intro .media-holder video {
    display: none;
}

.mobile .home .intro .media-holder video {
    display: block;
}

.mobile .home .section-membership-full {
    padding-top: 100px;
    background: #ffffff;
}

.mobile .home .section-membership-full article h3:after {
    top: -140px;
    left: -25px;
    line-height: 70px;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-90deg) translate(-100%, 0%);
    -moz-transform: rotate(-90deg) translate(-100%, 0%);
    transform: rotate(-90deg) translate(-100%, 0%);
}

.mobile .intro article {
    width: 80%;
    margin: 0px auto;
    padding-top: 60px;
    background-size: 62px 37px;
    background-position: center top;
}

.mobile .intro article h2,
.mobile .houses .intro article h1,
.mobile .home .intro article h3,
.mobile .home .intro article h1 {
    margin-bottom: 15px;
    font-size: 35px;
    letter-spacing: 8px;
    line-height: normal;
    margin-right: -8px;
}

.mobile .houses .intro article h4 {
    padding: 0px;
    margin-bottom: 40px;
}

.mobile .intro article p {
    max-width: 100%;
    margin-bottom: 52px;
    padding: 0;
    font-size: 15px;
    line-height: 23px;
}

.mobile .intro article p:last-child {
    margin-bottom: 0px;
}

.mobile .intro a {
    display: inline-block;
    min-width: 0px;
    padding: 0 42px;
    font-size: 13px;
}


/*		.mobile .with-white-box {padding-bottom: 50px;}
*/

.mobile .with-white-box .holder {
    position: initial;
    left: auto;
    top: auto;
    bottom: auto;
    width: auto;
    padding-bottom: 40px;
    padding-top: 30px !important;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .with-white-box .media-holder {
    z-index: -1;
}

.mobile .with-white-box .white-bgr,
.mobile .with-white-box .green-bgr {
    display: none;
}

.mobile .slider-nav {
    top: 234px;
    height: 50px;
    background: none;
}

.mobile .slider-nav .prev-next {
    display: none;
}

.mobile .slider-nav .dots {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/*				.mobile .with-white-box .holder:before {
                    content: "";
                    display: block;
                    width: 100%; height: 234px;
                    margin-bottom: 40px;
                    background-position: center; background-repeat: no-repeat; background-size: cover;
                    }
*/

.mobile .with-white-box .with-particles {
    top: 234px;
    bottom: 0px;
    height: auto;
}

.mobile .with-white-box .particles-overlay {
    display: none;
}

.mobile .with-white-box {
    background: #ffffff;
}

.mobile .with-white-box .holder {
    padding-top: 60px;
}

.mobile #the-assemblage-particles {
    opacity: 1;
    z-index: 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .with-white-box article {
    opacity: 1;
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 87%;
    margin: 0px auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .with-white-box .slider-nav {
    display: none;
}

.mobile .with-white-box article p {
    margin-bottom: 32px;
    font-size: 13px;
    line-height: 22px;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .with-white-box .rounded-btn {
    padding: 0 40px;
    font-size: 13px;
    line-height: 36px;
}

.mobile .with-white-box article h3,
.mobile .with-white-box article h2 {
    position: initial;
    margin-bottom: 37px;
    font-size: 25px;
    line-height: 30px;
}

.mobile .with-white-box article h3:before,
.mobile .with-white-box article h2:before {
    right: auto;
    left: -10vw;
    bottom: -30px;
    line-height: 70px;
    font-size: 70px;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.mobile .home .section-membership-wrapper {
    background: #F3F6EF;
}

.mobile .home .section-membership-wrapper:before {
    background: none;
}

.mobile .with-white-box .slider-nav {
    opacity: 1;
}


/*		.mobile .the-assemblage .holder:before {background-image: url(../img/bgr-assemblage.jpg);}
*/

.mobile .manifesto {
    background: none;
}

.mobile .manifesto article {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    margin: 0px auto;
    padding: 0 10%;
    background: url(../img/bgr-manifesto-mobile.jpg) center no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .manifesto article div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.mobile .manifesto article h3 {
    top: -6px;
    font-size: 67px;
}

.mobile .manifesto article h2 {
    margin-bottom: 26px;
    font-size: 28px;
    line-height: 34px;
}

.mobile .manifesto article p {
    margin-bottom: 26px;
    font-family: 'montserrat-light';
    line-height: 29px;
    padding: 0px;
}

.mobile .manifesto .principles {
    position: relative;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .manifesto .principles .green-bgr,
.mobile .manifesto .principles .white-bgr {
    display: none;
}

.mobile .manifesto .principles h6 {
    height: 70px;
    padding: 0 10%;
    margin: 0px auto;
    line-height: 70px;
    font-size: 14px;
    text-transform: none;
    background: #ffffff;
}

.mobile .manifesto .principles h6:after {
    bottom: 20px;
    left: 10%;
}

.mobile .manifesto .principles ul {
    max-width: 80%;
    padding: 40px 0px;
    margin: 0px auto;
}

.mobile .manifesto .principles ul li {
    float: none;
    width: auto;
    margin: 0px 0 26px;
}

.mobile .manifesto .principles ul li h3 {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 22px;
}

.mobile .manifesto .principles ul li:last-child {
    margin-bottom: 0px;
}

.mobile .with-white-box .particles-overlay {
    background: -moz-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(right center, ellipse cover, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at right center, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}

.mobile #impact-particles {
    z-index: 0;
}

.mobile .impact article {
    width: auto;
    max-width: 80%;
    padding: 40px 0 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .impact article h3 {
    font-size: 166px;
    line-height: 106px;
}

.mobile .impact article h2 {
    margin: 0px 0 26px;
    font-size: 28px;
    line-height: 34px;
}

.mobile .impact article ul {
    margin: 0px 0 26px;
}

.mobile .impact article ul li {
    float: none;
    width: 100%;
    padding: 6px 0 6px 15px;
}

.mobile .impact article a {
    margin-top: 0px;
    font-size: 14px;
}


/*		.mobile .impact .holder:before {background-image: url(../img/bgr-impact.jpg);}
*/

.mobile .media-holder span .caption {
    bottom: 20px;
    left: auto;
    right: 20px;
    margin-left: 0;
}

.mobile .media-holder span .caption p {
    text-align: right;
}

.mobile .become-member {
    background-image: url(../img/bgr-become-member-mobile.jpg);
}

.mobile .become-member article {
    opacity: 1;
    width: 80%;
    padding-top: 0px;
    margin: 0px auto;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0px);
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
}

.mobile .become-member article h4 {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    opacity: 0.2;
    font-family: 'Old Standard TT', serif;
    font-size: 66px;
    white-space: nowrap;
    line-height: 22px;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -moz-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
}

.mobile .become-member article h3 {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    margin-bottom: 26px;
    font-family: 'montserrat-bold';
    font-size: 28px;
    line-height: 34px;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .become-member blockquote {
    margin-bottom: 52px;
}

.mobile .become-member blockquote p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 1px;
}

.mobile .become-member blockquote cite {
    font-size: 15px;
    line-height: normal;
}

.mobile .become-member .rounded-btn {
    margin-bottom: 26px;
}


/*
    + Houses */

.mobile .intro .slick-slide article {
    padding-top: 0px;
}

.mobile .intro .slick-slide:first-child article h2 {
    margin-bottom: 10px;
}

.mobile .intro article h3,
.mobile .home .intro article h1,
.mobile .houses .intro article h2 {
    margin-bottom: 15px;
    font-size: 35px;
    letter-spacing: 0px;
}

.mobile .houses .intro article h2 {
    font-size: 25px;
}

.mobile .intro .slick-slide:first-child article h2 {
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: 0px;
}

.mobile .intro article h4 {
    font-size: 13px;
    line-height: 26px;
}

.mobile .home .intro article p {
    width: 80%;
    margin-bottom: 30px;
}

.mobile .home .intro article h4 {
    padding: 0px;
    font-size: 18px;
}

.mobile .intro .slick-slide article h4 {
    padding: 0px;
}

.mobile .intro article h5 {
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: 0px;
}

.mobile .hero-slider-nav {
    left: 10%;
    right: 10%;
}

.mobile .scroll-down {
    bottom: 12px;
}

.mobile .scroll-down:after {
    margin-top: 6px;
}

.mobile .home .intro article {
    padding-top: 0px;
}

.mobile .home .intro .welcome-slide article {
    padding-top: 0px;
    background: none;
}

.mobile .home .intro article h3,
.mobile .home .intro article h1 {
    letter-spacing: 0px;
}

.mobile .home .intro article h3 span,
.mobile .home .intro article h1 span {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 4px;
}

.mobile .member-suite-events {
    background: #ffffff;
}

.mobile .member-suite-events .left {
    float: none;
    width: 80%;
    margin: 0px auto;
}

.mobile .member-suite-events .green-bgrs {
    display: none;
}

.mobile .member-suite-events article {
    position: relative;
    padding-top: 0px;
    padding-bottom: 80px;
}

.mobile .member-suite-events article.houses {
    padding-bottom: 0px;
}

.mobile .member-suite-events h3 {
    margin-bottom: 26px;
    font-size: 28px;
    line-height: 34px;
}

.mobile .member-suite-events p {
    margin-bottom: 26px;
}

.mobile .member-suite-events .rounded-btn {
    display: inline-block;
    min-width: 0px;
    padding: 0 42px;
    font-size: 14px;
}

.mobile .member-suite-events .underlined-btn {
    margin-bottom: 40px;
}

.mobile .member-suite-events article:before {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    height: 234px;
    margin: 0 -12.5% 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile .member-suite-events article.events:before {
    background-image: url(../img/bgr-events-spaces.jpg);
}

.mobile .member-suite-events article.member:before {
    background-image: url(../img/bgr-join-assemblage.jpg);
}

.mobile .member-suite-events article.suite:before {
    background-image: url(../img/bgr-book-suite.jpg);
}

.mobile .member-suite-events article.houses:before {
    background-image: url(../img/bgr-houses.jpg);
}

.mobile .member-suite-events article:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0%;
    top: 117px;
    z-index: -1;
    width: auto;
    font-family: 'Old Standard TT', serif;
    font-size: 120px;
    line-height: 60px;
    color: rgba(225, 225, 225, 0.5);
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.mobile .member-suite-events .right {
    display: none;
}

.mobile .our-houses {
    padding: 40px 0;
}

.mobile .our-houses .holder {
    width: 80%;
    margin: 0px auto;
}

.mobile .our-houses h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: left;
}

.mobile .our-houses p {
    text-align: left;
    margin-bottom: 40px;
}

.mobile .our-houses ul {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .our-houses ul li {
    float: none;
    width: auto;
    margin: 0px 0 26px;
}

.mobile .our-houses .item-holder {
    width: auto;
}

.mobile .our-houses ul li h3 {
    font-size: 28px;
    line-height: 34px;
}

.mobile .our-houses ul li p {
    text-align: center;
}

.mobile .our-houses .img-holder {
    width: 180px;
    height: 180px;
}

.mobile .our-houses .rounded-btn {
    display: inline-block;
    min-width: 0px;
    padding: 0 42px;
}

.mobile .our-houses ul li:last-child {
    margin-bottom: 0px;
}

.mobile .our-houses .holder:before {
    left: 0%;
    top: -40px;
    width: auto;
    white-space: nowrap;
    font-size: 120px;
    line-height: 60px;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.mobile .our-houses:before {
    display: none;
}

.mobile .member-suite-events article.houses>p {
    padding-bottom: 100px;
}

.mobile .member-suite-events article.houses>p:after {
    bottom: 20px;
    height: 60px;
}

.mobile .houses-list {}

.mobile .houses-list li {
    padding: 0px;
    margin-bottom: 60px;
}

.mobile .houses-list li h4 {
    padding: 25px 8%;
    font-size: 20px;
    line-height: 20px;
}

.mobile .houses-list li h6 {
    margin-top: -35px;
    font-size: 14px;
}

.mobile .houses-list li p {
    font-size: 14px;
}

.mobile .houses-list li p:last-child {
    margin-bottom: 0px;
}

.mobile .houses-list li .underlined-btn {
    font-size: 14px;
    margin-bottom: 0px;
}

.mobile .houses-list li:before {
    content: "";
    position: relative;
    left: auto;
    top: auto;
    display: block;
    width: 100%;
    height: 480px;
    background-position: center bottom;
}

.mobile .sanctuary .holder {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .sanctuary article {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    width: 80%;
    margin: 0px auto;
    padding: 80px 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .sanctuary article h3 {
    margin-bottom: 26px;
    font-size: 28px;
    line-height: 34px;
}

.mobile .sanctuary p {
    margin-bottom: 26px;
    margin-right: 0px;
}

.mobile .sanctuary .holder:before {
    display: none;
}

.mobile .sanctuary .holder:after {
    left: 0%;
    top: -194px;
    opacity: 1;
    width: auto;
    white-space: nowrap;
    font-size: 120px;
    line-height: 120px;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.mobile .book-become li {
    float: none;
    width: auto;
    height: 120px;
}

.mobile .book-become .media-holder {
    height: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .book-become li:first-child .media-holder {
    background-image: url(../img/bgr-book-apartment-mobile.jpg);
}

.mobile .book-become li:last-child .media-holder {
    background-image: url(../img/bgr-become-resident-mobile.jpg);
}

.mobile .book-become h3 {
    left: 10%;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.mobile .book-become a:after {
    font-size: 66px;
}


/*
    + Floating stories */

.floating-stories {
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
}

.mobile .floating-stories {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.mobile .appartmants-page .gallery-block.environment-block .content article {
    width: 60%;
}

.mobile .membership-page .main-content .wrapper .content-block.tiers-block h2 {
    line-height: 34px;
}

.mobile .membership-page .main-content .wrapper .content-block.become-member-section article h4 {
    transform: translate(0%, -20%);
    line-height: 50px;
}

.mobile .membership-page .main-content .wrapper .content-block.tiers-block h4 {
    display: none;
}

.mobile .membership-page .main-content .wrapper .content-block.membership-at-the-assemblage h4 {
    display: none;
}

@media screen and (max-width: 380px) {
    .mobile .home .intro article {
        padding-top: 0px;
    }
    .mobile .home .intro .welcome-slide article {
        padding-top: 0px;
    }
    .mobile .home .intro article h3,
    .mobile .home .intro article h1 {
        font-size: 25px;
    }
    .mobile .home .intro article h3 span,
    .mobile .home .intro article h1 span {
        font-size: 12px;
    }
    .mobile .manifesto article p {
        line-height: 20px;
    }
    .mobile nav>ul li:first-child {
        margin-bottom: 40px;
    }
    .mobile nav>ul li:first-child a {
        width: 150px;
        height: 78px;
    }
}


/*
= RETINA
-------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {}


/*
= PRINT
------------------------------------------------------------------------------------- */

@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a:after {
        content: "("attr(href)")";
    }
    abbr:after {
        content: "("attr(title)")";
    }
    .ir a:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*
= Applying Form
------------------------------------------------------------------------------------- */

@media screen and (max-width:480px) {
    .name-block,
    .bottom-block {
        margin: 0 10%;
    }
    .name-block:after,
    .bottom-block:after {
        content: attr(data-title);
        display: block;
        position: absolute;
        left: 5%;
        top: 0px;
        z-index: -1;
        width: auto;
        font-family: 'Old Standard TT', serif;
        font-size: 120px;
        line-height: 100px;
        color: rgba(225, 225, 225, 0.5);
        -webkit-transform: rotate(-90deg) translateX(-100%);
        -moz-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    h4.front-text {
        font-size: 28px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        text-align: left;
    }
    .bottom-block {
        padding-bottom: 0 !important;
    }
    .bottom-block p {
        font-size: 16px !important;
        text-align: left;
    }
    .block-button {
        margin: 15px 0 !important;
    }
    .name-block .back-text,
    .bottom-block .back-text {
        display: none;
    }
    .back-and-forth {
        margin-bottom: 1em;
    }
    .credentials__header h1 {
        margin: 0.25em 0 1.5em 0 !important;
    }
    .credentials__box {
        padding: 50px 15px !important;
    }
    .top-navigation-right {
        float: right;
    }
}

.applyHtml,
.apply {
    overflow: initial;
    background: #FBFCFB;
    font-family: 'Montserrat', sans-serif;
}

.termsHtml,
.terms {
    height: 100%;
    margin: 0;
    background: #FBFCFB;
    font-family: 'Montserrat', sans-serif;
}

/* .apply .row,
{
    margin: 1.5em -15px 2.5em -15px;
} */

.terms .row {
    margin: 1.5em -15px 0em -15px;
}

.credentials__box {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E8ECE3;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.09);
    border-bottom: 18px solid #F4F6F2;
    padding: 75px 50px;
    margin-bottom: 50px;
    display: inline-block;
}

.specialHeight {
    display: flex;
    min-height: 834px;
    justify-content: center;
    align-items: center;
}

.credentials__box h4 {
    color: #53605B;
    margin: 0 0 50px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
}

.credentials__box label {
    color: #666;
    display: inline-block;
    max-width: 100%;
    font-weight: 500;
    margin-bottom: 5px;
}

.credentials__box .form-control {
    background-color: transparent;
    height: 40px;
    padding: 6px 0px 4px;
    font-size: 14px;
    color: #333;
    border-color: #949494;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #A9AFAD;
    border-top: initial;
    border-left: initial;
    border-right: initial;
}

.credentials__box .form-group {
    margin-bottom: 30px;
}

.credentials__box .form-control:focus {
    border-color: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.credentials__box textarea.form-control {
    border: 1px solid #A9AFAD;
    padding: 15px;
    margin-top: 6px;
    height: auto;
    overflow: hidden;
}

textarea#content {
    width: 100%;
    height: 100px;
}

.typefrom-box {
    /*background: rgba(255,255,255,0.5);*/
    background: #FFF;
    width: 100%;
    border: 1px solid #E8ECE3;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.09);
    display: inline-block;
}

.typefrom-box h4 {
    color: #53605B;
    padding: 50px 25px 20px 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
}

input[aria-invalid='true'] {
    border-bottom: 1px solid #EB2C21 !important;
}

textarea[aria-invalid='true'] {
    border: 1px solid #EB2C21 !important;
}

.error {
    display: none;
    color: #EB2C21 !important;
    font-weight: bold;
}

.error-message {
    margin: 0;
    font-size: 11px !important;
    font-weight: 300 !important;
    position: absolute;
}

.btn.btn--primary.btn-lg.btn-block.credentials-button {
    height: 60px;
    border-radius: 30px;
    line-height: 0px;
    color: #fff;
    background-color: #53605B;
    border-color: #53605B;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 400;
}

.btn.btn--primary.btn-lg.btn-block.credentials-button:hover,
.btn.btn--primary.btn-lg.btn-block.credentials-button:focus {
    color: #fff;
    filter: brightness(85%);
}

.credentials__box input[type="radio"],
.credentials__box input[type="checkbox"] {
    border-radius: 2px;
    width: 16px;
    height: 16px;
    margin: 2px 5px 0 0;
}

.credentials__box input[type="radio"],
input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #949494;
    vertical-align: top;
}

.credentials__box input[type="radio"]:checked:before,
.credentials__box input[type="checkbox"]:checked:before {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome;
    font-size: 14px;
    color: #333;
}

.credentials__box ::placeholder {
    font-weight: 500;
    padding-left: 15px;
    font-size: 14px;
}

#phone::placeholder {
    font-weight: 400;
    padding: 0px;
}

.credentials__box .help-block {
    margin-top: 10px;
    font-size: 12px;
    color: #a2a1a1;
    line-height: 1.5;
}

.credentials__box select {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
}

.credentials__box .a-required {
    color: #d00;
}

.credentials__box .bootstrap-filestyle.input-group {
    margin-top: 10px;
}

.credentials__box .marginRight {
    margin-right: 5px;
}

.credentials__header h1 {
    margin: 0;
    font-family: 'Old Standard TT';
    font-style: italic;
    color: #949494;
    font-weight: bold;
    margin: 0.25em 0 2em 0;
    font-size: 30px;
    ;
}

.top-navigation-left {
    text-align: left;
    cursor: pointer;
}

.top-navigation-right {
    text-align: right;
    cursor: pointer;
}

.top-navigation-left span,
.top-navigation-right span {
    color: #949494;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.top-navigation-left span:hover,
.top-navigation-right span:hover {
    text-decoration: underline;
    color: #949494;
}

span.group-span-filestyle.input-group-btn {
    border: 1px solid #A9AFAD;
    border-radius: 5px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: none !important;
    border-bottom: initial
}

.btn:active {
    box-shadow: none !important;
    -webkit-webkit-box-shadow: none !important;
    -moz-webkit-box-shadow: none !important;
    -ms-webkit-box-shadow: none !important;
    -o-webkit-box-shadow: none !important;
    webkit-box-shadow: none !important;
}

.credentials__footer {
    position: relative;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    color: #949494;
}

.thankyouHTML {
    height: 100vh;
    background: #FBFCFB;
}

.thankYou {
    background: #FBFCFB;
    font-family: 'Montserrat', sans-serif;
    height: 100vh;
    margin-top: 5%;
}

@media only screen and (max-width:480px) {
    .thankYou {
        margin-top: 12.5%;
    }
}

.p-complete {
    color: #666 !important;
    margin: 7% 0 !important;
    padding: 0 12.50% !important;
    line-height: 1.8;
    font-size: 14px;
    text-align: center;
}

.four0-complete {
    color: #666 !important;
    margin: 5% 0 !important;
    padding: 0 12.50% !important;
    line-height: 1.8;
    font-size: 14px;
    text-align: center;
}

.credentials__confirm span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.credentials__confirm span i {
    font-size: 64px;
    color: #53605B;
}


/*
= Inquire Form
------------------------------------------------------------------------------------- */

.inquire {
    font-family: 'Montserrat', sans-serif;
}

.inquire-logo {
    margin: 0 54px 0 0;
}

.main-content .wrapper {
    padding: 80px 0;
}

h3.back-text {
    position: absolute;
    opacity: 0.5;
    top: 0;
    font-size: 180px;
    white-space: nowrap;
    z-index: -1;
    font-family: 'Old Standard TT', serif;
    color: #e1e1e1;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

h4.front-text {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
}

@media only screen and (max-width: 1300px) {
    /* For mobile phones: */
    h3.back-text {
        font-size: 12em;
    }
}

@media only screen and (max-width: 992px) {
    /* For mobile phones: */
    h3.back-text {
        font-size: 10em;
    }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    h3.back-text {
        font-size: 10em;
    }
    h4.front-text {
        font-size: 30px;
    }
    .grid-articles .half .inner-wrapper {
        height: 300px;
    }
}

@media only screen and (max-width: 450px) {
    /* For mobile phones: */
    h3.back-text {
        font-size: 10em;
    }
    .bottom-block {
        display: block;
        padding-top: 1.5em !important;
    }
    .name-block {
        padding-top: 0 !important;
    }
}

.intl-tel-input {
    display: block !important;
}

.calendly-inline-widget {
    height: 820px;
}

@media only screen and (max-width: 982px) {
    .calendly-inline-widget {
        height: 950px;
    }
    section.wrapper.book {
        height: 950px;
    }
}

.questions {
    color: #fff;
}

.questions.black {
    color: #3e4744 !important;
    color: #3e4744 !important;
    display: block;
    margin-top: 20px;
}

.questions a {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.5px;
}

.questions a:hover {
    text-decoration: underline;
}

.questions.black a {
    font-weight: 400;
    color: #3e4744 !important;
    letter-spacing: 0.5px;
}

.questions.black a:hover {
    text-decoration: underline;
    background: none !important
}

.questions-membership {
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.questions-membership a {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.5px;
}

.questions-membership a:hover {
    text-decoration: underline;
}

header .book-area {
    float: right;
    padding: 0 32px;
    font-family: 'montserrat-regular';
    color: #000;
    background: -moz-linear-gradient(left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    background-size: 200% 100%;
    background-position: right 0;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 1024px) and (max-width:1160px) {
    header .book-area {
        padding: 0 13px;
    }
}

.desktop header .book-area:hover {
    background-position: 0 0;
}

.desktop header .book-area:active {
    background-position: 0 0;
}

.form-inline .form-control:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #ffffff !important;
}

.inquire-box {
    display: none;
}

.inquire-thankyou {
    text-align: center;
}

.inquire-thankyou p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .inquire-thankyou a {
        width: 100% !important;
    }
}

.inquire-thankyou a {
    height: 60px;
    border-radius: 30px;
    line-height: 27.5px;
    color: #53605B;
    background-color: transparent;
    border: 1px solid #53605B;
    padding: 15px 60px;
    font-size: 15px;
    font-weight: 400;
    width: 40%;
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    transition: 0.25s;
}

.inquire-thankyou a:hover,
.inquire.thankyou a:focus,
.inquire.thankyou a:active {
    text-decoration: none;
    color: #fff;
    background: #53605B;
    transition: 0.25s;
}

.inquire-thankyou .vertical-line {
    border-left: 1px solid #53605B;
    height: 100px;
    width: 1px;
    margin: 20px auto;
}

.name-block {
    display: block;
    padding: 2.5em 0 3.5em 0;
    text-align: center;
}

.bottom-block {
    display: block;
    padding: 8em 0 2.5em 0;
    text-align: center;
    position: relative;
}

.bottom-block p {
    font-size: 15px;
    margin: 35px 0;
    letter-spacing: 1px;
}

@media only screen and (min-width: 768px) {
    .bottom-block p {
        padding: 0 15em;
    }
}

.block-button {
    margin: 0 1.5em;
    font-size: 16px;
}

.block-button:hover {
    text-decoration: none;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 981px) {
    .form-inline .form-control {
        width: 380px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:980px) {
    .form-inline .form-control {
        width: 220px !important;
    }
    h4.front-text {
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1px;
    }
    .block-button {
        margin: 0 0.5em;
    }
    .bottom-block {
        padding: 8em 1.5em 0.5em 1.5em;
    }
    .name-block {
        padding: 2.5em 1.5em 3.5em 1.5em;
    }
}


/*
= Contract Acceptance
------------------------------------------------------------------------------------- */

.contractHtml,
.contract {
    margin: 0;
    padding: 0;
}

.contract .credentials__box {
    padding: 0;
}

.contract .credentials__box .title-column {
    padding: 25px 0 0 0;
}

.contract .credentials__box .gray-column {
    padding: 0;
    background: #F3F6EF;
}

.contract .credentials__box .white-column {
    padding: 0;
    background: #FFFFFF;
}

.contract .credentials__box .title-text {
    font-family: 'Montserrat', sans-serif;
    color: #3e4744;
    font-size: 14px;
    padding: 15px 5px;
    text-align: center;
    font-weight: 700;
}

.contract .credentials__box .content-text {
    font-family: 'Montserrat', sans-serif;
    color: #3e4744;
    font-size: 12px;
    padding: 15px 5px;
    text-align: center;
}

.border {
    border-right: 1px solid #979797;
}

#contract-pagination {
    float: right;
}

#contract-pagination li {
    margin: 0;
}

.pagination>li>a,
.pagination>li>span {
    padding: 10px 20px !important;
}

.pagination>.active>a {
    background: #ddd !important;
    border-color: #ddd !important;
}

.pagination {
    border-radius: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.pagination>li>a,
.pagination>li>span {
    all: unset;
    position: relative;
    float: left;
    color: gray !important;
    line-height: 1.42857143;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination>.active>a,
.pagination>li>a:hover {
    z-index: 2;
    color: gray !important;
    background-color: #ddd !important;
    border-color: #ddd !important;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777 !important;
    cursor: not-allowed;
    background-color: #fff !important;
    border-color: #ddd !important;
}


/*
= Contract Switch
------------------------------------------------------------------------------------- */

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0 !important;
    height: 24px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.home .slider {
    background: none;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16.5px;
    width: 16.5px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.home .slider:before {
    display: none;
}

input:checked+.slider {
    background-color: #3e4744;
}

input:focus+.slider {
    box-shadow: 0 0 1px #3e4744;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.noHeight {
    height: 0;
}

.centerFlex {
    display: flex;
    justify-content: center;
}

.contact-details i {
    background: #d16c4d;
    font-size: 16px;
    height: 25px;
    width: 50px;
    color: #fff;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    transition: 0.25s;
}

.contact-details:hover,
.contact-details:active,
.contact-details:focus {
    text-decoration: none;
}

.contact-details i:hover,
.contact-details i:active,
.contact-details i:focus {
    background: #3e4744;
    transition: 0.25s;
}

.contractCont {
    z-index: 2;
    position: relative;
}

#coworkwerList>div {
    display: flex;
}

#coworkwerList>div:nth-child(odd) {
    background-color: #F3F6EF;
}

#coworkwerList>div:nth-child(even) {
    background-color: #FFFFFF;
}

#paginationList {
    text-align: center;
}

#loader {
    display: none;
}


/*
= Terms and Conditions
------------------------------------------------------------------------------------- */

.terms .credentials__box .innerBox {
    padding-bottom: 25px;
}

.terms .credentials__box ul {
    list-style-type: initial;
    padding-left: 15px;
}

.terms .credentials__box ul li {
    padding-bottom: 15px;
    line-height: 26px;
}

.terms .credentials__box p {
    font-size: 14px;
}

.terms .credentials__box h4 {
    margin-bottom: 25px;
}

.terms .originalMargin {
    margin-bottom: 50px !important;
}

.terms .credentials__box strong {
    color: #53605B;
}

.terms .credentials__box .principles {
    font-size: 16px;
}

.terms .btn.btn--primary.btn-lg.btn-block.credentials-button {
    line-height: 40px;
}

.terms .fixedConditions {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    padding: 15px;
    z-index: 999;
}

.terms .termsScroll {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.termsScroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #F5F5F5;
}

.termsScroll::-webkit-scrollbar {
    width: 7.5px;
    background-color: #F5F5F5;
}

.termsScroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    height: 55px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d16c4d;
}


/*
= Modal
------------------------------------------------------------------------------------- */

.modal-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.close:focus,
.close:hover,
.close {
    color: #fff !important;
    opacity: 1 !important;
}

.modal-header {
    border-bottom: none !important;
}

.modal-title {
    font-family: 'Montserrat';
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 22px;
}

.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.password-submit,
button.btn.btn-default {
    color: rgb(62, 71, 68);
    background: #f5f5f5;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    font-family: 'montserrat';
    text-transform: capitalize !important;
    font-weight: 400 !important;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    margin-top: 5px;
}

.password-submit:hover,
button.btn.btn-default:hover,
.password-submit:active,
button.btn.btn-default:active,
.password-submit:focus,
button.btn.btn-default:focus,
.password-submit:visited,
button.btn.btn-default:visited {
    background-color: #53605B !important;
    border-color: #53605B !important;
    color: #fff !important;
}

.jconfirm-buttons {
    width: 80%;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    font-size: 22px;
    padding-bottom: 0px !important;
}

.modal-dialog {
    margin: 0px auto !important;
    top: 35%;
}

.jconfirm-cell {
    background: rgba(62, 71, 68, .9);
}

.jconfirm-box {
    background: transparent !important;
    box-shadow: none !important;
    color: #fff;
    font-family: 'Montserrat';
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jconfirm-content {
    text-align: center;
    font-size: 22px;
}

span.jconfirm-title {
    text-align: center;
    line-height: 1.5;
}


/*
= Welcome Section
------------------------------------------------------------------------------------- */

@media only screen and (max-width: 991px) {
    #welcome {
        padding: 0 !important;
    }
    #welcome .col-md-8 {
        padding: 0 15px !important;
    }
    #welcome .vertical-line {
        display: none;
    }
    .col-md-12.spPad {
        padding: 0;
    }
}

#welcome {
    padding: 10% 0 5% 0;
    background: #fff;
}

#welcome .container {
    background: #f1f5ed;
    padding: 2.5% 7.5% 5% 7.5%;
}

#welcome .col-md-8 {
    padding: 0 10%;
}

#welcome h2 {
    font-family: 'Old Standard TT';
    font-size: 32.5px;
    line-height: 55px;
    background: -webkit-linear-gradient(left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to left, rgb(186, 110, 60) 0%, rgb(255, 186, 153) 50%, rgb(0, 0, 0) 100%);
    background-size: 100%;
    background-position: right 0;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#welcome h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 25px;
    line-height: 1.25;
    color: #3e3e3f;
}

#welcome h4 {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5;
    color: #3e3e3f;
}

#welcome p {
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
}

#welcome a {
    color: #3e3e3f;
    font-weight: 500;
}

#welcome strong {
    letter-spacing: 2px;
}

strong.tinyStr {
    letter-spacing: 0px !important;
    font-weight: 500;
}

#welcome span {
    font-style: italic;
    font-size: 10px;
    font-weight: 400;
}

#welcome .vertical-line {
    height: 60px;
    width: 1px;
    background-color: #3e3e3f;
    float: left;
    margin-top: 25%;
}

#welcome .last-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.spPad {
    padding-top: 5%;
}


/*
= Mobile App - QR Scanner
------------------------------------------------------------------------------------- */

#qr-reader {
    padding: 10% 0 5% 0;
    background: #fff;
}

@media only screen and (max-width:767px) {
    #qr-reader {
        padding-top: 50% !important;
    }
}

#qr-reader .container {
    background: #f1f5ed;
    padding: 2.5% 7.5% 5% 7.5%;
}

.qrcode-text {
    padding-right: 1.7em;
    margin-right: 0;
    vertical-align: middle;
}

.qrcode-text+.qrcode-text-btn {
    width: 1.7em;
    margin-left: -1.7em;
    vertical-align: middle;
}

.qrcode-text-btn {
    display: inline-block;
    height: 2em;
    width: 2em;
    background: url(https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg) 50% 50% no-repeat;
    cursor: pointer;
}

.qrcode-text-btn>input[type=file] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0;
}


/*
+ Join Now New Section -------------------------------------------------- */


/*
Section Title
-------------------------------------------- */


/*
Buttons global
-------------------------------------------- */

.home a.rounded-btn {
    display: inline-block;
    min-width: 120px;
    padding: 2px 50px;
    font-family: 'Kalameh';
    font-weight: 500;
    font-size: 14px;
    line-height: 46px;
    color: #000;
    text-align: center;
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms 0ms ease-in-out;
    -moz-transition: all 250ms 0ms ease-in-out;
    -ms-transition: all 250ms 0ms ease-in-out;
    -o-transition: all 250ms 0ms ease-in-out;
    transition: all 250ms 0ms ease-in-out;
    background-color: #f3f6ef;
 }

    .home a.rounded-btn.green-dark {
       background-color: inherit;
    border: 1px solid #000000;
    color: #000;
    }

.home a.rounded-btn.border-btn {
    border: 1px solid #3e4844;
    background-color: transparent;
    color: #3e4844;
}

.home a.underlined-btn {
    font-family: 'montserrat-medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-decoration: underline;
}

.desktop .home a.rounded-btn:hover {
    background-color: #3e4844;
    color: #fff;
}

.desktop .home a.rounded-btn.green-dark:hover {
    background-color: #fff;
    color: #3e4844;
    border: 1px solid #3e4844;
}

.desktop .home a.rounded-btn.border-btn:hover {
    background-color: #3e4844;
    color: #fff;
}

.desktop .home a.underlined-btn:hover {
    text-decoration: none;
}

.mobile .home a.rounded-btn {
    font-family: 'montserrat-light';
    font-weight: 300;
}


/*Section title*/

.section-title {
    position: relative;
    text-align: center;
}

.section-title h3 {
    position: relative;
}

.section-title h3 span {
    position: relative;
    font-family: 'montserrat-bold';
    font-weight: 700;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: 1px;
    color: #000;
    z-index: 10;
}

@media (max-width: 2600px) {
    .section-title h3 span {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (max-width: 1300px) {
    .section-title h3 span {
        font-size: 35px;
        line-height: 41px;
        letter-spacing: 1px;
    }
}

.section-title h3:after {
    position: absolute;
    top: -35px;
    left: 50%;
    content: attr(data-title);
    font-family: 'Old Standard TT', serif;
    font-weight: 400;
    font-size: 180px;
    line-height: 95px;
    color: rgba(225, 225, 225, 0.52);
    white-space: nowrap;
    -webkit-transform: translateX(-50%) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -moz-transform: translateX(-50%) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -ms-transform: translateX(-50%) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -o-transform: translateX(-50%) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    transform: translateX(-50%) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    z-index: 9;
}

@media (max-width: 2600px) {
    .section-title h3:after {
        top: -47px;
    }
}

@media (max-width: 1900px) {
    .section-title h3:after {
        top: -52px;
        font-size: 140px;
        line-height: 126px;
    }
}

@media (max-width: 1300px) {
    .section-title h3:after {
        top: -46px;
        font-size: 120px;
        line-height: 95px;
    }
}

.section-title p {
    margin-top: 32px;
    font-family: 'montserrat-light';
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
}

@media (max-width: 2600px) {
    .section-title p {
        margin-top: 46px;
        font-size: 15px;
        line-height: 29px;
    }
}

.section-title h4 {
    display: inline-block;
    font-family: 'montserrat-bold';
    font-weight: 700;
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 0.72px;
}

@media (max-width: 1300px) {
    .section-title h4 {
        font-size: 30px;
        line-height: 60px;
        letter-spacing: 0.6px;
    }
}

.mobile .section-title h3 span {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.5px;
}

.mobile .section-title h3:after {
    bottom: calc(100% - 37px);
    top: auto;
    left: -7px;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
    white-space: normal;
    font-size: 60px;
    text-align: left;
    line-height: 60px;
    z-index: auto;
}


/* Assemble section */

.assemble-section {
    padding:  0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.assemble-section:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(20vh + 10px);
    background-color: #fff;
}*/

/*@media (max-width: 1366px) {
    .assemble-section:before {
        height: calc(20vh + 26px);
    }
}

@media (max-width: 1024px) {
    .assemble-section:before {
        height: calc(20vh + 10px);
    }
}*/

.assemble-section .section-title h3:after {
    top: -40px;
    font-size: 155px;
}

.assemble-section .section-title p {
    max-width: 660px;
    width: 100%;
    margin: 77px auto 50px;
    font-size: 16px;
    line-height: 28px;
}

.tablet.portrait .assemble-section {
    padding-top: 300px;
}

/*.tablet.portrait .assemble-section:before {
    height: 310px;
}*/

.tablet.portrait .assemble-section .section-title h3:after {
    font-size: 100px;
    line-height: 95px;
}

.tablet.portrait .assemble-section .section-title p {
    margin-top: 70px;
    width: 70%;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: 1px;
}

.mobile .assemble-section {
    padding-top: 151px;
}

/*.mobile .assemble-section:before {
    height: 174px;
}*/

.mobile .assemble-section .section-title {
    max-width: 80%;
    margin: 0 auto;
}

.mobile .assemble-section .section-title h3 {
    position: initial;
}

.mobile .assemble-section .section-title h3 span {
    max-width: 100%;
}

.mobile .assemble-section .section-title h3:after {
    bottom: -180px;
    left: -10vw;
    top: auto;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(-90deg) scale(1);
    -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(-90deg) scale(1);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(-90deg) scale(1);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(-90deg) scale(1);
    transform: translateX(0px) translateY(0px) translateZ(0px) rotate(-90deg) scale(1);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    font-size: 70px;
    line-height: 70px;
}

.mobile .assemble-section .section-title p {
    position: relative;
    margin-top: 46px;
    font-size: 14px;
    line-height: 22px;
}

.mobile .assemble-section .section-title a {
    position: relative;
}
.link2{
    color: #000;
    text-align: center;
}
.img-center-defult {
    background: #f5f5f5;
    padding: 0em em;
    direction: rtl;
    text-align: center;
}
    .img-center-defult .En, .img-center-defult .name {
        text-align:right;
        margin-right:2em;
    }
    .img-center-defult .En {
        color: #888;
        letter-spacing: 2px;
        font-size: 1rem;
        font-family: 'Aller_Bd';
        margin-top: 12px;
        margin-right: 27px;
    }
    .img-center-defult .name {
        color: #000;
        font-size: .95rem;
        font-family: 'Mj_Text Light_0';
        font-weight: bold;
        margin-top: 5px;
    }
.sections-nav li a {
    width:1.5px;
    height: 30px;
    border-radius: 0;
}
.sections-nav li.active a {
    height: 50px;
    width: 3px;
    border-radius: 0;
    margin-left: -1px;
}
.sections-nav li {
    margin-bottom: 0;
}
.center-div {
    z-index: 99;
    padding: 2em 4em;
}
.particles-parent .brand li:last-child a {
    color: #F1EADF;
    font-size: 1.2rem;
    font-weight: bold;
}
@media screen and (max-width:1150px) {

    .with-white-box article {
        width: 80%;
        margin: 2em auto;
    }

    .particles-parent article .desc {
        font-size: .7rem;
        line-height: 26px;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    .home a.rounded-btn {
        min-width: 180px;
        padding: 0 19px;
        font-size: 12px;
         line-height: 38px;
    }
    .particles-parent .brand {
           margin: 1em auto;
           padding-right: 0 !important;
    }
    .particles-parent .brand img{
        width: 100%;
    }
        .particles-parent .brand li {
      margin-bottom: 1em;
    padding: 20px;
        }
           .particles-parent .brand li:last-child {
     display: none;
        }
            .particles-parent .brand li:last-child a {
                color: #F1EADF;
                font-size: .9rem;
            }
            .numTop, .numBtm {
                left: -13px;
            }
    .scroll-right .social-head {
        margin-left: -13px;
    }
   
    }
@media screen and (max-width:780px) {
    .home .intro article h1 {
        margin-top: 1em;
    }
  
    .mobile .home .intro article h1{
        
   font-size: 16px !important;
    }
    .mobile .home .intro article p {
        width: 100%;


         text-align: center;
        font-size: 18px !important;
        padding: 0 !important;
    }
    .numTop, .numBtm {
        display: none;
    }
    .home .intro article p {
        padding: 0 10px;
    }
        .scroll-right .social-head {
        display: none;
    }
    .with-white-box article {
        width: 83%;
        margin: 0 auto;
        margin-left:0;
    }
}

@media screen and (min-width:980px) {
      .home a.rounded-btn.green-dark {
    margin-top: 120px;
    }
    .home .intro article p {
    padding: 0 0em;
        margin: 0 auto;
        font-weight: normal;
        font-size: 26px;
        text-align: center;
        margin-bottom: 3px;
     }
    .home .intro article h1 {
        font-family: 'IRANSansWeb';
        font-size: 2rem;
        margin-bottom: 15px;
    }
}
.home .intro article h1 {
  font-family: 'Kalameh';
    color: #F1EADF;
    direction: rtl;
    font-size: 25px;
    text-align: center;
}
.home .particles-parent .En {
    margin-top: .5em;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.with-white-box .particles-overlay {
    background: #b9b9b963;
}
.home .home-coworking  .desc {
    height: 175px ;
}
.title-two.subscribe    .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    background-color: #fff;
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 317px;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:980px) {
    .intro article {
  
    top: 75%;
    }
    .mobile .home .intro article p {
 
    margin-bottom: 5px;
}
    .title-two.subscribe    .swiper-slide {
        min-height: 237px;
    }
    .blogsection .sliderAboutUs .lineBoxGray{
    display: none !important;

}
.blogsection .sliderAboutUs .linkLineDiv {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
}
}

  .particles-parent canvas{
            display: none;
        }
        .blogsection .sliderAboutUs .linkLineDiv{
          justify-content: center;
          align-items: center;
          margin-top: 15px;
        }