html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

img {
    vertical-align: middle
}

a,
a:focus,
a:active,
a:hover {
    outline: 0;
    text-decoration: none;
    /* color: inherit; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
header,
hgroup,
menu,
nav,
section {
    display: block
}


ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



@font-face {
    font-family: 'gothamxlight';
    src: url('https://22hillstreet.london/development/assets/fonts/gotham-xlight-webfont.woff2') format('woff2'),
        url('https://22hillstreet.london/development/assets/fonts/gotham-xlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gothamlight';
    src: url('https://22hillstreet.london/development/assets/fonts/gotham-light-webfont.woff2') format('woff2'),
        url('https://22hillstreet.london/development/assets/fonts/gotham-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gothambook';
    src: url('https://22hillstreet.london/development/assets/fonts/gotham-book-webfont.woff2') format('woff2'),
        url('https://22hillstreet.london/development/assets/fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body {


    font-family: "gothamxlight";
    font-style: normal;
    font-weight: 100;
    color:#4A3F43;
    background-image: url('../images/large-logo-graphic.svg');
    background-repeat: no-repeat;
    background-size: cover;

    
    
    
    }


    .video-container {
        position: relative;
        width: 100%;
        height: 90vh;
        overflow: hidden;
        z-index: 1;
        margin-top: 210px;
    }
    
    .video-container video {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        object-fit: cover;
    }
    
    
    body.home {background-color:#f7f0ed;}
    
    
    #smooth-body {
        transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 1;
    }


html,
body {
scroll-behavior: smooth;
height:auto
}



html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}


    
    
        .container {
            width: 100%;
            height: 100vh;
            position: relative
        }
    
    
    




a,
a:visited,
a:focus,
a:active,
a:link {
    text-decoration: none;
    outline: 0;
}

a {
    color: currentColor;
    transition: .2s ease-in-out;
}

h1,
h2,
h3,
h4 {
    margin: 0;
    font-family: "aboreto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

ul {
    padding: 0;
    list-style: none;
}

img {
    vertical-align: middle;

    width: 100%;
}

#logo {
    width: 100px;
    /*give it a fixed size*/
    margin: 0 auto;
    /* animation magic */
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#logo img {
    width: 100%;
    height: auto;
}

#sub_head {
    width: 100%;
    text-align: center;

}



#sub_head img {
    width: 250px;
    padding-top:15px
}


header {
    width: 100%;
    padding: 30px 0;
    z-index: 9999;
    position: fixed;
    top: 0;
}

sup {
    vertical-align: super;
    font-size: 70%;
}

#logo.shrink {
    width: 50px;

}

#sub_head.remove {
    display: none
}

body.home  .header__spacer {
    min-height: 50px
}



#main {
    background: lightgrey;
    text-transform: none;

}

/* ===== text sizes ====== */

.medium__text__top {
    font-size: 1.2vw;
    line-height: 1.4em
}

.small__text__bottom {
    font-size: 0.8vw;
    line-height: 1.4em;
    margin-top: auto
}

/* section {
    position: relative;
    z-index: 3;
} */

/*--------------------------------------------------------------
# HOME SECTION
--------------------------------------------------------------*/

/* ===== section__home__one ===== */


#section__home__one {
    /* background: lightblue; */


}



#section__home__one .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 50px 180px 150px 180px
}


#section__home__one .wrapper__section__fifty__left {
    flex: 0 0 45%;
    margin-right: 7%;
    /* background: #ff4400; */

}

#section__home__one .wrapper__section__fifty__right {
    flex: 0 0 48%;
    /* background: darkorange; */

}

#section__home__one .box__align__bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    /* background: lightcoral; */
    flex-direction: column;
    flex: 1;
}

/* ===== section one h2 titles ===== */

#section__home__one .sub__title__section__top h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

#section__home__one .sub__title__section__bottom h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.home  .right__box__top.mobile {display:none}
.home .right__box__middle.mobile{
    display:none;

}


/* ===== section__home__two ===== */


#section__home__two {
    /* background: lightblue; */


}


#section__home__two .wrapper__section__thirty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 180px
}

#section__home__two .wrapper__section__thirty__left {
    flex: 0 0 50%;
    margin-right: 0%;
    /* background: #ff4400; */

}

#section__home__two .wrapper__section__thirty__middle {
    flex: 0 0 7%;
    /* background: lightgrey; */
}



#section__home__two .wrapper__section__thirty__right {
    flex: 0 0 42%;
    /* background: darkorange; */

}

#section__home__two .medium__text__top.mobile {display:none}

/* ===== capions ===== */

#section__home__two .caption_pic_left {
    font-size: 0.55vw;
    text-align: right;
    padding-bottom: 20px;
    padding-right: 15px;

}


/* ===== section two h2 titles ===== */



#section__home__two .sub__title__section__top h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

#section__home__two .sub__title__section__bottom h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}





/* ===== section__home__three ===== */



#section__home__three .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: -24% 180px 150px 180px;
}



#section__home__three .wrapper__section__thirty__left {
    flex: 0 0 32%;
    margin-right: 5%;
    /* background: #ff4400; */

}


#section__home__three .wrapper__section__thirty__right {
    flex: 0 0 24%;
    /* background: darkorange; */

}

#section__home__three .caption_pic_top {
    font-size: 0.7vw;
    width: 27%;
    padding-bottom: 15px
}

#section__home__three .box__align__bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    /* background: lightcoral; */
    padding-top: 40px
}


/* ===== section__green icons ===== */

#green__sect {
    background: #d5d7cf;
    width: 100%;
    min-height: 100px
}

.green__icons__wrapper {
    width: 100%;
    max-width: 1380px;
    display: flex;
    flex-wrap: wrap;

    margin: 0 auto;
    padding: 9em 0
}




.green__icon {
    text-align: center;
    padding-top: 40px
}

.green__icon img {
    width: 35%
}

.green__icon.one,
.green__icon.four {
    flex: 0 0 30%;
    /* background-color: coral; */
    margin: 1.5% 1.5% 1.5% calc(2% - 1px);

}

.green__icon.one {
border-bottom:1px solid #99a09e
}

.green__icon.two,
.green__icon.five {
    flex: 0 0 30%;
    /* background-color: coral; */
    margin: 1.5%;
}

.green__icon.two {
border-bottom:1px solid #99a09e;
   
}

.green__icon.three,
.green__icon.six {
    flex: 0 0 30%;
    /* background-color: coral; */
    margin: 1.5% calc(2% - 1px) 1.5% 1.5%;
}

.green__icon.three {
    border-bottom:1px solid #99a09e
}

.icon__header {
    font-size: 1.3vw;
    padding-top: 40px;
    letter-spacing: 3px;
}

.icon__sub__header {
    font-size: 0.8vw;
    padding-bottom: 40px
}

.vertical__line__green {
    background-color: #99a09e;
    width: 1px;
    height: auto
}

.vertical__line__green.line__six {display:none}

.horiz_spacer_container {width:100%; padding:20px}

