abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
article,aside,figure,footer,header,hgroup,nav,section{
    display:block
}
embed,img,object{
    max-width:100%
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0;
    text-decoration:none
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help
}
th{
    font-weight:700;
    vertical-align:bottom
}
td{
    font-weight:400;
    vertical-align:top
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type=radio]{
    vertical-align:text-bottom
}
input[type=checkbox]{
    vertical-align:bottom
}
input,select,textarea{
    font:99% sans-serif
}
table{
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit
}
small{
    font-size:85%
}
strong,th{
    font-weight:700
}
td,td img{
    vertical-align:top
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
code,kbd,pre,samp{
    font-family:monospace,sans-serif
}
.clickable,button,input[type=button],input[type=submit]{
    cursor:pointer
}
button,input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button
}
button,input,select,textarea{
    margin:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
.clearfix:after,.clearfix:before{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    clear:both
}
.clearfix{
    zoom:1
}
body{
    font:16px Helmet,Freesans,sans-serif
}
body,html{
    width:100%;
    height:100%
}
a,button{
    cursor:pointer;
    font-size:100%
}
button{
    border:0;
    padding:0;
    margin:0
}
*{
    box-sizing:border-box
}
body,html{
    position:relative
}
body{
    width:100vw;
    height:100%;
    overflow-x:hidden;
    overflow-y:scroll
}
body.locked{
    overflow-y:hidden
}
body.desktop{
    overscroll-behavior-y:none
}
.scroll-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh
}
.is-scrolling,.is-scrolling *{
    pointer-events:none!important
}
.anim--line{
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
    transition:transform .6s cubic-bezier(.215,.61,.355,1);
    transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)
}
.anim--split,.anim--split--childs>p{
    opacity:0;
    -webkit-font-kerning:none;
    font-kerning:none;
    -webkit-text-rendering:optimizeSpeed;
    text-rendering:optimizeSpeed;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.anim--split--childs>p--line,.anim--split--childs>p--line--parent,.anim--split--line,.anim--split--line--parent{
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.anim--arrow{
    display:inline-block;
    position:relative;
    padding-right:47px;
    overflow:hidden
}
.anim--arrow .label{
    display:inline-block
}
.anim--arrow .arrow{
    display:block;
    position:absolute;
    width:33px;
    top:50%;
    left:-66px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.desktop .anim--arrow .label{
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.desktop .anim--arrow .arrow{
    transition:left .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition:transform .3s ease-out,left .3s ease-out,opacity .3s ease-out;
    transition:transform .3s ease-out,left .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.desktop .anim--arrow:hover .label{
    transition:-webkit-transform .3s ease-out .1s;
    transition:transform .3s ease-out .1s;
    transition:transform .3s ease-out .1s,-webkit-transform .3s ease-out .1s;
    -webkit-transform:translateX(47px);
    transform:translateX(47px)
}
.desktop .anim--arrow:hover .arrow{
    opacity:1;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.anim--view,.anim--views>*{
    opacity:0
}
@-webkit-keyframes shimmy{
    0%{
        -webkit-transform:translate(0,10px);
        transform:translate(0,10px)
    }
    100%{
        -webkit-transform:translate(0,50px);
        transform:translate(0,50px)
    }
}
@keyframes shimmy{
    0%{
        -webkit-transform:translate(0,10px);
        transform:translate(0,10px)
    }
    100%{
        -webkit-transform:translate(0,50px);
        transform:translate(0,50px)
    }
}
@font-face{
    font-family:"Bebas Neue";
    src:url(../fonts/fonts-BebasNeue-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Heebo,sans-serif;
    src:url(../fonts/fonts-Heebo-VariableFont_wght.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Playfair Display",serif;
    src:url(../fonts/fonts-PlayfairDisplay-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
body{
    font-family:Heebo,sans-serif;
    font-size:18px;
    font-size:1.125rem;
    line-height:1;
    font-weight:400
}
input{
    font-family:Heebo,sans-serif
}
.text--capital{
    text-transform:uppercase
}
.text--img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:1;
    white-space:nowrap
}
.dynamic__tcontent--ftitlte,.fourseason__content-thecontent .fourseason-title,.headline-1,.landart__fcontent--title,.orange__title--primary,.orford-content__title-section--main{
    font-size:2.5rem;
    line-height:.76;
    font-weight:400;
    letter-spacing:0
}
@media all and (max-width:2440px){
    .dynamic__tcontent--ftitlte,.fourseason__content-thecontent .fourseason-title,.headline-1,.landart__fcontent--title,.orange__title--primary,.orford-content__title-section--main{
        font-size:2.5rem;
        line-height:.76
    }
}
@media all and (max-width:480px){
    .dynamic__tcontent--ftitlte,.fourseason__content-thecontent .fourseason-title,.headline-1,.landart__fcontent--title,.orange__title--primary,.orford-content__title-section--main{
        font-size:35px;
        font-size:2.1875rem;
        line-height:1
    }
}
.headline-2,.orange__fcontent--title,.orange__title--secondary,.orford-content__title-section--second{
    font-size:2.5rem;
    line-height:calc(140/160);
    font-weight:400;
    letter-spacing:.02rem
}
@media all and (max-width:1440px){
    .headline-2,.orange__fcontent--title,.orange__title--secondary,.orford-content__title-section--second{
        font-size:38px;
        font-size:2.375rem;
        line-height:1
    }
}
@media all and (max-width:480px){
    .headline-2,.orange__fcontent--title,.orange__title--secondary,.orford-content__title-section--second{
        font-size:28px;
        font-size:1.75rem
    }
}
.headline-3,.hero__content--title{
    font-size:27px;
    font-size:1.6875rem;
    line-height:1.2;
    font-weight:400
}
@media all and (max-width:1440px){
    .headline-3,.hero__content--title{
        font-size:27px;
        font-size:1.6875rem
    }
}
@media all and (max-width:480px){
    .headline-3,.hero__content--title{
        font-size:20px;
        font-size:1.25rem
    }
}
.headline-4{
    font-size:24px;
    font-size:1.5rem;
    line-height:1;
    font-weight:400
}
@media all and (max-width:1440px){
    .headline-4{
        font-size:24px;
        font-size:1.5rem
    }
}
@media all and (max-width:480px){
    .headline-4{
        font-size:18px;
        font-size:1.125rem;
        line-height:calc(43/36)
    }
}
#site-header .site-logo--title,.headline-5{
    font-size:22px;
    font-size:1.375rem;
    line-height:1
}
@media all and (max-width:1440px){
    #site-header .site-logo--title,.headline-5{
        font-size:16px;
        font-size:1rem
    }
}
.body-1,.dynamic__tcontent--fcontent,.footer__newsletter .infos--one,.footer__newsletter .infos--second,.fourseason__content-thecontent .fourseason-text,.hero__content--text,.landart__fcontent--content,.landart__scontent--content,.orange__fcontent--text,.orange__scontent--text,.orford-content__content-section{
    font-size:21px;
    font-size:1.3125rem;
    line-height:1.3;
    font-weight:400;
    letter-spacing:.035rem
}
@media all and (max-width:1440px){
    .body-1,.dynamic__tcontent--fcontent,.footer__newsletter .infos--one,.footer__newsletter .infos--second,.fourseason__content-thecontent .fourseason-text,.hero__content--text,.landart__fcontent--content,.landart__scontent--content,.orange__fcontent--text,.orange__scontent--text,.orford-content__content-section{
        font-size:16px;
        font-size:1rem;
        line-height:1.3;
        letter-spacing:.035rem
    }
}
.body-2,.dynamic__tcontent--scontent,.dynamic__tcontent--tcontent,.footer-partner__title,.footer__title{
    font-size:19px;
    font-size:1.1875rem;
    line-height:calc(18/16);
    font-weight:400
}
@media all and (max-width:1440px){
    .body-2,.dynamic__tcontent--scontent,.dynamic__tcontent--tcontent,.footer-partner__title,.footer__title{
        font-size:14px;
        font-size:.875rem;
        line-height:calc(16/14)
    }
}
.body-3--lh{
    font-size:16px;
    font-size:1rem;
    line-height:calc(28/14);
    font-weight:400
}
@media all and (max-width:1440px){
    .body-3--lh{
        font-size:12px;
        font-size:.75rem;
        line-height:calc(24/12)
    }
}
.body-3--lh--heavy{
    font-weight:900
}
.artist,.body-3{
    font-size:14px;
    font-size:.875rem;
    line-height:calc(16/14);
    font-weight:400
}
@media all and (max-width:1440px){
    .artist,.body-3{
        font-size:12px;
        font-size:.75rem;
        line-height:calc(14/12)
    }
}
.wrapper{
    width:100%;
    margin:0 auto;
    max-width:1440px;
    padding:0 100px
}
@media all and (max-width:1440px){
    .wrapper{
        max-width:1440px;
        padding:0 75px
    }
}
@media all and (max-width:1280px){
    .wrapper{
        max-width:1024px;
        padding:0 50px
    }
}
@media all and (max-width:979px){
    .wrapper{
        max-width:768px;
        padding:0 30px
    }
}
.wrapper--full{
    max-width:none;
    padding:0
}
.row{
    margin-left:-15px;
    margin-right:-15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.row+.row{
    margin-top:75px
}
.row--h-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.row--h-end{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.row--h-around{
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.row--h-between{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.row--v-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.row--v-end{
    -webkit-box-align:end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end
}
.row--v-stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -ms-grid-row-align:stretch;
    align-items:stretch
}
.row--center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.row--column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.row--nowrap{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.row--reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.col-1{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 1/12)
}
.ie .col-1{
    width:8%
}
.offset-1{
    margin-left:calc(100% * 1/12)
}
.ie .offset-1{
    margin-left:8%
}
.col-2{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 2/12)
}
.ie .col-2{
    width:17%
}
.offset-2{
    margin-left:calc(100% * 2/12)
}
.ie .offset-2{
    margin-left:17%
}
.col-3{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 3/12)
}
.ie .col-3{
    width:25%
}
.offset-3{
    margin-left:calc(100% * 3/12)
}
.ie .offset-3{
    margin-left:25%
}
.col-4{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 4/12)
}
.ie .col-4{
    width:33%
}
.offset-4{
    margin-left:calc(100% * 4/12)
}
.ie .offset-4{
    margin-left:33%
}
.col-5{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 5/12)
}
.ie .col-5{
    width:42%
}
.offset-5{
    margin-left:calc(100% * 5/12)
}
.ie .offset-5{
    margin-left:42%
}
.col-6{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 6/12)
}
.ie .col-6{
    width:50%
}
.offset-6{
    margin-left:calc(100% * 6/12)
}
.ie .offset-6{
    margin-left:50%
}
.col-7{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 7/12)
}
.ie .col-7{
    width:58%
}
.offset-7{
    margin-left:calc(100% * 7/12)
}
.ie .offset-7{
    margin-left:58%
}
.col-8{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 8/12)
}
.ie .col-8{
    width:67%
}
.offset-8{
    margin-left:calc(100% * 8/12)
}
.ie .offset-8{
    margin-left:67%
}
.col-9{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 9/12)
}
.ie .col-9{
    width:75%
}
.offset-9{
    margin-left:calc(100% * 9/12)
}
.ie .offset-9{
    margin-left:75%
}
.col-10{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 10/12)
}
.ie .col-10{
    width:83%
}
.offset-10{
    margin-left:calc(100% * 10/12)
}
.ie .offset-10{
    margin-left:83%
}
.col-11{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 11/12)
}
.ie .col-11{
    width:92%
}
.offset-11{
    margin-left:calc(100% * 11/12)
}
.ie .offset-11{
    margin-left:92%
}
.col-12{
    padding-left:15px;
    padding-right:15px;
    width:calc(100% * 12/12)
}
.ie .col-12{
    width:100%
}
.offset-12{
    margin-left:calc(100% * 12/12)
}
.ie .offset-12{
    margin-left:100%
}
@media screen and (max-width:1280px){
    .col-desktop-1{
        width:calc(100% * 1/12)
    }
    .ie .col-desktop-1{
        width:8%
    }
    .offset-desktop-1{
        margin-left:calc(100% * 1/12)
    }
    .ie .offset-desktop-1{
        margin-left:8%
    }
    .col-desktop-2{
        width:calc(100% * 2/12)
    }
    .ie .col-desktop-2{
        width:17%
    }
    .offset-desktop-2{
        margin-left:calc(100% * 2/12)
    }
    .ie .offset-desktop-2{
        margin-left:17%
    }
    .col-desktop-3{
        width:calc(100% * 3/12)
    }
    .ie .col-desktop-3{
        width:25%
    }
    .offset-desktop-3{
        margin-left:calc(100% * 3/12)
    }
    .ie .offset-desktop-3{
        margin-left:25%
    }
    .col-desktop-4{
        width:calc(100% * 4/12)
    }
    .ie .col-desktop-4{
        width:33%
    }
    .offset-desktop-4{
        margin-left:calc(100% * 4/12)
    }
    .ie .offset-desktop-4{
        margin-left:33%
    }
    .col-desktop-5{
        width:calc(100% * 5/12)
    }
    .ie .col-desktop-5{
        width:42%
    }
    .offset-desktop-5{
        margin-left:calc(100% * 5/12)
    }
    .ie .offset-desktop-5{
        margin-left:42%
    }
    .col-desktop-6{
        width:calc(100% * 6/12)
    }
    .ie .col-desktop-6{
        width:50%
    }
    .offset-desktop-6{
        margin-left:calc(100% * 6/12)
    }
    .ie .offset-desktop-6{
        margin-left:50%
    }
    .col-desktop-7{
        width:calc(100% * 7/12)
    }
    .ie .col-desktop-7{
        width:58%
    }
    .offset-desktop-7{
        margin-left:calc(100% * 7/12)
    }
    .ie .offset-desktop-7{
        margin-left:58%
    }
    .col-desktop-8{
        width:calc(100% * 8/12)
    }
    .ie .col-desktop-8{
        width:67%
    }
    .offset-desktop-8{
        margin-left:calc(100% * 8/12)
    }
    .ie .offset-desktop-8{
        margin-left:67%
    }
    .col-desktop-9{
        width:calc(100% * 9/12)
    }
    .ie .col-desktop-9{
        width:75%
    }
    .offset-desktop-9{
        margin-left:calc(100% * 9/12)
    }
    .ie .offset-desktop-9{
        margin-left:75%
    }
    .col-desktop-10{
        width:calc(100% * 10/12)
    }
    .ie .col-desktop-10{
        width:83%
    }
    .offset-desktop-10{
        margin-left:calc(100% * 10/12)
    }
    .ie .offset-desktop-10{
        margin-left:83%
    }
    .col-desktop-11{
        width:calc(100% * 11/12)
    }
    .ie .col-desktop-11{
        width:92%
    }
    .offset-desktop-11{
        margin-left:calc(100% * 11/12)
    }
    .ie .offset-desktop-11{
        margin-left:92%
    }
    .col-desktop-12{
        width:calc(100% * 12/12)
    }
    .ie .col-desktop-12{
        width:100%
    }
    .offset-desktop-12{
        margin-left:calc(100% * 12/12)
    }
    .ie .offset-desktop-12{
        margin-left:100%
    }
    .offset-desktop-0{
        margin-left:0
    }
}
@media screen and (max-width:1024px){
    .col-tabletH-1{
        width:calc(100% * 1/12)
    }
    .ie .col-tabletH-1{
        width:8%
    }
    .offset-tabletH-1{
        margin-left:calc(100% * 1/12)
    }
    .ie .offset-tabletH-1{
        margin-left:8%
    }
    .col-tabletH-2{
        width:calc(100% * 2/12)
    }
    .ie .col-tabletH-2{
        width:17%
    }
    .offset-tabletH-2{
        margin-left:calc(100% * 2/12)
    }
    .ie .offset-tabletH-2{
        margin-left:17%
    }
    .col-tabletH-3{
        width:calc(100% * 3/12)
    }
    .ie .col-tabletH-3{
        width:25%
    }
    .offset-tabletH-3{
        margin-left:calc(100% * 3/12)
    }
    .ie .offset-tabletH-3{
        margin-left:25%
    }
    .col-tabletH-4{
        width:calc(100% * 4/12)
    }
    .ie .col-tabletH-4{
        width:33%
    }
    .offset-tabletH-4{
        margin-left:calc(100% * 4/12)
    }
    .ie .offset-tabletH-4{
        margin-left:33%
    }
    .col-tabletH-5{
        width:calc(100% * 5/12)
    }
    .ie .col-tabletH-5{
        width:42%
    }
    .offset-tabletH-5{
        margin-left:calc(100% * 5/12)
    }
    .ie .offset-tabletH-5{
        margin-left:42%
    }
    .col-tabletH-6{
        width:calc(100% * 6/12)
    }
    .ie .col-tabletH-6{
        width:50%
    }
    .offset-tabletH-6{
        margin-left:calc(100% * 6/12)
    }
    .ie .offset-tabletH-6{
        margin-left:50%
    }
    .col-tabletH-7{
        width:calc(100% * 7/12)
    }
    .ie .col-tabletH-7{
        width:58%
    }
    .offset-tabletH-7{
        margin-left:calc(100% * 7/12)
    }
    .ie .offset-tabletH-7{
        margin-left:58%
    }
    .col-tabletH-8{
        width:calc(100% * 8/12)
    }
    .ie .col-tabletH-8{
        width:67%
    }
    .offset-tabletH-8{
        margin-left:calc(100% * 8/12)
    }
    .ie .offset-tabletH-8{
        margin-left:67%
    }
    .col-tabletH-9{
        width:calc(100% * 9/12)
    }
    .ie .col-tabletH-9{
        width:75%
    }
    .offset-tabletH-9{
        margin-left:calc(100% * 9/12)
    }
    .ie .offset-tabletH-9{
        margin-left:75%
    }
    .col-tabletH-10{
        width:calc(100% * 10/12)
    }
    .ie .col-tabletH-10{
        width:83%
    }
    .offset-tabletH-10{
        margin-left:calc(100% * 10/12)
    }
    .ie .offset-tabletH-10{
        margin-left:83%
    }
    .col-tabletH-11{
        width:calc(100% * 11/12)
    }
    .ie .col-tabletH-11{
        width:92%
    }
    .offset-tabletH-11{
        margin-left:calc(100% * 11/12)
    }
    .ie .offset-tabletH-11{
        margin-left:92%
    }
    .col-tabletH-12{
        width:calc(100% * 12/12)
    }
    .ie .col-tabletH-12{
        width:100%
    }
    .offset-tabletH-12{
        margin-left:calc(100% * 12/12)
    }
    .ie .offset-tabletH-12{
        margin-left:100%
    }
    .offset-tabletH-0{
        margin-left:0
    }
}
@media screen and (max-width:979px){
    .col-tablet-1{
        width:calc(100% * 1/12)
    }
    .ie .col-tablet-1{
        width:8%
    }
    .offset-tablet-1{
        margin-left:calc(100% * 1/12)
    }
    .ie .offset-tablet-1{
        margin-left:8%
    }
    .col-tablet-2{
        width:calc(100% * 2/12)
    }
    .ie .col-tablet-2{
        width:17%
    }
    .offset-tablet-2{
        margin-left:calc(100% * 2/12)
    }
    .ie .offset-tablet-2{
        margin-left:17%
    }
    .col-tablet-3{
        width:calc(100% * 3/12)
    }
    .ie .col-tablet-3{
        width:25%
    }
    .offset-tablet-3{
        margin-left:calc(100% * 3/12)
    }
    .ie .offset-tablet-3{
        margin-left:25%
    }
    .col-tablet-4{
        width:calc(100% * 4/12)
    }
    .ie .col-tablet-4{
        width:33%
    }
    .offset-tablet-4{
        margin-left:calc(100% * 4/12)
    }
    .ie .offset-tablet-4{
        margin-left:33%
    }
    .col-tablet-5{
        width:calc(100% * 5/12)
    }
    .ie .col-tablet-5{
        width:42%
    }
    .offset-tablet-5{
        margin-left:calc(100% * 5/12)
    }
    .ie .offset-tablet-5{
        margin-left:42%
    }
    .col-tablet-6{
        width:calc(100% * 6/12)
    }
    .ie .col-tablet-6{
        width:50%
    }
    .offset-tablet-6{
        margin-left:calc(100% * 6/12)
    }
    .ie .offset-tablet-6{
        margin-left:50%
    }
    .col-tablet-7{
        width:calc(100% * 7/12)
    }
    .ie .col-tablet-7{
        width:58%
    }
    .offset-tablet-7{
        margin-left:calc(100% * 7/12)
    }
    .ie .offset-tablet-7{
        margin-left:58%
    }
    .col-tablet-8{
        width:calc(100% * 8/12)
    }
    .ie .col-tablet-8{
        width:67%
    }
    .offset-tablet-8{
        margin-left:calc(100% * 8/12)
    }
    .ie .offset-tablet-8{
        margin-left:67%
    }
    .col-tablet-9{
        width:calc(100% * 9/12)
    }
    .ie .col-tablet-9{
        width:75%
    }
    .offset-tablet-9{
        margin-left:calc(100% * 9/12)
    }
    .ie .offset-tablet-9{
        margin-left:75%
    }
    .col-tablet-10{
        width:calc(100% * 10/12)
    }
    .ie .col-tablet-10{
        width:83%
    }
    .offset-tablet-10{
        margin-left:calc(100% * 10/12)
    }
    .ie .offset-tablet-10{
        margin-left:83%
    }
    .col-tablet-11{
        width:calc(100% * 11/12)
    }
    .ie .col-tablet-11{
        width:92%
    }
    .offset-tablet-11{
        margin-left:calc(100% * 11/12)
    }
    .ie .offset-tablet-11{
        margin-left:92%
    }
    .col-tablet-12{
        width:calc(100% * 12/12)
    }
    .ie .col-tablet-12{
        width:100%
    }
    .offset-tablet-12{
        margin-left:calc(100% * 12/12)
    }
    .ie .offset-tablet-12{
        margin-left:100%
    }
    .offset-tabletW-0{
        margin-left:0
    }
}
@media screen and (max-width:768px){
    .col-tabletW-1{
        width:calc(100% * 1/12)
    }
    .ie .col-tabletW-1{
        width:8%
    }
    .offset-tabletW-1{
        margin-left:calc(100% * 1/12)
    }
    .ie .offset-tabletW-1{
        margin-left:8%
    }
    .col-tabletW-2{
        width:calc(100% * 2/12)
    }
    .ie .col-tabletW-2{
        width:17%
    }
    .offset-tabletW-2{
        margin-left:calc(100% * 2/12)
    }
    .ie .offset-tabletW-2{
        margin-left:17%
    }
    .col-tabletW-3{
        width:calc(100% * 3/12)
    }
    .ie .col-tabletW-3{
        width:25%
    }
    .offset-tabletW-3{
        margin-left:calc(100% * 3/12)
    }
    .ie .offset-tabletW-3{
        margin-left:25%
    }
    .col-tabletW-4{
        width:calc(100% * 4/12)
    }
    .ie .col-tabletW-4{
        width:33%
    }
    .offset-tabletW-4{
        margin-left:calc(100% * 4/12)
    }
    .ie .offset-tabletW-4{
        margin-left:33%
    }
    .col-tabletW-5{
        width:calc(100% * 5/12)
    }
    .ie .col-tabletW-5{
        width:42%
    }
    .offset-tabletW-5{
        margin-left:calc(100% * 5/12)
    }
    .ie .offset-tabletW-5{
        margin-left:42%
    }
    .col-tabletW-6{
        width:calc(100% * 6/12)
    }
    .ie .col-tabletW-6{
        width:50%
    }
    .offset-tabletW-6{
        margin-left:calc(100% * 6/12)
    }
    .ie .offset-tabletW-6{
        margin-left:50%
    }
    .col-tabletW-7{
        width:calc(100% * 7/12)
    }
    .ie .col-tabletW-7{
        width:58%
    }
    .offset-tabletW-7{
        margin-left:calc(100% * 7/12)
    }
    .ie .offset-tabletW-7{
        margin-left:58%
    }
    .col-tabletW-8{
        width:calc(100% * 8/12)
    }
    .ie .col-tabletW-8{
        width:67%
    }
    .offset-tabletW-8{
        margin-left:calc(100% * 8/12)
    }
    .ie .offset-tabletW-8{
        margin-left:67%
    }
    .col-tabletW-9{
        width:calc(100% * 9/12)
    }
    .ie .col-tabletW-9{
        width:75%
    }
    .offset-tabletW-9{
        margin-left:calc(100% * 9/12)
    }
    .ie .offset-tabletW-9{
        margin-left:75%
    }
    .col-tabletW-10{
        width:calc(100% * 10/12)
    }
    .ie .col-tabletW-10{
        width:83%
    }
    .offset-tabletW-10{
        margin-left:calc(100% * 10/12)
    }
    .ie .offset-tabletW-10{
        margin-left:83%
    }
    .col-tabletW-11{
        width:calc(100% * 11/12)
    }
    .ie .col-tabletW-11{
        width:92%
    }
    .offset-tabletW-11{
        margin-left:calc(100% * 11/12)
    }
    .ie .offset-tabletW-11{
        margin-left:92%
    }
    .col-tabletW-12{
        width:calc(100% * 12/12)
    }
    .ie .col-tabletW-12{
        width:100%
    }
    .offset-tabletW-12{
        margin-left:calc(100% * 12/12)
    }
    .ie .offset-tabletW-12{
        margin-left:100%
    }
    .offset-tabletW-0{
        margin-left:0
    }
}
@media screen and (max-width:480px){
    .col-mobile-1{
        width:calc(100% * 1/12)
    }
    .ie .col-mobile-1{
        width:8%
    }
    .offset-mobile-1{
        margin-left:calc(100% * 1/12)
    }
    .ie .offset-mobile-1{
        margin-left:8%
    }
    .col-mobile-2{
        width:calc(100% * 2/12)
    }
    .ie .col-mobile-2{
        width:17%
    }
    .offset-mobile-2{
        margin-left:calc(100% * 2/12)
    }
    .ie .offset-mobile-2{
        margin-left:17%
    }
    .col-mobile-3{
        width:calc(100% * 3/12)
    }
    .ie .col-mobile-3{
        width:25%
    }
    .offset-mobile-3{
        margin-left:calc(100% * 3/12)
    }
    .ie .offset-mobile-3{
        margin-left:25%
    }
    .col-mobile-4{
        width:calc(100% * 4/12)
    }
    .ie .col-mobile-4{
        width:33%
    }
    .offset-mobile-4{
        margin-left:calc(100% * 4/12)
    }
    .ie .offset-mobile-4{
        margin-left:33%
    }
    .col-mobile-5{
        width:calc(100% * 5/12)
    }
    .ie .col-mobile-5{
        width:42%
    }
    .offset-mobile-5{
        margin-left:calc(100% * 5/12)
    }
    .ie .offset-mobile-5{
        margin-left:42%
    }
    .col-mobile-6{
        width:calc(100% * 6/12)
    }
    .ie .col-mobile-6{
        width:50%
    }
    .offset-mobile-6{
        margin-left:calc(100% * 6/12)
    }
    .ie .offset-mobile-6{
        margin-left:50%
    }
    .col-mobile-7{
        width:calc(100% * 7/12)
    }
    .ie .col-mobile-7{
        width:58%
    }
    .offset-mobile-7{
        margin-left:calc(100% * 7/12)
    }
    .ie .offset-mobile-7{
        margin-left:58%
    }
    .col-mobile-8{
        width:calc(100% * 8/12)
    }
    .ie .col-mobile-8{
        width:67%
    }
    .offset-mobile-8{
        margin-left:calc(100% * 8/12)
    }
    .ie .offset-mobile-8{
        margin-left:67%
    }
    .col-mobile-9{
        width:calc(100% * 9/12)
    }
    .ie .col-mobile-9{
        width:75%
    }
    .offset-mobile-9{
        margin-left:calc(100% * 9/12)
    }
    .ie .offset-mobile-9{
        margin-left:75%
    }
    .col-mobile-10{
        width:calc(100% * 10/12)
    }
    .ie .col-mobile-10{
        width:83%
    }
    .offset-mobile-10{
        margin-left:calc(100% * 10/12)
    }
    .ie .offset-mobile-10{
        margin-left:83%
    }
    .col-mobile-11{
        width:calc(100% * 11/12)
    }
    .ie .col-mobile-11{
        width:92%
    }
    .offset-mobile-11{
        margin-left:calc(100% * 11/12)
    }
    .ie .offset-mobile-11{
        margin-left:92%
    }
    .col-mobile-12{
        width:calc(100% * 12/12)
    }
    .ie .col-mobile-12{
        width:100%
    }
    .offset-mobile-12{
        margin-left:calc(100% * 12/12)
    }
    .ie .offset-mobile-12{
        margin-left:100%
    }
    .offset-mobile-0{
        margin-left:0
    }
}
button{
    background-color:transparent
}
section[data-background=cyan]{
    background-color:#7dd3bc
}
a{
    color:inherit
}
@media all and (min-width:1025px){
    .hide--desktop{
        display:none!important
    }
}
@media all and (max-width:1024px){
    .hide--tabletH{
        display:none!important
    }
}
@media all and (max-width:979px){
    .hide--tablet{
        display:none!important
    }
}
@media all and (min-width:980px){
    .hide--from-tablet{
        display:none!important
    }
}
@media all and (max-width:480px){
    .hide--mobile{
        display:none!important
    }
}
.scroll{
    position:relative;
    height:75px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.scroll--arrow{
    position:absolute;
    width:20px;
    height:100%;
    -webkit-animation:shimmy 3s infinite;
    animation:shimmy 3s infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.scroll--dots{
    width:75px;
    height:100%
}
.scroll--dots svg{
    width:100%;
    height:100px
}
#site-header{
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff
}
#site-header .site-logo{
    -ms-flex-item-align:center;
    align-self:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:30px;
    max-width:45%
}
#site-header .site-logo img{
    height:100%
}
#site-header .site-logo--title{
    font-family:"Bebas Neue";
    text-transform:uppercase;
    font-size:38px;
    color:#746e65
}
#site-header .social-media{
    -ms-flex-item-align:center;
    align-self:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:30px;
    min-height:30px;
    max-width:45%
}
#site-header .social-media__facebook,#site-header .social-media__instagram{
    width:30px;
    height:30px
}
#site-header .social-media__facebook{
    margin-right:20%
}
#site-header .site-header__top{
    margin:0 auto;
    width:100%;
    max-width:1440px;
    padding:0 100px
}
@media all and (max-width:1440px){
    #site-header .site-header__top{
        max-width:100%;
        padding:0 50px
    }
}
@media all and (max-width:1280px){
    #site-header .site-header__top{
        padding:0
    }
}
#site-header .site-header__top--bar{
    height:80px;
    background:#fff;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-left:18px;
    padding-right:18px
}
@media all and (max-width:1024px){
    #site-header .site-header__top--bar{
        padding-left:15px;
        padding-right:15px
    }
}
@media all and (max-width:480px){
    #site-header .site-header__top--bar{
        height:90px;
        padding-left:20px;
        padding-right:20px
    }
}
#site-footer{
    background-color:#fff
}
#site-footer .logo-list{
    padding-bottom:40px
}
@media all and (max-width:768px){
    #site-footer .newsletter{
        margin-bottom:40px
    }
}
@media all and (max-width:480px){
    #site-footer .row+.row{
        margin-top:40px
    }
}
.ffirst-section{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
@media all and (max-width:979px){
    .ffirst-section{
        margin-bottom:4rem;
        padding-bottom:2rem;
        border-bottom:1px solid #746e65
    }
}
.footer{
    padding:10rem 0 3rem 0
}
@media all and (max-width:979px){
    .footer{
        padding:7rem 0 3rem 0
    }
}
.footer__logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:75px
}
.footer__logo svg{
    width:80%
}
@media all and (max-width:979px){
    .footer__logo svg{
        width:315px;
        height:100%
    }
}
.footer__social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:100px
}
.footer__social .facebook-footer{
    width:35px;
    height:35px;
    margin-right:1.5rem;
    transition:opacity .3s ease-in-out
}
.footer__social .facebook-footer:focus,.footer__social .facebook-footer:hover{
    opacity:.8;
    transition:opacity .3s ease-in-out
}
.footer__social .instagram-footer{
    width:35px;
    height:35px
}
.footer__social .instagram-footer:focus,.footer__social .instagram-footer:hover{
    opacity:.8;
    transition:opacity .3s ease-in-out
}
.footer__title{
    font-family:Heebo,sans-serif;
    color:#787469;
    margin-bottom:1.5rem
}
.footer__wrapper{
    padding-left:2rem
}
@media all and (max-width:1280px){
    .footer__wrapper{
        padding-left:1rem
    }
}
@media all and (max-width:979px){
    .footer__wrapper{
        padding-left:0
    }
}
.footer__newsletter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.footer__newsletter #mc_embed_signup{
    width:100%
}
.footer__newsletter #mc_embed_signup .mc-field-group{
    width:100%;
    margin:0
}
.footer__newsletter #mc_embed_signup .clear{
    text-align:center
}
.footer__newsletter #mc-embedded-subscribe-form{
    padding:0
}
.footer__newsletter #mc_embed_signup .button{
    margin:0 auto;
    height:42px;
    text-transform:uppercase
}
.footer__newsletter #mc_embed_signup #mce-success-response{
    width:100%
}
.footer__newsletter .content-infos{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:1.5rem
}
.footer__newsletter .letter-footer{
    display:inline-block;
    width:40px;
    height:40px;
    margin-bottom:.5rem
}
.footer__newsletter .letter-footer svg{
    width:100%;
    height:100%
}
.footer__newsletter .infos--one{
    text-transform:uppercase;
    font-family:Heebo,sans-serif;
    font-weight:700;
    color:#746e65
}
.footer__newsletter .infos--second{
    font-family:Heebo,sans-serif;
    color:#746e65
}
.footer-partner__title{
    font-family:Heebo,sans-serif;
    color:#787469
}
.createby{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    transition:opacity .3s ease-in-out
}
.createby--logo{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media all and (max-width:1280px){
    .createby--logo{
        width:150px
    }
}
.createby:focus,.createby:hover{
    opacity:.8;
    transition:opacity .3s ease-in-out
}
.artist{
    font-family:Heebo,sans-serif;
    color:#787469;
    margin-bottom:1rem;
    line-height:1.2
}
.artist strong{
    text-transform:uppercase
}
.artist span{
    display:block
}
.finance{
    padding-left:3rem
}
@media all and (max-width:1024px){
    .finance{
        margin-top:5rem;
        padding-left:0
    }
}
.finance img{
    width:90%
}
.partner-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.partner-list__item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:20%;
    height:115px;
    margin-right:35px;
    transition:all .3s ease-in-out;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
@media all and (max-width:979px){
    .partner-list__item{
        width:150px;
        margin-right:1.3rem
    }
}
@media all and (max-width:480px){
    .partner-list__item{
        width:115px;
        margin-right:8.5%
    }
}
.partner-list__item img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.partner-list__item:focus,.partner-list__item:hover{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    transition:all .3s ease-in-out
}
.orford{
    position:relative;
    height:100%;
    background-color:#746e65;
    padding-top:7.5rem;
    padding-bottom:4rem;
    overflow:hidden
}
@media all and (max-width:1024px){
    .orford{
        padding-top:4.5rem;
        padding-bottom:3.5rem
    }
}
@media all and (max-width:979px){
    .orford{
        padding-top:3rem;
        padding-bottom:2rem
    }
}
.orford .scroll{
    margin-top:200px
}
@media all and (max-width:1280px){
    .orford .scroll{
        margin-top:175px
    }
}
@media all and (max-width:1024px){
    .orford .scroll{
        display:none
    }
}
.orford-content{
    position:relative
}
.orford-content__title-section{
    margin-bottom:2.5rem
}
.orford-content__title-section--main{
    font-family:"Bebas Neue";
    color:#fff
}
.orford-content__title-section--second{
    font-family:"Bebas Neue";
    color:#fff
}
.orford-content__content-section{
    color:#fff;
    font-weight:100
}
@media all and (max-width:979px){
    .orford-content__content-section{
        margin-bottom:3rem
    }
}
.orford-content__content-section p{
	text-align: justify;
	text-justify: inter-word;
    font-size:1.26rem;
    margin-bottom:1rem
}
@media all and (max-width:1024px){
    .orford-content__content-section p{
        font-size:1rem
    }
}
@media all and (max-width:768px){
    .orford-content__content-section p{
        font-size:.875rem
    }
}
.orford-bg{
    position:absolute;
    top:0;
    right:0;
    height:100%
}
@media all and (max-width:1024px){
    .orford-bg{
        position:relative;
        height:100vh
    }
}
@media all and (max-width:768px){
    .orford-bg{
        height:auto
    }
}
.orford-bg__picture{
    position:relative;
    left:200px
}
@media all and (max-width:768px){
    .orford-bg__picture{
        left:150px
    }
}
.orford-bg__picture .orford-picture{
    width:1024px;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media all and (max-width:1024px){
    .orford-bg__picture .orford-picture{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
}
@media all and (max-width:768px){
    .orford-bg__picture .orford-picture{
        -webkit-transform:inherit;
        transform:inherit
    }
}
.orford-bg__big-picture{
    position:relative;
    height:100%;
    -webkit-clip-path:polygon(100% 0,49% 100%,0 0);
    clip-path:polygon(100% 0,49% 100%,0 0)
}
.orford-bg__big-picture .big-pictures{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.orford-bg__sml-picture{
    position:relative;
    -webkit-clip-path:polygon(49% 0,100% 100%,0 100%);
    clip-path:polygon(49% 0,100% 100%,0 100%)
}
.orford-bg__sml-picture .small-pictures{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.fourseason{
    -webkit-perspective:1px;
    perspective:1px;
    height:100vh;
    padding:10rem 0;
    perspective:1px;
    overflow-y:auto;
    overflow-x:hidden
}
@media all and (max-width:979px){
    .fourseason{
        padding:5rem 0
    }
}
.fourseason__content{
    padding-right:100px
}
@media all and (max-width:979px){
    .fourseason__content{
        padding-right:0;
        padding-left:0
    }
}
.fourseason .wrapper{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.fourseason__bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.fourseason__content-icon{
    width:30%;
    height:100%;
    margin-left:18%;
    margin-bottom:3rem
}
@media all and (max-width:1280px){
    .fourseason__content-icon{
        width:150px
    }
}
@media all and (max-width:979px){
    .fourseason__content-icon{
        width:100px;
        margin-bottom:1rem
    }
}
.fourseason__content-icon svg{
    width:80%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.fourseason__content-thecontent .fourseason-title{
    font-family:"Bebas Neue";
    color:#fff;
    margin-bottom:1rem
}
.fourseason__content-thecontent .fourseason-text{
    color:#fff
}
@media all and (max-width:979px){
    .fourseason__content-thecontent .fourseason-text{
        font-size:.85rem
    }
}
.fourseasonbg{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.orange{
    position:relative;
    background-color:#ff690c;
    padding:7rem 0 4rem 0
}
@media all and (max-width:480px){
    .orange{
        padding:4rem 0 2.5rem 0
    }
}
.orange__bcontent{
    text-align:center
}
.orange__title{
    text-align:center
}
.orange__title--secondary{
    font-family:"Bebas Neue";
    color:#fff;
    margin-bottom:1rem
}
.orange__title--primary{
    font-family:"Bebas Neue";
    color:#fff;
    margin-bottom:3rem
}
@media all and (max-width:480px){
    .orange__fcontent{
        margin-bottom:2rem
    }
}
.orange__fcontent--title{
    font-family:"Bebas Neue";
    color:#fff;
    margin-bottom:1rem
}
@media all and (max-width:480px){
    .orange__fcontent--title{
        font-size:2.75rem
    }
}
.orange__fcontent--text{
    font-family:Heebo,sans-serif;
    color:#fff;
    margin-bottom:1rem;
    font-weight:100
}
@media all and (max-width:480px){
    .orange__fcontent--text{
        font-size:.85rem
    }
}
.orange__scontent--bordered{
    border:4px solid #fff;
    padding:2rem;
    padding-top:.5rem
}
@media all and (max-width:1280px){
    .orange__scontent--bordered{
        padding-top:.5rem
    }
}
@media all and (max-width:480px){
    .orange__scontent--bordered{
        padding:1rem;
        padding-top:0
    }
}
.orange__scontent--title{
    position:relative;
    font-family:"Bebas Neue";
    font-weight:400;
    font-size:37px;
    background-color:#ff690c;
    padding-left:.5rem;
    text-transform:uppercase;
    color:#fff;
    top:-4vh;
    margin-bottom:.5rem
}
@media all and (max-width:1280px){
    .orange__scontent--title{
        font-size:1.3rem;
        top:-3.5vh
    }
}
@media all and (max-width:768px){
    .orange__scontent--title{
        top:-10px;
        padding-left:0;
        font-size:1rem
    }
}
@media all and (max-width:480px){
    .orange__scontent--title{
        text-align:center;
        top:-15px
    }
}
.orange__scontent--text{
    font-family:"Bebas Neue";
    color:#fff;
    margin-bottom:1rem;
    font-weight:100;
    padding-right:3rem
}
@media all and (max-width:1440px){
    .orange__scontent--text{
        padding-right:0
    }
}
@media all and (max-width:480px){
    .orange__scontent--text{
        font-size:.85rem
    }
}
.landart{
    position:relative;
    background-color:#746e65;
    padding:7rem 0;
    color:#fff;
    overflow:hidden
}
@media all and (max-width:768px){
    .landart{
        padding:3rem 0
    }
}
.landart__fcontent--title{
    font-family:"Bebas Neue";
    margin-bottom:1rem
}
.landart__fcontent--content{
    font-family:Heebo,sans-serif;
    font-weight:100;
    margin-bottom:1rem
}
.landart__scontent--thecontent{
    padding-top:85px;
    margin-bottom:5rem
}
@media all and (max-width:768px){
    .landart__scontent--thecontent{
        padding-top:2rem
    }
}
.landart__scontent--title{
    font-size:2.3125rem;
    line-height:40px;
    font-weight:400;
    font-family:"Playfair Display",serif;
    text-transform:uppercase;
    margin-bottom:1rem
}
@media all and (max-width:1440px){
    .landart__scontent--title{
        font-size:2.15rem
    }
}
@media all and (max-width:480px){
    .landart__scontent--title{
        font-size:1.75rem;
        line-height:1
    }
}
.landart__scontent--content{
    font-weight:100;
    margin-bottom:1rem
}
.landart__scontent--list{
    position:relative;
    height:100%;
    padding-left:1rem;
    border-left:5px dotted #fff
}
.landart__scontent--list--item{
    font-family:Heebo,sans-serif;
    font-size:1rem;
    font-weight:100;
    line-height:25px;
    margin-top:1rem;
}
.landart__scontent--bg{
    position:relative;
    width:850px;
    left:-115px
}
@media all and (max-width:768px){
    .landart__scontent--bg{
        left:0;
        width:100%
    }
}
.landart__scontent--bg img{
    width:100%;
    height:650px;
    -o-object-fit:cover;
    object-fit:cover
}
@media all and (max-width:768px){
    .landart__scontent--bg img{
        height:110%
    }
}
.landart__tcontent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.landart__tcontent span{
    width:60px;
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin-right:10px;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.landart__tcontent span svg{
    width:100%;
    height:100%
}
.landart__tcontent--thecontent{
    font-family:Heebo,sans-serif;
    display:inline;
    text-align:left;
    font-size:1rem;
    line-height:19px
}
.landart__tcontent--thecontent strong{
    font-family:"Playfair Display",serif!important;
    font-size:1.3125rem;
    text-transform:uppercase
}
.no-margin{
    margin-top:0!important;
    margin-right:0;
    margin-bottom:0;
    margin-left:0
}
.dynamic{
    position:relative;
    background-color:#54a666;
    color:#fff;
    padding:7rem 0
}
.dynamic__tcontent--ftitlte{
    font-family:"Bebas Neue";
    line-height:1.1;
    margin-bottom:1rem
}
@media all and (max-width:1024px){
    .dynamic__tcontent--ftitlte{
        padding-right:0
    }
}
.dynamic__tcontent--fcontent{
    margin-bottom:2rem
}
.dynamic__tcontent--stitle{
    font-size:1.3125rem;
    font-family:Heebo,sans-serif;
    text-transform:uppercase;
    margin-bottom:1rem
}
.dynamic__tcontent--scontent{
    margin-bottom:3rem
}
.dynamic__tcontent--ttitle{
    font-size:1.3125rem;
    font-family:Heebo,sans-serif;
    text-transform:uppercase;
    margin-bottom:1rem
}
.hero{
    position:relative
}
.hero--home{
    position:relative;
    padding-top:25vh;
    padding-bottom:10vh
}
.hero__img-container{
    width:335px;
    margin:0 auto;
    margin-bottom:3.6rem
}
@media all and (max-width:1024px){
    .hero__img-container{
        width:70%
    }
}
.hero__content{
    max-width:58%;
    margin:0 auto;
    margin-bottom:2.4rem;
    text-align:center
}
@media all and (max-width:768px){
    .hero__content{
        max-width:80%
    }
}
@media all and (max-width:480px){
    .hero__content{
        max-width:100%
    }
}
.hero__content--title{
    font-family:"Bebas Neue";
    color:#746e65;
    margin-bottom:2rem
}
.hero__content--text{
    color:#746e65
}

div.justified{
  text-align: justify;
  text-justify: inter-word;
}