.horizontal__line__green {background-color: #a3aba5;
    width: 100%;
    height: 1px;
margin:20px 0

}


/* ===== section__home__four ===== */


#section__home__four {

    position: relative
}


#section__home__four .section__inner__text.mobile {
display:none
}


#section__home__four .wrapper__section__thirty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 180px
}


#section__home__four .wrapper__section__thirty__left {
    flex: 0 0 45%;
    margin-right: 0%;
    /* background: #ff4400; */

}

#section__home__four .wrapper__section__thirty__middle {
    flex: 0 0 7%;
    /* background: lightgrey; */

}

#section__home__four .wrapper__section__thirty__right {
    flex: 0 0 48%;
    /* background: darkorange; */
    min-height: 20px
}

#section__home__four .right__box__top {
    /* background: red; */
    flex: 0 0 100%;

    padding-right: 0%
}

#section__home__four .caption_pic_bottom {
    font-size: 0.7vw;
    text-align: left;
    position: absolute;
    bottom: 0;
    padding-left: 15px;
    width: calc(7% - 15px);
}

#section__home__four .section__inner__text__img {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#section__home__four .section__inner__img {
    flex: 0 0 45%;
    margin-right: 5%;
    margin-top:6px;
    /* background-color: aqua; */
}

#section__home__four .section__inner__text {
    flex: 0 0 50%;
    /* background-color: blueviolet; */
}

#section__home__four  .right__box__bottom {margin-top: -100px;}


/* ===== section four h2 titles ===== */



#section__home__four .sub__title__section__top h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
    margin-top:-18px
}

#section__home__four .sub__title__section__bottom h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 7px;
    margin-left: 1.7em;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}


/* ===== section__home__five ====== */

#section__home__five {


}

#section__home__five .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 150px 180px 0px 180px
}


#section__home__five .wrapper__section__fifty__left {
    flex: 0 0 22%;
    margin-right: 7%;
    /* background: #ff4400; */

}

#section__home__five .wrapper__section__fifty__left.mobile {
display:none
}

#section__home__five .wrapper__section__fifty__right {
    flex: 0 0 71%;
    /* background: darkorange; */
    min-height: 20px
}

#section__home__five .text__align__base {
    height: 100%;
    position: relative
}

#section__home__five .small__text__bottom {
font-size:0.7vw
}


/* ===== section__home__six ===== */
#section__home__six {


}

/* section__home__seven */

#section__home__seven {
    min-height: 100px;

    background-color: #d5d7cf;
    padding: 8em 0 2em 0
}



#section__home__seven .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 180px
}


#section__home__seven .wrapper__section__fifty__left {
    flex: 0 0 50%;
    margin-right: 7%;
    /* background: #ff4400; */

}



#section__home__seven .wrapper__section__fifty__right {
    flex: 0 0 43%;
    /* background: darkorange; */
    min-height: 20px
}

#section__home__seven .section__inner__img.mobile {
   display:none
}


.right__box__full {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    /* background: lightcoral */
}

.right__box__top {
    /* background: red; */
    flex: 0 0 100%;

    padding-right: 6%
}

#section__home__seven .sub__title__section__top h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 10px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
    margin-top:-16px
}

#section__home__seven .sub__title__section__bottom h2 {
    font-size: 5vw;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    letter-spacing: 10px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

#section__home__seven .medium__text__top {margin-top:-5px}

/* ===== capions ===== */

#section__home__seven .caption_pic_bottom {
    font-size: 10px;
    text-align: left;
    padding-top: 20px;
    width: 150px
}

#section__home__seven .section__inner__text__img {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#section__home__seven .section__inner__img {
    flex: 0 0 53%;
    margin-right: 3%;
    /* background-color: aqua; */
}

#section__home__seven .section__inner__text {
    flex: 0 0 44%;
    /* background-color: blueviolet; */
    position: relative;
    margin-bottom:-20px
}

#section__home__seven .small__text__bottom {
   margin-top:auto;
   display:flex;
   align-items: flex-end;
height:70%
}




/* ===== padding various ===== */

.pad-left {
    padding-left: 36%;
}

.pad-left-twenty {
    padding-left: 20%;
}

.pad-left-70 {padding-left: 70%;}

.pad-right-8 {
    padding-right: 8%;
}

.pad-right {
    padding-right: 20%;
}

.pad-right-30 {
    padding-right: 30%;
}

.pad-right-40 {
    padding-right: 40%;
}

.pad-bottom-10 {
    padding-bottom: 10%;
}

.pad-right-small {
    padding-right: 3%;
}

.pad-top {
    padding-top: 60px;
}

.right__box__middle {

    flex: 0 0 100%
}

.right__box__bottom {

    flex: 0 0 100%;
    justify-self: baseline;

}


.left__box__full {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;

}

.left__box__top {

    flex: 0 0 100%;

    padding-right: 10%
}



.left__box__middle {

    flex: 0 0 100%
}

.left__box__bottom {
 
    flex: 0 0 100%;
    padding-right: 10%
}

/*--------------------------------------------------------------
# OFFICES SECTION
--------------------------------------------------------------*/


body#offices {
    background: #55605e
}

#offices .green__icon.six.mobile {
    display:none
  }
  

.section__offices__one {

    min-height: 100px;
}

#light__sect__plans #green__sect .slideshow-container .floor__plans__desktop {

    display:block
    }

    #light__sect__plans #green__sect .slideshow-container .floor__plans__mobile {

        display:none
        }


#section__offices__one .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 100px 180px
}


#section__offices__one .wrapper__section__fifty__left {
    flex: 0 0 45%;
    margin-right: 7%;


}

#section__offices__one .wrapper__section__fifty__right {
    flex: 0 0 48%;

    min-height: 20px
}

#offices h1.main__headline {
    font-family: "aboreto", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 5vw;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    letter-spacing: 0.1em;
}


.schedule__main__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    width: calc(100% - 360px);
    margin: 180px;
    position:relative;
    z-index:55
}

.schedule__main__wrapper__mobile {
    display: none
}

.schedule__inner__left {
    flex: 0 0 33%;


}

.schedule__inner__mid {
    flex: 0 0 32%;
    margin: 0 1%;

}

.schedule__inner__mid img {
    width: 100%;
    height: auto;
}


.schedule__inner__right {
    flex: 0 0 33%;

}

.schedule__left__box.roof,
.schedule__right__box.roof {
    border-top: 1px solid #bcbfbf;
    border-bottom: 1px solid #bcbfbf;
    min-height:13%;

}

.schedule__left__box.fourth,
.schedule__right__box.fourth {

    border-bottom: 1px solid #bcbfbf;
    min-height:13%;

}


.schedule__left__box.third,
.schedule__right__box.third {

    border-bottom: 1px solid #bcbfbf;
    min-height:13%;

}

.schedule__left__box.second,
.schedule__right__box.second {

    border-bottom: 1px solid #bcbfbf;
    min-height:13%;

}


.schedule__left__box.first,
.schedule__right__box.first {

    border-bottom: 1px solid #bcbfbf;
    min-height:18%;

}

.schedule__left__box.ground,
.schedule__right__box.ground {

    border-bottom: 1px solid #bcbfbf;
    min-height:16%;
}

.schedule__left__box.lower-ground,
.schedule__right__box.lower-ground {

    border-bottom: 1px solid #bcbfbf;
    min-height:15%;
}


.schedule__right__box.roof,
.schedule__right__box.fourth,
.schedule__right__box.third,
.schedule__right__box.second,
.schedule__right__box.first,
.schedule__right__box.ground,
.schedule__right__box.lower-ground {
    text-align: right
}


.plans__text__header {font-family: "aboreto", sans-serif; font-size:1.6vw; letter-spacing: 2px; padding-bottom:5px}
.plans__text__info {font-family: "aboreto", sans-serif; font-size:0.8vw; letter-spacing: 2px; padding-bottom:2em}

#offices #green__sect {

    width: 100%;

    width: calc(100% - 200px);
    margin: 100px
}

#offices #dark__green__sect {

    width: 100%;

    background-color: #55605e;
    width: calc(100% - 360px);
    margin: 100px 180px
}

#offices #light__sect__plans {
    background: #d5d7cf;
    width: 100%;

    width: 100vw;

}

#offices #light__sect__plans .horizontal-filler {
height:12em

}


#section__offices__one .medium__text__top {
   color:#ffffff
}

#offices .green__icons__wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;

    margin: 0 auto;
}


#offices .green__icon {
    text-align: center;
    padding-top: 40px
}

#offices .green__icon img {
    width: 40%
}

#offices .green__icon.one {
    flex: 0 0 16.75%;

    margin: 0% 1.5% 0% calc(2% - 1px);
    border-bottom:1px solid #a3aba5
}

#offices .green__icon.two,
#offices .green__icon.three,
#offices .green__icon.four {
    flex: 0 0 16.75%;

    margin: 0% 1.5% 0 1.5%;
    border-bottom:1px solid #a3aba5
}

#offices .green__icon.five {
    flex: 0 0 16.75%;

    margin: 0% calc(2% - 1px) 0% 1.5%;
    border-bottom:1px solid #a3aba5
}


#offices .green__icon.six {
    flex: 0 0 16.75%;

    margin: 0% 1.5% 0% calc(2% - 1px);
    border-top:1px solid #a3aba5
}


#offices .header__spacer.tall {min-height:75vh; background-color: lightgreen;}



#offices .green__icon.seven,
#offices .green__icon.eight,
#offices .green__icon.nine {
    flex: 0 0 16.75%;

    margin: 0% 1.5% 0 1.5%;
    border-top:1px solid #a3aba5
}

#offices .green__icon.ten {
    flex: 0 0 16.75%;

    margin: 0% calc(2% - 1px) 0% 1.5%;
    border-top:1px solid #a3aba5
}


#offices .icon__header {
    font-size: 1.5vw;
    padding-top: 20px;
    letter-spacing: 2px;
    padding-bottom:6px;
    color:#ffffff
}

#offices .icon__sub__header {
    font-size: 0.8vw;
    padding-bottom: 40px;
    color:#ffffff
}

#offices .vertical__line__green {
    background-color: #a3aba5;
    width: 1px;
    height: auto
}

.vertical__line__green.occupiers__line__five {display:none}

.plans_arrows__container {width:34%;  position:relative; margin:0 auto;}
.north_arrow {width:50%;  text-align:center; margin:0 auto; padding-top:90px; }

.north_arrow img {width:5%; padding-bottom:10px}

p.not-to-scale {font-size:8px}



/*--------------------------------------------------------------
# LOCATION SECTION
--------------------------------------------------------------*/

body#location {background-color:#52605e;}

.gallery__spacer  {min-height:50vh}

#section__location__one {
    background: #483f43;
    min-height: 100px;
    padding-top:30px;
    padding-bottom:30px

}

#section__location__one .wrapper__section__fifty {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 100px 180px;
    position:relative;
}


#section__location__one .wrapper__section__fifty__left {
    flex: 0 0 27%;
    margin-right: 3%;


}

#section__location__one .wrapper__section__fifty__right {
    flex: 0 0 70%;


}

#section__location__one .box__align__bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;

    flex-direction: column;
    flex: 1;
}

#section__location__one .box__align__bottom.mobile {
    display: none;
}

#section__location__one .medium__text__top {color:#ffffff}

#section__location__one .right__box__top {    padding-right: 0%;}

#location .sub__title__section__top.white {color:#ffffff}
#location .sub__title__section__bottom.white {color:#ffffff}
#location .small__text__bottom {color:#ffffff}


#section__location__one .right__box__middle__inner__special {

    position: absolute;
    top: 30%;
    left: 0;
}

#section__location__two {
    background: #483f43;

    padding-top:30px;
    padding-bottom:30px

}

#location #green__sect__wrapper { background: #f7f0ed; width:100%}

#location #green__sect {
    background: #f7f0ed; 
    width: 100%;

    width: calc(100% - 360px);
    margin: 0 180px;

}

#location .green__icons__wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;

    margin: 0 auto;
    padding: 0em 0
}

#location .green__icons__wrapper__line {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;

    margin: 0 auto;
    padding: 1em 0
}


#location .green__icon {
    text-align: center;
    padding-top: 40px
}

#location .green__icon img {
    width: 40%
}

#location .logos_section__spacer {min-height:8em}

#location .green__icon.one,
#location .green__icon.five,
#location .green__icon.nine {
    flex: 0 0 23.9%;

    margin: 2% 0.5% 4% 0.5%;
    border-bottom:0px solid #000
}

#location .line__icon.one,
#location .line__icon.five,
#location .line__icon.nine {
    flex: 0 0 23.9%;

    margin: 0% 0.5% 0% 0.5%;
    
}

#location .green__icon.two,
#location .green__icon.three,
#location .green__icon.six,
#location .green__icon.seven,
#location .green__icon.ten,
#location .green__icon.eleven
 {
    flex: 0 0 23.9%;

    margin: 2% 0.5% 4% 0.5%;
    border-bottom:0px solid #000
}

#location .line__icon.two,
#location .line__icon.three,
#location .line__icon.six,
#location .line__icon.seven,
#location .line__icon.ten,
#location .line__icon.eleven
 {
    flex: 0 0 23.9%;

    margin: 0% 0.5% 0 0.5%;
}

#location .green__icon.four,
#location .green__icon.eight,
#location .green__icon.twelve {
    flex: 0 0 23.9%;

    margin: 2% 0.5% 4% 0.5%;
}

#location .line__icon.four,
#location .line__icon.eight,
#location .line__icon.twelve {
    flex: 0 0 23.9%;

    margin: 0% 0.5% 0% 0.5%;
}

#location .icon__header {
    font-size: 1.4em;
    padding-top: 40px
}

#location .icon__sub__header {
    font-size: 0.9em;
    padding-bottom: 40px
}

#location .vertical__line__green {
    background-color: #8f8687;
    width: 1px;
    height: auto
}

#location .horizontal__line__green {
    background-color: #8f8687;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}



#section__location__one .sub__title__section__top h2 {
    font-size: 5vw;
    color: rgba(255, 255, 255, 1);
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

#section__location__one .sub__title__section__bottom h2 {
    font-size: 5vw;
    color: rgba(255, 255, 255, 1);
    font-weight: 100;
    letter-spacing: 7px;
    margin-left: 2.2em;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

#location .inner_gallery_wrapper__slide1 {display:flex; flex-wrap: wrap; width:100%}
#location .inner_gallery_wrapper__slide1 .inner_gallery_top__text {flex:0 0 30%;}
#location .inner_gallery_wrapper__slide1 .inner_gallery_top__image {flex:0 0 70%;  }
#location .inner_gallery_wrapper__slide1 .inner_gallery_top__text.right {text-align:right; padding-right:20px}

#location .inner_gallery_wrapper__slide2 {display:flex; flex-wrap: wrap; width:100%; margin-top:-8%}
#location .inner_gallery_wrapper__slide2 .inner_gallery_top__image {flex:0 0 35%;}
#location .inner_gallery_wrapper__slide2 .inner_gallery_top__text {flex:0 0 20%; margin-top:auto; padding-left:20px}

#location .inner_gallery_wrapper__slide3 {display:flex; flex-wrap: wrap; width:100%; justify-content: center;}
#location .inner_gallery_wrapper__slide3 .inner_gallery_single__image {flex:0 0 48%; background-color: #ff4400;}
#location .inner_gallery_wrapper__slide3 .inner_gallery_top__text.right {text-align:right; padding-right:20px}

#location .inner_gallery_wrapper__slide1.mobile, #location .inner_gallery_wrapper__slide2.mobile, #location .inner_gallery_wrapper__slide3.mobile, #location .inner_gallery_wrapper__slide4.mobile, #location .inner_gallery_wrapper__slide5.mobile {
    display: none
}



#location .item.mobile { display: none}

.location__gallery__caption__header {    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-size:1.2vw;
    font-style: normal;color:#ffffff; padding-bottom:10px}

    .location__gallery__caption__body {color:#ffffff; font-size:0.6vw}


#section__location__map {background:#55605e}







/*--------------------------------------------------------------
# TEAM SECTION
--------------------------------------------------------------*/

#section__team__one {
    background: #f6f0ed;


}

#section__team__one .team__section__top {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 60px 180px 60px 180px;
    position:relative;
    gap: 4%;

}

.team__section__top {display:flex; width:100%; flex-wrap: wrap;}

.team__section__module.one {flex:0 0 21%; }


.team__section__module.two {flex:0 0 21%;}
.team__section__module.two img {width:247px; height:56px; }

.team__section__module.three {flex:0 0 21%; }
.team__section__module.three img {width:180px; margin-bottom:30px}


.team__section__module.four {flex:0 0 25%; }
.team__section__module.four img {margin:0px 0 30px 0}


.team__title {    font-family: "aboreto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1.2em;
    margin-bottom:20px}

.team__company {font-family: "gothambook"; font-weight:800; font-size:1.1vw; margin-bottom:4px}


.team__name {font-size:1.1vw; font-weight:100;}
p.team__name {margin-bottom:15px}

#section__team__two {
    background: #f6f0ed;


}

#section__team__two .wrapper__section__full {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 0px 180px;
    position:relative;
}

#section__team__three {
    background: #f6f0ed;


}

#section__team__three .wrapper__section__full {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 360px);
    margin: 50px 180px 150px 180px;
    position:relative;
}

#section__team__three .wrapper__section__full .misrep p {
 font-size:12px; margin:10px 0
}

#section__team__three .wrapper__section__full .misrep p strong {
    font-weight:600
   }

#section__team__two .sub__title__section__top h2 {
    font-size: 5vw;
    font-weight: 100;
    letter-spacing: 7px;
    font-family: "aboreto", sans-serif;
    font-weight: 100;
    font-style: normal;
    color:#4A3F43
}


/* navigation menu */




#menuToggle {
    display: block;
    position: fixed;
    top: 50px;
    right: 50px;

    z-index: 9;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;

    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
* Just a quick hamburger
*/
#menuToggle span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 7px;
    position: relative;
    background: #55605e;
    border-radius: 0px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

/* 
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #ffffff;
}

/*
* But let's hide the middle one.
*/
#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked~span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
}

/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu {
    position: absolute;
    width: calc(100vw + 100px);
    margin: -100px 0 0 0;
    padding: 0px;
    padding-top: 40px;
    right: -100px;
    height: 105vh;
    background: #52605e;
    text-align: center;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(100%, 0);

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
    padding: 14px 5px;
    font-size: 3.5vw;
    font-family: "aboreto", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 5px;
}

#menu li a {
    color: #b5b6b4
}

#menu li a:hover {
    color: #ffffff
}

#menu .menu__logo__reverse {
    padding-bottom: 40px
}

#menu .menu__logo__reverse img {
    width: 200px
}


#location #menuToggle span {
 
    background: #ffffff;

}

#offices #menuToggle span {

    background: #ffffff;
}


/*
* And let's fade it in from the left
*/
#menuToggle input:checked~ul {
    transform: none;
    opacity: 1;
}



/* navigation menu */


/* ===== footer ===== */



.tl-footer {
    background-color: #d5d7cf;
    width: 100%
}

.tl-footer__green {
    background-color: #55605e;
    width: 100%
}

.tl-footer__beige {
    background-color: #f7f0ed;
    width: 100%
}




.footer_full__width {
    border-top: 1px solid #8f8687;
    background-color: #d5d7cf;
width: calc(100% - 360px);
    margin: 0 180px;
    padding: 20px 0
}


.footer_full__width__green {
    border-top: 1px solid #8f8687;
    background-color: #55605e;
width: calc(100% - 360px);
    margin: 0 180px;
    padding: 20px 0
}

.footer_full__width__beige {
    border-top: 1px solid #8f8687;
    background-color: #f7f0ed;
width: calc(100% - 360px);
    margin: 0 180px;
    padding: 20px 0
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.footer__inner ul li {
    font-family: "aboreto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.6em;
    letter-spacing: 0px;
    padding: 6px 0
}

#offices .footer__inner ul li {
    color:rgba(255, 255, 255, 1)
}

#offices .to_top__text { color:rgba(255, 255, 255, 0.7)}

.footer-left {
    flex: 0 0 15%; margin-right:2%;

}

.footer-right {
    flex: 1;
    text-align: right
}

.to_top__text {
    text-align: center;
    width: 100px
}

.button__wrapper {
    width: 100px;
    text-align: right;
    margin-left: auto
}

.up__button {
    background: url("../images/up-button.png") center center no-repeat;
    background-size: 50px;
    border: none;
    width: 100px;
    height: 50px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#offices .up__button {
    background: url("../images/up-button-white.png") center center no-repeat;
    background-size: 50px;
    border: none;
    width: 100px;
    height: 50px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}



@media only screen and (max-width: 1555px) {


    #section__team__one .team__section__top {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 360px);
        margin: 60px 180px 60px 180px;
        position: relative;
        gap: 3%;


}

.team__section__module.one {
    flex: 0 0 21%;
}

.team__section__module.two {
    flex: 0 0 28%;
}


.team__section__module.three {
    flex: 0 0 21%;
}


.team__section__module.four {
    flex: 0 0 21%;
}



}


@media only screen and (max-width: 1366px) {



    .some-style {
        background: lightgreeen
    }



}



@media only screen and (max-width: 1275px) {


    .team__section__module.one {
        flex: 0 0 21%;

    }
    
    .team__section__module.two {
        flex: 0 0 25%;

    }

    .team__section__module.two img {
        width: 210px;
        height: 48px;
    }
    
    
    .team__section__module.three {
        flex: 0 0 21%;

    }

    .team__section__module.three img {
        width: 160px;
        height: 78px;
    }


    
    
    .team__section__module.four {
        flex: 0 0 21%;

    }
    



    #section__home__one .wrapper__section__fifty {
   
        width: calc(100% - 100px);
        margin: 50px;
    }

    #section__home__two .wrapper__section__thirty {

        width: calc(100% - 100px);
        margin: 50px;
    }

    #section__home__four .wrapper__section__thirty {
    
        width: calc(100% - 100px);
        margin: 50px;
    }

    #section__home__five .wrapper__section__fifty {
    
        width: calc(100% - 100px);
        margin: 50px;
    }

    #section__home__seven .wrapper__section__fifty {

        width: calc(100% - 100px);
        margin: 50px;
    }
  

    .footer_full__width {


        width: calc(100% - 100px);
        margin: 0 50px
    }

    .footer_full__width__green {
        width: calc(100% - 100px);
        margin: 0 50px
    }


.footer_full__width__beige {
    width: calc(100% - 100px);
    margin: 0 50px
}

#location #green__sect {
    width: calc(100% - 100px);
    margin: 0 50px
}

#section__location__one .wrapper__section__fifty {

    width: calc(100% - 100px);
    margin: 0 50px
}

#section__team__one .team__section__top {

    width: calc(100% - 100px);
    margin: 0 50px;
    gap: 4%;
}

#section__team__three .wrapper__section__full {
    width: calc(100% - 100px);
    margin: 50px;
}

#section__team__two .wrapper__section__full {
    width: calc(100% - 100px);
    margin: 50px;
}

#section__offices__one .wrapper__section__fifty {

    width: calc(100% - 100px);
    margin: 50px;
}

.schedule__main__wrapper {
    width: calc(100% - 100px);
    margin: 50px;
}

#offices #dark__green__sect {
    width: calc(100% - 100px);
    margin: 50px;
}




}



@media all and (max-width:1024px) {

   



    .footer_full__width {
        border-top: 1px solid #a3aba5;
        background-color: #d5d7cf;
        width: calc(100% - 100px);
        margin: 0 50px;
        padding: 20px 0;
    }


    #section__offices__one .wrapper__section__fifty {
        width: calc(100% - 180px);
        margin: 90px;
    }

    #offices .header__spacer.tall {
        min-height: 40vh;
    }


.schedule__main__wrapper {
    width: calc(100% - 180px);
    margin: 90px;
}

#offices  .horizontal-filler {
    height: 5em;
}

#offices #dark__green__sect {
     width: calc(100% - 180px);
    margin: 90px;
}

.green__icons__wrapper {
   padding: 4em 0;
}
#location #green__sect {

        width: calc(100% - 180px);
        margin: 30px 90px;
    }

    #section__location__one .wrapper__section__fifty {

        width: calc(100% - 180px);
        margin: 90px;
    }

 #section__team__one .team__section__top {
    
    
            width: calc(100% - 100px);
            margin: 50px;
        }
    
        #section__team__two .wrapper__section__full {
     
            width: calc(100% - 120px);
            margin: 0px 60px;
        }
    
        #section__team__three .wrapper__section__full {
    
            width: calc(100% - 100px);
            margin: 40px 50px;
    
        }

        .team__section__module.one {flex: 0 0 20%;}
        .team__section__module.two {flex: 0 0 21%;}
        .team__section__module.three {flex: 0 0 25%;}
        .team__section__module.four {flex: 0 0 18%;}

    
    }




    @media only screen and (max-width: 939px) {


        .team__section__module.one {
            flex: 0 0 48%;

            margin-bottom:30px
        }
        
        .team__section__module.two {
            flex: 0 0 48%;

            margin-bottom:30px
        }
    
     
        
        
        .team__section__module.three {
            flex: 0 0 48%;

            margin-bottom:30px
        }
    
      
    
    
        
        
        .team__section__module.four {
            flex: 0 0 48%;

            margin-bottom:30px
        }
    }



@media only screen and (max-width: 768px) {
    #section__location__one .wrapper__section__fifty {
        width: calc(100% - 100px);
        margin: 50px;
    }

    #location #green__sect {
        width: calc(100% - 100px);
        margin: 0px 50px 0px 50px;
    }

    #location .green__icon.one, #location .green__icon.five, #location .green__icon.nine {
        flex: 0 0 23.8%;

    }

    #location .green__icon.two, #location .green__icon.three, #location .green__icon.six, #location .green__icon.seven, #location .green__icon.ten, #location .green__icon.eleven {
        flex: 0 0 23.8%;


    }

    #location .green__icon.two, #location .green__icon.three, #location .green__icon.six, #location .green__icon.seven, #location .green__icon.ten, #location .green__icon.eleven {
        flex: 0 0 23.8%;

    }

    #location .green__icon.four, #location .green__icon.eight, #location .green__icon.twelve {
        flex: 0 0 23.8%;

    }

    #section__team__one .team__section__top {
        width: calc(100% - 100px);
        margin: 0px 50px 0px 50px;
    }

   

    #section__team__two .wrapper__section__full {
        width: calc(100% - 100px);
        margin: 20px 50px;
    }

    #section__team__three .wrapper__section__full {
        width: calc(100% - 100px);
        margin: 50px;
    }

    #section__offices__one .wrapper__section__fifty {
        width: calc(100% - 100px);
        margin: 50px;
    }

    .schedule__main__wrapper {
        width: calc(100% - 100px);
        margin: 50px;
    }

    #offices #dark__green__sect {
        width: calc(100% - 100px);
        margin: 50px;
    }

    #offices .green__icon.one, #offices .green__icon.six {
        flex: 0 0 16%;
    }

    .plans_arrows__container {
        width: 50%;

    }
    .north_arrow img {
        width: 10%;
    }

    #section__home__three .wrapper__section__fifty {
        width: calc(100% - 100px);
        margin: -35% 50px 50px 50px;
    }
}



@media only screen and (max-width: 600px) {


    .schedule__main__wrapper {
        display: none;
  
    }
    
    .schedule__main__wrapper__mobile {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        width: calc(100% - 40px);
        margin: 0 20px;
        position:relative;
        z-index:55;
    }



    #section__home__one .wrapper__section__fifty {
     
        width: 100%;
        margin: 20px 0px 50px 0px
    }

    #section__home__two .wrapper__section__thirty {

        width: 100%;
        margin: 20px 0px;
    }


    #section__home__one .wrapper__section__fifty__left {
        flex: 0 0 100%;
        margin-right: 0%;
        margin-bottom:20px
  
    }

     .wrapper__section__fifty__right {
        flex: 0 0 100%;
    }


    .home .right__box__middle.mobile{
        display:block; 
    
    }

    .home .right__box__middle.mobile .sub__title__section__top h2,  .home .right__box__middle.mobile .sub__title__section__bottom h2 {
        display:block;
        font-size: 44px;
        letter-spacing:7px;
        margin-top: 0px;
        text-align:center;

    }

    #section__home__one .wrapper__section__fifty__right {
        flex: 0 0 100%;
    }

    #section__home__one .right__box__bottom.pad-left {padding-left: 0%; text-align:center; padding-top:20px}

    .home .right__box__top.mobile  {  display:block; }

    #section__home__four .right__box__top.mobile  {  display:block; padding-top:40px }

    #section__home__four .right__box__top.mobile .sub__title__section__top {text-align:center; padding-top:20px}

    #section__home__four .right__box__top.mobile .sub__title__section__bottom {text-align:center;}

    #section__home__four .sub__title__section__bottom h2 {

        margin-left: 0em;

    }

    .home .right__box__top.mobile .medium__text__top {text-align:center; padding:30px 40px;}

    #section__home__four .section__inner__text.mobile {text-align:center; padding:40px}

    #section__home__one .right__box__top {
  display:none
    }
    #section__home__one .right__box__middle.desktop
    {
        display:none
          }

    .medium__text__top {
        font-size: 1.1em;
        line-height: 1.4em;
    }

    .right__box__top {padding-right: 0%;}



    #section__home__one .sub__title__section__top h2 {
        font-size: 36px;
        margin-top:10px;

    }

    #section__home__one .sub__title__section__bottom h2 {
        font-size: 36px;
        margin-bottom:10px;
   
    }


    #section__home__two .sub__title__section__top h2 {
        font-size: 44px;
    }

    #section__home__two .wrapper__section__thirty__middle {
        display:none
    }


    #section__home__two .wrapper__section__thirty__left {flex: 0 0 100%; text-align:center}

#section__home__two .sub__title__section__bottom h2 {
    font-size: 44px;
    padding-bottom:0px;
    text-align:center
}

#section__home__two .wrapper__section__thirty__right {
    flex: 0 0 100%;
    padding-top:20px
}

#section__home__three .wrapper__section__fifty {
  margin-top: 0%;
  width: 100%;
  margin: 20px 0px 0px 0px
}

#section__home__two .medium__text__top.mobile {display:block}

#section__home__three .wrapper__section__thirty__left {
    flex: 0 0  100%;
    margin-right: 0%;
    text-align:center
}

#section__home__three .wrapper__section__thirty__right {
    flex: 0 0 100%;
}

#section__home__three .box__align__bottom {
display:block;
    padding-top: 0px;
    padding: 30px 0 60px 0
}

#section__home__three .caption_pic_top {
  display:none
}

.medium__text__top br {display:none}


.pad-top {
    padding-top: 0px;
}

.small__text__bottom {
    font-size: 0.8em;
    line-height: 1.4em;

}

.green__icons__wrapper {
    padding: 2em 0;
}

.green__icon.one, .green__icon.four {
    flex: 0 0 42.5%;
    margin: 1.5% 3.5% 3% 3.5%;
}

.green__icon.two, .green__icon.five {
    flex: 0 0 42.5%;
    margin: 1.5% 3.5% 3% 3.5%;
}

.green__icon.three, .green__icon.six {
    flex: 0 0 42.5%;
    margin: 1.5% 3.5% 3% 3.5%;
}

.green__icon.four {
    border-bottom: 1px solid #55605e;
}

.green__icon {
    padding-top: 20px;
}

.vertical__line__green.line__two, .vertical__line__green.line__three {display:none}
.vertical__line__green.line__six {display:block}

.icon__header {
    font-size:0.8em;
    padding-top: 20px;
}

.icon__sub__header {
    font-size:0.6em;
    padding-bottom: 20px;
}

#section__home__four .wrapper__section__thirty {
    width: 100%;
    margin: 0px 0px 0px 0px
}

#section__home__four .wrapper__section__thirty__left {
    flex: 0 100%;
    padding-top:20px


}

#section__home__four .wrapper__section__thirty__right {
    flex: 0 100%;
}

#section__home__four .section__inner__img {
    flex: 0 0 calc(100% - 30%);
    margin: 15% 15% 10% 15%;

}

#section__home__four .right__box__top.desktop {
   display:none
}

#section__home__four .section__inner__text.desktop {
    display:none
}

#section__home__four .sub__title__section__bottom h2 {
    font-size: 44px;
    padding-bottom: 0px;
}

#section__home__four .sub__title__section__top h2 {
    font-size: 44px;
}

#section__home__five .wrapper__section__fifty {
    width: 100%;
    margin: 0px 0px 0px 0px

}

#section__home__four .right__box__bottom {
    margin-top: 0px;
    padding:20px 40px 60px 40px;
    text-align:center
}

#section__home__four .caption_pic_bottom {
display:none
}

.pad-right-8 {
    padding-right: 0%;
}

.pad-left-70 {
    padding-left: 0%;
}

.pad-left-twenty {
    padding-left: 0%;
}

#section__home__five .wrapper__section__fifty__right {
    flex: 0 0 100%;
}

#section__home__five .wrapper__section__fifty__left {
    flex: 0 0 100%;
    margin-right: 0%;

}

#section__home__five .small__text__bottom {
    position: relative;
    bottom: 0px;
    font-size:0.8em;
    text-align: center;
}

#section__home__five .wrapper__section__fifty__left.desktop {display:none}


#section__home__five .wrapper__section__fifty__left.mobile {padding:60px; text-align:center;}

.pad-right-40 {
    padding-right: 0%;
}

.pad-right {
    padding-right: 0%;
    padding-top:10px
}

.pad-right-30 {
    padding-right: 0%;
}

#section__home__seven {

    padding: 1em 0 2em 0;
}

#section__home__seven .wrapper__section__fifty {
    width: 100%;
    margin: 20px 0px 50px 0px

}

#section__home__seven .wrapper__section__fifty__left {
    flex: 0 0 100%;
    margin-right: 0%;
}

#section__home__seven .sub__title__section__top h2 {
    font-size: 44px; text-align:center
}

#section__home__seven .sub__title__section__bottom h2 {
    font-size: 44px;
    padding-bottom:20px;
    text-align:center
}

#section__home__seven .section__inner__img.desktop {
display:none
}

#section__home__seven .section__inner__text {flex: 0 0 100%;text-align:center; padding:20px 40px 0px 40px}


#section__home__seven .wrapper__section__fifty__right {
    flex: 0 0 100%;
    padding-top:20px
}

#section__location__two {padding-top:0px}

#section__home__seven .left__box__top {
    flex: 0 0 100%;
    padding-right: 0%;
    padding-top:40px
}

#section__home__five .wrapper__section__fifty__left.mobile {display:block}

.footer_full__width {

    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 20px 0;
}

.footer_full__width__beige {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 20px 0;
}

.footer-left {
    flex: 0 0 40%;
    margin-right: 0%;
}

#menuToggle {

    top: 40px;
    right: 20px;


}



.main_nav {
    overflow: hidden;
}

#menu {

    width: calc(100vw + 50px);
    margin: -100px 0 0 0;
    padding: 0px;
    padding-top: 40px;
    right: -50px;
    height: 105vh;
}

#menu li {
    padding: 14px 5px;
    font-size: 1.6em;
    font-family: "aboreto", sans-serif;
    letter-spacing: 4px;
}

#section__team__three .wrapper__section__full {
    width: calc(100% - 40px);
    margin: 0 20px;
    text-align:center
}

#section__team__two .wrapper__section__full {
    width: calc(100% - 40px);
    margin: 0 20px;
}

#section__team__one .sub__title__section__top h2 {
    font-size: 36px; text-align:center; padding-bottom:20px
}

#section__team__one .team__section__top {
    width: calc(100% - 40px);
    margin: 0 20px;
}

.team__section__module.one {
    flex: 0 0 100%; text-align: center;
}

.team__company {
font-size: 1.1em;
    margin-bottom: 4px;
}

.team__name {
    font-size: 1.1em;
}

.team__section__module.two {
    flex: 0 0 100%; text-align: center;
}

.team__section__module.two img {

    padding-top: 0px;
}

.team__title {

    margin-top: 50px;
}

.team__section__module.three img {
     text-align: center;
    margin-top:60px;
    margin-bottom:10px;
    padding-bottom:30px
}

.team__section__module.three {
    flex: 0 0 100%; text-align: center;
}

.team__section__module.four {
    flex: 0 0 100%; text-align: center;
    margin-top:40px;
    margin-bottom:60px
}

.team__section__module.four img {width:80px; height:89px; margin:10px 0 35px 0}

#section__team__three .wrapper__section__full .misrep p {
    font-size: 9px;
    margin: 10px 0;
}

.misrep {margin-bottom:40px}

#section__location__one .wrapper__section__fifty {
    width: 100%;
    margin: 20px 0px 0px 0px
}

#section__location__one .wrapper__section__fifty__left {
    flex: 0 0 100%;
    margin-right: 0%;
    margin-bottom:0px
}

#section__location__one .wrapper__section__fifty__right {
    flex: 0 0 100%;
}


    #location #green__sect {
        width: calc(100% - 40px);
        margin: 0px 20px 0px 20px
    }

    #location .logos_section__spacer {
        min-height: 2em;
    }




#location .green__icon.one, #location .green__icon.five, #location .green__icon.nine {
    flex: 0 0 45%;
margin: 1% 2% 0% 2%;
    border-bottom: 1px solid #a3aba5;
}

#location .green__icon.two, #location .green__icon.three, #location .green__icon.six, #location .green__icon.seven, #location .green__icon.ten, #location .green__icon.eleven {
    flex: 0 0 45%;
    margin: 1% 2% 0% 2%;
    border-bottom: 1px solid #a3aba5;
}

#location .green__icon.four, #location .green__icon.eight, #location .green__icon.twelve {
    flex: 0 0 45%;
    margin: 1% 2% 0% 2%;
    border-bottom: 1px solid #a3aba5;
}

#location .green__icon.eleven, #location .green__icon.twelve {
   
    border-bottom: 0px solid #a3aba5;
}

#location .vertical__line__green {margin:3% 0}


#location .green__icons__wrapper__line {

    display: none;
}

#location .green__icon {
    padding: 40px 0;
}

.spacer__mobile__offices {height:26vh}

.vertical__line__green.loc__green__line__two, .vertical__line__green.loc__green__line__six, .vertical__line__green.loc__green__line__nine {display:none}

.horizontal__line__green.loc__green__line__horiz__three, .horizontal__line__green.loc__green__line__horiz__four {display:none}


#section__location__one .right__box__middle__inner__special.mobile {
    position:relative; top:0%
}


#section__location__one .right__box__middle__inner__special.mobile .sub__title__section__top.white {
    text-align:center
}

#section__location__one .right__box__middle__inner__special.mobile .sub__title__section__top.white h2 {
    font-size:42px
}

#section__location__one .right__box__middle__inner__special.mobile .sub__title__section__bottom {
 
    text-align:center

}

#section__location__one .right__box__middle__inner__special.mobile .sub__title__section__bottom h2 {
 
    margin-left: 0em;font-size:42px

}

#section__location__one .medium__text__top {padding:40px; text-align: center;}

#location .line__icon.one, #location .line__icon.two, #location .line__icon.nine {
    flex: 0 0 47%;

    margin: 0% 0.5% 0% 0.5%;
}

#location .green__icon img {
    width: 60%;
}

#location .right__box__top {
    margin-top: 0px;
    margin-bottom:20px;
}

#section__location__one .right__box__middle__inner__special {

    top: 36%;

}

.footer_full__width__green {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 20px 0;
}

#offices #dark__green__sect {
    width: calc(100% - 40px);
    margin: 20px;
}

#offices .green__icon.one {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-bottom: 1px solid #a3aba5;
}

#offices .green__icon.two, #offices .green__icon.three, #offices .green__icon.four {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-bottom: 1px solid #a3aba5;
}


#offices .green__icon.five {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-bottom: 1px solid #a3aba5;
}

#offices .green__icon.six {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-bottom: 1px solid #a3aba5;
    border-top: 0px solid #a3aba5;
}

#offices .green__icon.ten {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-top: 1px solid #a3aba5;
}

#offices .green__icons__wrapper {
    padding: 0em 0;
}


#offices .green__icon.six.desktop {
  display:none
}

#offices .green__icon.six.mobile {
    display:block
  }


  #offices .green__icon.seven, #offices .green__icon.eight, #offices .green__icon.nine {
    flex: 0 0 49.8%;
    margin: 1.5% 0% 1.5% 0%;
    border-top: 0px solid #a3aba5;
}

#offices .green__icon.nine {

    border-top: 1px solid #a3aba5;
}


#offices .occupiers__line__two, #offices .occupiers__line__four, #offices .occupiers__line__six, #offices .occupiers__line__seven {display:none}


#offices .icon__header {
    font-size: 0.8em;
    padding-top: 20px;
}

#offices .icon__sub__header {
    font-size: 0.6em;
    padding-bottom: 20px;
}

#offices #green__sect {
    width: 100%;
    width: calc(100% - 0px);
    margin: 0px;
}

#offices .horizontal-filler {
    height: 2em;
}

.plans__text__header {

    font-size: 1em;
    letter-spacing: 3px;
    padding-bottom: 5px;
    margin-left:0px
}

.plans__text__info {

    font-size: 0.7em;
    letter-spacing: 1px;
    padding-bottom: 2em;
    margin-left:0px
}


#section__offices__one .wrapper__section__fifty {
    width: calc(100% - 40px);
    margin: 40px 20px 20px 20px;
}

#section__offices__one .wrapper__section__fifty__left {
    flex: 0 0 100%;
    margin-right: 0%;
    text-align:center;

}

#offices h1.main__headline.mobile {
    padding-top:20px
}

#offices h1.main__headline {
    font-size: 36px; text-align:center; padding-bottom:20px
}

#offices .header__spacer.tall {
    min-height: 30vh;
}



.schedule__inner__mid {
display:none
}

#cycler {
    position: relative;
    padding-top:180px
}

#logo {
    width: 80px;
}

#sub_head img {
    width: 220px;
    padding-top: 15px;
}



#section__home__two .medium__text__top.mobile {
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: center;
    padding:40px
}

#section__home__three .medium__text__top {
display:none
}

#section__home__seven .small__text__bottom {
    position: relative;
    text-align:center; 
    padding:40px;
    bottom: 0;
    margin-top:20px
}

#section__home__seven .section__inner__img {
    flex: 0 0 calc(100% - 30%);
    margin: 0 15% 15%;
    text-align:center;
}

#section__home__seven .caption_pic_bottom {
    font-size: 10px;
    text-align: center;
    padding: 20px 40px;
    width: 100%;
}

#section__location__one .right__box__middle__inner__special.desktop {
display:none
}

#section__location__one .box__align__bottom.desktop {
 display:none
}

#section__location__one .box__align__bottom.mobile {
    display: block;
}

#section__location__one .box__align__bottom.mobile {
  padding:40px 40px 0px 40px; text-align: center;
}

#location .inner_gallery_wrapper__slide1.desktop {display:none}
#location .inner_gallery_wrapper__slide2.desktop {display:none}
#location .inner_gallery_wrapper__slide3.desktop {display:none}
#location .inner_gallery_wrapper__slide4.desktop {display:none}
#location .inner_gallery_wrapper__slide5.desktop {display:none}

#location .inner_gallery_wrapper__slide1.mobile {display:block}
#location .inner_gallery_wrapper__slide2.mobile {display:block}
#location .inner_gallery_wrapper__slide3.mobile {display:block}
#location .inner_gallery_wrapper__slide4.mobile {display:block}
#location .inner_gallery_wrapper__slide5.mobile {display:block}

.location__gallery__caption__header {
margin-top:20px;
    font-size: 1em;
    text-align:center


}

.location__gallery__caption__body {

    font-size: 0.8em;
    text-align:center;
    line-height:1.4em;
    padding:0px 40px
}

.location__gallery__caption__body br {
display:none

}

#location .inner_gallery_wrapper__slide3 .inner_gallery_top__text.right {padding-right:0px}

#section__location__one {

    padding-bottom: 0px;
}

.schedule__inner__left__mobile {
    flex: 0 0 100%; 
}

.schedule_white_line {width:calc(100% - 40px);  border-bottom: 1px solid rgba(255,255,255,.65); text-align:center; margin:0 auto}


.schedule__left__box.roof {flex:0 0 70%; }
.schedule__right__box.roof{flex:0 0 30%; }

.schedule__left__box.fourth{flex:0 0 70%; }
.schedule__right__box.fourth {flex:0 0 30%; }

.schedule__left__box.third{flex:0 0 70%; }
.schedule__right__box.third {flex:0 0 30%; }


.schedule__left__box.second{flex:0 0 70%; }
.schedule__right__box.second {flex:0 0 30%; }


.schedule__left__box.first{flex:0 0 70%; }
.schedule__right__box.first {flex:0 0 30%; }

.schedule__left__box.ground{flex:0 0 70%; }
.schedule__right__box.ground {flex:0 0 30%; }

.schedule__left__box.lower-ground{flex:0 0 70%; }
.schedule__right__box.lower-ground{flex:0 0 30%; }

.schedule__left__box.roof, .schedule__right__box.roof {border-top:0px solid #ffffff; border-bottom:0px solid #ffffff}
.schedule__left__box.fourth, .schedule__right__box.fourth {border-bottom:0px solid #ffffff}
.schedule__left__box.third, .schedule__right__box.third {border-bottom:0px solid #ffffff}
.schedule__left__box.second, .schedule__right__box.second {border-bottom:0px solid #ffffff}
.schedule__left__box.first, .schedule__right__box.first {border-bottom:0px solid #ffffff}
.schedule__left__box.ground, .schedule__right__box.ground {border-bottom:0px solid #ffffff}
.schedule__left__box.lower-ground, .schedule__right__box.lower-ground {border-bottom:0px solid #ffffff}

#section__offices__two {height:150vh}

.north_arrow img {
    width:15%;
    padding-bottom: 10px;
}

#offices #light__sect__plans .horizontal-filler {height:2em}

.gallery__plans__arrow {
    width: 15%;
}

.plans_arrows__container {
    width: 100%;
    padding-top:0px;
    top:40%
}

#section__home__four .section__inner__text.mobile {
    display: block;
}

#section__home__seven .section__inner__img.mobile {
    display: block;
    margin-top:15%
}


.vertical__line__green.occupiers__line__five {display:block}

#light__sect__plans #green__sect .slideshow-container .floor__plans__desktop {

display:none
}

#light__sect__plans #green__sect .slideshow-container .floor__plans__mobile {
    /* transform: rotate(90deg); 
    margin-top:190px; 
    width:150%;
 margin-left: -25%;
        position: absolute;
        left: 0; */

display:block;
width:80%; height:auto; margin:0 auto
}

.north_arrow {position:absolute; bottom:0; left:50%;  margin-left: -100px; padding-bottom:20px}

#offices .slideshow-container {height:auto}





}



.sound-toggle {
    position: absolute;
    bottom: 260px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid #000;
    z-index: 1000;
    transition: all 0.3s ease;
    padding: 0;
    will-change: bottom;
}

.sound-toggle:hover {
    transform: scale(1.1);
}

.sound-toggle img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.sound-toggle .sound-off {
    display: none;
}

.sound-toggle.muted .sound-on {
    display: none;
}

.sound-toggle.muted .sound-off {
    display: block;
}

@media only screen and (max-width: 1024px) {
    .video-container {
        position: relative;
        width: 100%;
        height: 30vh;
        overflow: hidden;
        z-index: 1;
    }
    
    .vimeo-video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }

    .video-container {
        position: relative;
        width: 100%;
        height: 56.25vw; /* 16:9 aspect ratio */
        overflow: hidden;
        z-index: 1;
        margin-top: 230px;
    }

    .video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

}


@media only screen and (max-width: 600px) {

.sound-toggle {
    position: absolute;
    bottom: 280px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid #000;
    z-index: 1000;
    transition: all 0.3s ease;
    padding: 0;
    will-change: bottom;
}
}