:root{

    --mcs-h-yellow: #EBD775;
    --mcs-r-yellow: 235,215,117;

    --mcs-h-gold: #6A5F27;
    --mcs-r-gold: 106,95,39;

    --mcs-h-dark: #242424;
    --mcs-r-dark: 36,36,36;

    --mcs-h-light: #F9F4ED;
    --mcs-r-light: 249,244,274;

    --mcs-h-green: #EBEB75;
    --mcs-r-green: 235,235,117;

    --mcs-h-orange: #EBC475;
    --mcs-r-orange: 235,196,117;

    --sopa: .7;

}

* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
    background:transparent;
    color: black;
    box-sizing: border-box;
}

html{
    /*scroll-behavior: smooth;*/
    /*scroll-behavior: auto;*/
    scrollbar-width: none;
    overflow-x: hidden;
    max-width: 100vw;

}

a {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
}

body{
    touch-action: pan-x pan-y;
    /*touch-action: none;*/
    margin: 0;
    font-family: "Abel", sans-serif;
    background: #000000;
    color: white;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
    /*overflow-x: hidden;*/
    overflow: hidden;
    overflow-y: scroll;

    position: relative;
}

body::-webkit-scrollbar{
    display: none;
}


#tv{
    display: none;
    opacity:0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999999999999999999999999999999999999999999999;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;

    /*border: solid 1px deeppink;*/
}

#my-video{
    position: absolute;
    width: 100vw;
    height: 100vh;
    object-position: center center;
    object-fit: contain;
}

#dtools{
    display:none;
    z-index: 999999999999999999999999999999999999999999999999999999999;
    position: fixed;
    bottom:70px;
    right:0;
    width:100vw;
    align-items: center;
    justify-content:center;
    flex-direction: row;
}

#dtools>div{
    cursor:pointer;
    color:#ffffff;
    background:deeppink;
    margin:7px;
    padding:7px;
    border-radius: 7px;
}



#all{
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

#sp1{
    width: 100vw;
    height: 100vh;
    /*border: solid 1px greenyellow;*/
}

#sp2{
    width: 100vw;
    height: 100vh;
    /*border: solid 1px deeppink;*/
}

#sp3{
    width: 100vw;
    height: 100vh;
    /*border: solid 1px deeppink;*/
}

#logobox{
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    mix-blend-mode: multiply;
    background: black;
    /*border: solid 1px deeppink;*/
    opacity: .9;
    /*opacity: 0;*/
}

#logoboxf{
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .3;
    /*opacity: 0;*/
}

.logo{
    width: 70%;
    height: 70%;
    object-position: center center;
    object-fit: contain;
    filter: drop-shadow(1vw 1vw 1vw rgba(0,0,0,var(--sopa)));
}

#menu{
    z-index: 9999;
    height: 70px;
    width: 100vw;
    background: linear-gradient( rgba(0,0,0,1),rgba(0,0,0,.7), rgba(0,0,0,.3) );
    /*background: rgba(0,0,0,.3);*/

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-70px);

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    padding: 0 16px;

    /*border: solid 1px deeppink;*/
}

#overmenu{
    visibility: hidden;
    display: none;
}

#trans{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: .7;
    margin: 0 1.6vw;
}

.lan{
    font-size: .7vw;
    cursor: pointer;
    color: white;
    white-space: nowrap;
    opacity: .3;
    margin: .3vw;
    transition: .3s;
}

.lan:hover{
    transform: scale(1.2);
    opacity: .5;
    transition: .3s;
}

.selang{
    opacity: .7;
    transition: .3s;
}

.mi{
    z-index: 99999;
    cursor: pointer;
    color: white;
    font-size: 1vw;
    /*font-weight: bold;*/
    margin: .5vw;
    padding: 3px 7px;
    /*text-transform: lowercase;*/
    white-space: nowrap;
    opacity: .7;
    transition: .7s;
    /*border: solid 1px deeppink;*/
    text-transform: uppercase;
}

.mi:hover{
    transition: .7s;
    opacity: 1;
    color: var(--mcs-h-yellow);
    transform: scale(1.2);
}

.mbu{
    border: solid 1px var(--mcs-h-yellow);
    border-radius: 7px;
    background: rgba(var(--mcs-r-gold),.5);
}

.mbu:hover{
    color: #ffffff;
    background: rgba(var(--mcs-r-gold),.7);
}

.mis{
    cursor: pointer;
    width: 100vw;
    height: 70px;
    /*border: solid 1px #FF9500;*/
}

#herold{
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    /*height: 100vh;*/
    font-size: 450vw;
    white-space: nowrap;
    color: var(--mcs-h-green);
    opacity: 1;
    /*mix-blend-mode: multiply;*/
    /*transition: 3s;*/
    background: transparent;
    text-align: center;
    margin-top: -120vh;
    margin-bottom: 27vh;
    padding-top: 0;
    /*padding-bottom: 10vh;*/
    /*line-height: 300%;*/
    letter-spacing: 100vw;
    line-height: 30vh;
    /*transform: translateY(-50vh);*/
    /*word-spacing: 1000vw;*/
    /*transform: translateY(-50vh);*/
    /*overflow: hidden;*/
}

.herohl{
    color: var(--mcs-h-orange);
    font-size: 180%;
    opacity: .3;
}

#hero{
    z-index: 99;
    display: flex;
    flex-direction: column;
    width: 100vw;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    white-space: nowrap;
    color: var(--mcs-h-orange);
    font-weight: normal;
    opacity: .7;
    /*mix-blend-mode: multiply;*/
    transition: 3s;
    background: transparent;
    text-align: center;
    margin-top: -100vh;

    /*border: solid 1px deeppink;*/
}

#trio{
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 66vh;
    /*height: 25vh;*/
    /*background: greenyellow;*/
}

.tri{
    z-index: 9999;
    cursor: pointer;
    height: 100%;
    width: 33.3333vw;
    opacity: .7;

    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    color: black;

    /*filter: sepia(100%);*/
    /*border: solid 1px deeppink;*/
}

.tri:hover .tt{
    background: rgba(var(--mcs-r-yellow),.9);
    /*height: 30%;*/
    /*color: black;*/
    padding-bottom: 5vw;
    opacity: 1;
    transition: .7s;
    width: 60vw;
    transition: .7s;
}

.tt:before{
    content: attr(data-more);
    /*content: 'LEARN MORE';*/
    position: absolute;
    bottom: -20vh;
    font-size: 1vw;
    color: white;
    padding: .2vw .4vw;
    border-radius: .3vw;
    background: rgba( var(--mcs-r-gold), .7);
    opacity: 0;
    transition: .7s;
    transform: scale(.3);
}

.tri:hover .tt:before{
    bottom: .7vw;
    opacity: .7;
    transition: .7s;
    transform: scale(1);
}

.tt:after{

    content: attr(data-sub);
    position: absolute;
    bottom: -10vh;
    font-size: 1.3vw;
    text-transform: none;
    padding: .2vw 0;
    opacity: 0;
    transition: .7s;
    color: black;
    /*width: 45vw;*/
    /*width: 33.3333vw;*/
    border-top: solid 2px var(--mcs-h-gold);
    /*background: deeppink;*/
}

.tri:hover .tt:after{
    /*content: attr(data-sub);*/
    /*position: absolute;*/
    bottom: 3.1vw;
    opacity: .9;
    /*background: deeppink;*/
}

.vt{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.tt{
    overflow: hidden;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    color: white;
    font-size: 4vw;
    white-space: nowrap;
    background: rgba(var(--mcs-r-gold),.7);
    /*mix-blend-mode: difference;*/
    opacity: .9;
    text-transform: uppercase;
    transition: .7s;
    /*width: 33.3333vw;*/
    width: 33.3333vw;
}



#about{
    position: relative;
    width: 100vw;
    height: 43vw;
    background: rgba( var(--mcs-r-dark), .5 );
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*padding-bottom: 5vh;*/
    padding: 5vw;
    overflow:hidden;
}

#teamx{
    position: relative;
    width: 25vw;
    height: 30vh;
}

#team{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

#team2{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

#testimonials{
    position: relative;
    width: 100vw;
    height: 40vw;
    background: rgba( var(--mcs-r-orange), .7 );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*padding-bottom: 5vh;*/
    padding: 5vw;
    overflow:hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

#awards{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 94vw;
    text-align: center;
    position: absolute;
    top: 1vw;
    font-size: 1.4vw;
    font-weight: bold;
    opacity: .7;
    text-transform: uppercase;
    /*white-space: nowrap;*/
    /*background: #1c62e6;*/
}

.awf{
    height: 3.5vw;
    object-position: center center;
    object-fit: contain;
    margin: 0 2vw;
}

#tst{
    /*z-index: -1;*/
    color: var(--mcs-h-gold);
    color: black;
    opacity: .1;
    font-size: 24vw;
    white-space: nowrap;
    position: absolute;
}

#tlist{
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 3vh;
}

.tlc{
    cursor: pointer;
    z-index: 999;
    width: 3vw;
    height: 3vw;
    border-radius: 1.5vw;
    margin: .9vw;
    transition: .3s;
    border: solid .2vw #EBC475;
    object-fit: fill;
    object-position: center center;
    opacity: .7;
}

#prel{
    position: fixed;
    pointer-events: none;
    background: #000000;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999999999999999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#loa{
    position: absolute;
    font-size: 1.2vw;
    color: white;
    font-weight: normal;
    opacity: 0;
}

#stage{
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0;
}

#lico{
    width: 10vw;
    object-fit: contain;
    object-position: center center;
    opacity: 0;
}

#bubble{
    position: relative;
    width: 80vw;
    height: 25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw;
    border-radius: 1vw;
    background: rgba(255,255,255,.3);
}

#bbt{
    position: absolute;
    width: 100%;
    padding: 3vw;
    text-align: left;
    font-size: 1.2vw;
}

#bbh{
    position: absolute;
    left: 2vw;
    top: 2vw;
    width: 100%;
    font-weight: bold;
    text-align: left;
    font-size: 2.1vw;
    margin-bottom: .5vw;
}

#bbn{
    width: 100%;
    /*font-weight: bold;*/
    text-align: center;
    font-size: 2vw;
    margin-top: .5vw;
    position: absolute;
    bottom: 2vw;
    color: #6A5F27;
}

#bbw{
    display: none;
    position: absolute;
    top: 2vw;
    right: 2vw;
    font-weight: normal;
    text-align: center;
    font-size: 1.2vw;
    opacity: .3;
}

#stars{
    position: absolute;
    top: 2vw;
    right: 2vw;
    display: flex;
    flex-direction: row;
}

.ystar{
    width: 2vw;
    height: 2vw;
    fill: #EBC475;
}

#footer{
    position: relative;
    height: 50vh;
    /*height: 100px;*/
    width: 100vw;
    background: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;

}

#underfoot{
    position: relative;
    height: 5vh;
    width: 100vw;
    background: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.uf{
    /*width: 50vw;*/
    /*position: absolute;*/
    font-size: 1.6vh;
    font-weight: normal;
    /*color: #EBEB75;*/
    color: white;
    opacity: .3;
    position: absolute;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#clc{
    object-fit: contain;
    object-position: center center;
    height: 2.1vh;
    margin-left: 1vh;
    margin-right: .5vh;
    transition: .3s;
    filter: saturate(0%);
}

#ufr:hover #clc{
    transition: .3s;
    transform: scale(1.6);
    filter: saturate(100%);
}

#ufl{
    left: 3vw;
}

#ufr{
    right: 3vw;
    cursor: pointer;
    transition: .3s;
}

#ufr:hover{
    transition: .3s;
    transform: scale(1.1);
    opacity: .7;
}

#clist{
    width: 35vw;
    height: 50vh;
    position: absolute;
    left: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#messagebox{
    position: absolute;
    top: 0;
    right: 10vw;
    width: 48vw;
    height: 50vh;
    padding: 5vh;
    display: flex;
    flex-direction: column;

    /*background: rgba(235,196,117,.02);*/
}


input, textarea{
    /*background: rgba(255,255,255,.3);*/
    background: rgba(0,0,0,.3);
    border: solid 1px rgba(255,255,255,.1);
    color: white;
    border-radius: .3vw;
    font-size: 1.6vw;
    width: 100%;
    font-family: "Abel", sans-serif;
    padding: .5vw;
    margin: .2vw 0;
}

#mtxt{
    height: 100%;
    resize: none;
}

#myou{

}

#ema{
    color: #EBEB75;
    transform: translateY(-3vh);
    font-size: 4vw;
    font-weight: bold;
    cursor: pointer;
    transition: .7s;
    opacity: .7;
}

#ema:hover{
    transform: translateY(-3vh) scale(1.2);
    opacity: 1;
    transition: .3s;
}

#con{
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 5vh;
}

.spacer{
    width: 2vw;
    height: 2vw;
}

#fufore{
    position: absolute;
    left: 3vw;
    width: 25vw;
    text-align: left;
    padding-left: 2vw;
    background: var(--mcs-h-green);
    bottom: 3vw;
}



#fuforeco{
    position: absolute;
    right: 3vw;
    width: 25vw;
    text-align: right;
    padding-right: 2vw;
    background: var(--mcs-h-green);
    bottom: 3vw;
}

#fufore2{
    position: absolute;
    left: 3vw;
    width: 25vw;
    text-align: left;
    padding-left: 2vw;
    /*background: var(--mcs-h-orange);*/
    background: var(--mcs-h-green);
    bottom: 3vw;
}



#fuforeco2{
    position: absolute;
    right: 3vw;
    width: 25vw;
    text-align: right;
    padding-right: 2vw;
    /*background: var(--mcs-h-orange);*/
    background: var(--mcs-h-green);
    bottom: 3vw;
}


.mainrev>.pevid{
    transform: scale(1);
    /*transform: rotate(3deg);*/
    filter: grayscale(1) contrast(1.2);
    transition: 2s;
    opacity: .5;
}

.mainrev>.pevid:hover{
    transform: scale(1.2);
    filter: grayscale(0) contrast(1);
    transition: .7s;
    opacity: 1;
}



.coni{
    color: #ffffff;
    font-size: 1.7vw;
    font-weight: bold;
    cursor: pointer;
    transition: .7s;
    opacity: .7;
    text-align: center;
    line-height: 1.2;
}

.conless{
    opacity: .7;
    font-weight: normal;
    font-size: 2.53vw;
}

.telo{
    padding: .5vw;
    padding-bottom: .7vw;
    background: #EBC475;
    transition: .3s;
    margin-top: 1vh;
    cursor: pointer;
    border-radius: .3vw;
    color: rgba(0,0,0,.7);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px, rgba(0, 0, 0, 0.5) 0px 7px 13px -3px, rgba(0, 0, 0, 0.5) 0px -3px 0px inset;
}

.telo:hover{
    transform: scale(1.1);
    transition: .3s;
}

.tmess{
    text-align: right;
    padding-right: 1vw;
}

.talk{
    font-weight: normal;
    font-size: 6vw;
    /*font-size: 7vw;*/
    opacity: .7;
    position: absolute;
    top: 2vh;
    text-transform: uppercase;
}

#fsoc{
    z-index: 300;
    right: 3vw;
    position: absolute;
    display: flex;
    flex-direction: column;
}

.svs{
    cursor: pointer;
    height: 5vh;
    width: 5vh;
    fill: #EBC475;
    opacity: .7;
    stroke: none;
    transition: .3s;
    padding: .5vh;
    margin: 1vh;
    display: flex;
    flex-direction: row;
    z-index: 99999999999999;
}

.svs:hover{
    opacity: 1;
    transform: scale(1.1);
    stroke: none;
    transition: .3s;
}

#svfb:hover{
    fill: #1c62e6;
}

#svig:hover{
    fill: #d20063;
}

#svtw:hover{
    fill: #57aaed;
}

#svyt:hover{
    fill: #c90020;
}

#svpi:hover{
    fill: #ba001d;
}

#svin:hover{
    fill: #2965b2;
}

.vsep{
    height: 2vh;
}

#aus{
    z-index: -1;
    color: var(--mcs-h-yellow);
    opacity: .2;
    font-size: 28vw;
    white-space: nowrap;
    position: absolute;
}

#eqh{
    /*z-index: -1;*/
    color: var(--mcs-h-yellow);
    /*color: deeppink;*/
    opacity: .1;
    font-size: 24vw;
    white-space: nowrap;
    /*border: solid 1px deeppink;*/
    position: absolute;
    top: 0;
    height: 20vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-left: -3vw;
}

#eqp{
    /*z-index: -1;*/
    color: var(--mcs-h-yellow);
    /*color: deeppink;*/
    opacity: .1;
    font-size: 18.5vw;
    white-space: nowrap;
    /*border: solid 1px deeppink;*/
    position: absolute;
    top: 0;
    height: 20vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#eqht{
    position: absolute;
    top: 0;
    color: white;
    font-size: 2.1vw;
    opacity: .9;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20vw;
    white-space: normal;
    padding: 0 5vw;
    text-align: center;
    line-height: 2;
}

#eqht2{
    position: absolute;
    top: 1.6vw;
    color: white;
    font-size: 2.2vw;
    opacity: .9;
    width: 60vw;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    padding: 3vw 3vw;
    text-align: left;
    line-height: 1;
    /*border: solid 1px deeppink;*/
}

#copyright{
    color: white;
    opacity: .3;
    font-size: 1.6vh;
    position: absolute;
    bottom: 1vh;
}

#teamtext{
    color: white;
    opacity: .7;
    font-size: 2vw;
    width: 100%;
    /*margin: 0 5vw;*/
    margin-right: 5vw;
}

#abside{
    width: 30vh;
}


/*#hero3{*/
/*    z-index: 99;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 12vw;*/
/*    white-space: nowrap;*/
/*    color: var(--mcs-h-green);*/
/*    font-weight: normal;*/
/*    opacity: .85;*/
/*    !*mix-blend-mode: multiply;*!*/
/*    transition: 3s;*/
/*    background: transparent;*/
/*    text-align: center;*/
/*}*/

#hero3{
    z-index: 99;
    display: flex;
    flex-direction: row;
    width: 100vw;
    /*height: 100vh;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    white-space: nowrap;
    color: var(--mcs-h-green);
    font-weight: normal;
    /*opacity: .85;*/
    /*mix-blend-mode: multiply;*/
    /*transition: 3s;*/
    position: relative;
    padding-top: 20vw;
    padding-bottom: 7vw;
    /*background: transparent;*/
    background: rgba(var(--mcs-r-gold),.3);

    overflow: hidden;
}

#herophoto{
    z-index: 99;
    display: flex;
    flex-direction: column;
    width: 100vw;
    /*height: 100vh;*/
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: var(--mcs-h-green);
    font-weight: normal;
    /*opacity: .85;*/
    /*mix-blend-mode: multiply;*/
    /*transition: 3s;*/
    background: transparent;
    position: relative;
    padding: 20vw 5vw 12vh;
}

#herophoto>#revids{
    transform: unset;
}

.eq{
    flex-shrink: 0;
    position: absolute;
    right: 9vw;
    bottom: 2.5vw;
    width:30vw;
    height: 12vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*margin: 5vw 0;*/
    /*margin: 15vh 0;*/
    /*border: solid 1px deeppink;*/
    /*transform: translateX(-25vw);*/
}

.eqt{
    /*position: relative;*/
    /*padding: 0 3vw;*/
    position: absolute;
    right: 0;
    bottom: 4vw;
    font-size: 4vw;
    color: var(--mcs-h-green);
    opacity: .9;
    /*padding: 0 5vw;*/
    /*border: solid 1px deeppink;*/
}

.eqsa{
    z-index: -1;
    content: attr(data-sub);
    position: absolute;
    left: -15vw;
    top: 3vw;
    font-size: 11vw;
    color: var(--mcs-h-gold);
    opacity: .3;
    text-transform: uppercase;
    /*background: #EBEB75;*/
}

.eqi{
    /*align-self: center;*/
    /*justify-self: center;*/
    position: absolute;
    left: 5vw;
    bottom: 4vw;
    height: 9vw;
    object-fit: contain;
    object-position: center center;
    transform: scale(1.2);
    /*border: solid 1px deepskyblue;*/
}

#eq1{
    /*margin-left: 5vw;*/
    /*border: solid 3px #c90020;*/
    /*margin-left: 100vw;*/
    /*margin-left: -210vw;*/
}


#fixed{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    opacity: 1;
    /*border: solid 3px deeppink;*/
}

#vbg{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.sv{
    fill: none;
    stroke: rgba(255,255,255,.3);
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#ifs{
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center center;
}

#ifa{
    z-index: 99999999999999999999999;
    position: fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    display: none;
    opacity: 0;
    background: rgba(var(--mcs-r-dark),.9);
}

#ifp{
    position: absolute;
    top: -10px;
    right: 16px;
    height: 70px;
    width: 70px;
    object-position: center center;
    object-fit: contain;
    opacity: .9;
}


#ifin{
    position: absolute;
    width: 100vw;
    top: 50px;
    left: 0;
    height: calc( 100vh - 50px );
}

#ifmcs{
    cursor: pointer;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px;
    color: rgba(255,255,255,.7);
    font-size: 25px;
    height: 50px;
    width: 100vw;
    top: 0;
    background: linear-gradient(-244.97017814117203deg, rgba(106, 95, 39,1) 0.4126834869384908%,rgba(36, 36, 36,1) 92.12067604064941%);
}

#intro{
    z-index: 999999;
    display: flex;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    font-size: 12vw;
    white-space: nowrap;
    color: #EBD775;
    font-weight: normal;
    opacity: .85;
    mix-blend-mode: multiply;
    transition: 3s;
    text-align: center;
}

.sig{

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10vw;


    background: lawngreen;

}

#sig1{

    display: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;


    z-index: 9999999999999999999999999999999999999999;

    stroke: #000000;
    stroke-width: 3px;

    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

#wsig{

    background: none;

    width: 50vw;
    /*height: 25vw;*/

    z-index: 999999999;

    stroke: #000000;
    stroke-width: 4px;

    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;

    /*background: #FF9500;*/
}

#wbam{
    width: 100%;
    height: 100%;
    opacity: 0;
    /*border: solid 1px deeppink;*/
}

#bam{
    width: 100%;
    height: 100%;
    opacity: 0;
}

#landing{
    /*display: flex;*/
    /*opacity: .2;*/
    display: none;

    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
    align-items: center;
    /*background: rgba( var(--mcs-r-dark), .99 );*/
    background: linear-gradient(114.64209133096972deg, rgba(235, 215, 117,1) 15.838088989257812%,rgba(234, 214, 116,1) 15.838088989257812%,rgba(106, 95, 39,1) 83.74885559082031%);
}

#vla, #vre, #vcr{
    position: fixed;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    background: black;
    /*filter: brightness(100%);*/
}

#laover{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: white;
    opacity: .9;
}

#wrapper{
    z-index: 99999999;
    /*background: #FF9500;*/
    width: 100vw;
    padding-left: 2.5vw;
    /*margin-bottom: 500vh;*/
    /*border: solid 1px deeppink;*/
}

#tempdel{
    cursor: pointer;
    z-index: 999999;
    color: rgba(255,255,255,.7);
    padding: 3vh;
    font-size: 2vw;
    width: 100vw;
    font-weight: bold;
    text-align: center;
    background: rgba(0,0,0,.3);
}

#letter{

    font-family: "EBG", serif;
    padding:5vh;
    font-size: 2.5vw;

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80vh;
    margin-bottom:7vh;
    opacity: 1;
    z-index: 99999;

    background: rgba(var(--mcs-r-light),.8);
    /*background: url("stuff/pix/letterwc.jpg");*/

    border-radius: 1vw;
    width: 95vw;
    /*min-height: 100vh;*/
    filter: drop-shadow(0 0 1vw rgba(0,0,0,.9));
    border: solid .3vw rgba(var(--mcs-r-gold),.3);
    position: relative;
}

.lettxt{
    /*margin: 0 30vw;*/
    width: 100%;
    padding: 0 12vw;
    color: rgba(0,0,0,.7);
}

#letter div{
    margin: 1vw;
}

.lbig{
    font-size: 2.5vw;
    font-weight: bold;
    color: var(--mcs-h-gold);
}

#lbiglast{
    padding-bottom: 4vw;
}

/*#letterbg{*/
/*    z-index: 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: fill;*/
/*    object-position: center center;*/
/*}*/



/*#landside{*/
/*    opacity: .3;*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    height: 100vh;*/
/*    width: 20vh;*/
/*    color: rgba( 255,255,255,.7 );*/
/*    font-size: 25vh;*/
/*    background: var(--mcs-h-gold);*/
/*    writing-mode: vertical-lr;*/
/*    text-orientation: sideways;*/
/*    text-align: center;*/
/*    transform: rotate(180deg);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    overflow: hidden;*/
/*    line-height: 1;*/
/*}*/

/*#landlogo{*/
/*    position: absolute;*/
/*    opacity: 1;*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    object-fit: contain;*/
/*    object-position: center center;*/
/*    filter: drop-shadow(1vw 1vw 1vw rgba(0,0,0,.5));*/
/*}*/

.flor{
    width: 30vw;
    position: absolute;
    opacity: .7;
}

#flortop{
    top: 0;
    left: 0;
}

#florbot{
    bottom: 0;
    right: 0;
}

#wdown{
    height: 12vh;
    position: absolute;
    opacity: .5;
    top: 5vh;
    right: 5vh;
    animation: warrow 0.5s 1s infinite ease-out alternate;
}

@keyframes warrow{
    0% {
        top:5vh;
    }
    100%{
        top:2vh;
    }
}

/*#florfoot{*/
/*    width: 100vw;*/
/*    position: fixed;*/
/*    opacity: 1;*/
/*    bottom: 0;*/
/*    z-index: 99999999;*/
/*}*/

#vbox{
    display: flex;
    flex-direction: row;
    width: 80%;
    /*height: 25vh;;*/
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.vbin{
    cursor: pointer;
    max-height: 100%;
    max-width: 30%;
    object-fit: contain;
    object-position: center center;
    border-radius: .5vw;
    filter: sepia(100%);
    border: solid 3px white;
    opacity: .9;
    margin: 1vw;
    transition: .7s;
    box-shadow: 12px 12px 16px rgba(0, 0, 0, 0.3) ;
}

#lmail{
    font-family: "Abel", sans-serif;
    transition: .7s;
    padding: 3vw;
}

#lmail:hover{
    cursor: pointer;
    transition: .7s;
    transform: scale(1.2);
}

.vbin:hover{
    opacity: 1;
    filter: sepia(0%);
    transition: .7s;
    box-shadow: 21px 21px 16px rgba(0, 0, 0, 0.16) ;
    /*border: solid 3px rgba(0,0,0,.7);*/
}

#vtop{
    visibility: hidden;
    opacity: 0;
    z-index: 9999999999999999999999999;
    position: fixed;
    left: 12px;
    top: 12px;
    width: 100px;
    height: 100px;
    background: rgba(0,0,0,.9);
    overflow: hidden;
}

#vvtop{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

#landlogo{
    /*filter: brightness(50%);*/
    /*position: absolute;*/
    opacity: 1;
    /*right: 0;*/
    /*width: calc(100vw - 20vh);*/
    /*width: 30%;*/
    /*height: 70%;*/
    height: 16vh;
    max-width: 70vw;
    /*transform: translateX(10vh);*/
    object-fit: contain;
    object-position: center center;
    filter: drop-shadow(1vw 1vw 1vw rgba(0,0,0,.5));
    margin-bottom: 3vh;
    margin-top: -3vh;
}

#tbg{
    opacity: .7;
    z-index: -10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*transform: translateY(100vh);*/

    background-image: url('stuff/pix/btile.png');
    background-repeat: repeat;
    background-size: 20vw;

}

.noscroll{
    overflow: hidden;
}

.sx{
    z-index: 99999999999999999;
    cursor: pointer;
    position: fixed;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    opacity: .3;
    transition: .3s;
    stroke: #ffffff;
    -webkit-filter: drop-shadow( 0 0 3px rgba(0, 0, 0, .7));
    filter: drop-shadow( 0 0 3px rgba(0, 0, 0, .7));
}

.sx:hover{
    transform: scale(1.2);
    opacity: .3;
    transition: .3s;
}

#sxv{

}

#sxw{

}



.closer{
    width: 30px;
    position: fixed;
    top: 7px;
    left: 7px;
    opacity: .3;
    cursor: pointer;
    transition: .3s;
}

.closer:hover{
    opacity: .7;
    transform: scale(1.1);
    transition: .3s;
}

#toast{
    cursor: pointer;
    z-index: 999999999999999998;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: rgba(var(--mcs-r-light),.9);
}

/*#bigmob{*/
/*    pointer-events: none;*/
/*    display: none;*/
/*    cursor: pointer;*/
/*    z-index: 999999999999999999;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/

/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    background: rgba(0,0,0,.9);*/
/*}*/

#mob{
    font-size: 7vw;
    color: white;
    font-weight: bold;
}

#mico{
    height: 40vmin;
    width: 70vmin;
    object-position: center center;
    object-fit: contain;
}

#mobs{
    font-size: 3.5vw;
    opacity: .7;
    font-weight: normal;
    color: white;
    text-align: center;
    width: 100%;
}

#toastmess{
    text-align: center;
    color: #6A5F27;
}

#tmbig{
    font-size: 5vw;
    opacity: .9;
    color: #6A5F27;
    font-weight: bold;
}

#tmsmall{
    font-size: 2vw;
    opacity: .5;
    color: #6A5F27;
    font-weight: normal;
}

.simpleland{
    z-index: 99999999999999;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: fixed !important;
    top: 0;
    left: 0;
    /*overflow-x: hidden;*/
    overflow-y: scroll;
}

.seclogo{
    height: 50vh;
    width: 30vw;
    margin-bottom: 170vh;
    object-fit: contain;
    object-position: center center;
    filter: drop-shadow(1vw 1vw 1vw rgba(0,0,0,.3));
}

.secoverlay{
    z-index: 120;
    top: 0;
    width: 100vw;
    height: 225vh;
    /*color: deeppink;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*background: linear-gradient(rgba(var(--mcs-r-dark),.9),rgba(var(--mcs-r-dark),.9),rgba(var(--mcs-r-dark),.8),rgba(var(--mcs-r-dark),.7),rgba(var(--mcs-r-dark),.3),rgba(var(--mcs-r-dark),0));*/
    /*background: linear-gradient(rgba(var(--mcs-r-dark),1),rgba(var(--mcs-r-dark),0));*/
    /*background: linear-gradient(rgba(var(--mcs-r-light),1),rgba(var(--mcs-r-light),0));*/
    /*background: linear-gradient(rgba(var(--mcs-r-dark),.9),rgba(var(--mcs-r-dark),.9),rgba(var(--mcs-r-dark),.9),rgba(var(--mcs-r-dark),.8),rgba(var(--mcs-r-dark),.7),rgba(var(--mcs-r-dark),0));*/

    /*background: linear-gradient(rgba(var(--mcs-r-light),1),rgba(var(--mcs-r-light),.97),rgba(var(--mcs-r-light),.95),rgba(var(--mcs-r-light),.8),rgba(var(--mcs-r-light),.7),rgba(var(--mcs-r-light),0));*/
    background: linear-gradient(rgba(var(--mcs-r-dark),1),rgba(var(--mcs-r-dark),.97),rgba(var(--mcs-r-dark),.95),rgba(var(--mcs-r-dark),.8),rgba(var(--mcs-r-dark),.7),rgba(var(--mcs-r-dark),0));
    /*background: linear-gradient(rgba(var(--mcs-r-green),.9),rgba(var(--mcs-r-green),.9),rgba(var(--mcs-r-green),.9),rgba(var(--mcs-r-green),.8),rgba(var(--mcs-r-green),.7),rgba(var(--mcs-r-green),0));*/
}

#slrealestate{
    display: none;
    opacity: 0;
}

#slcreative{
    display: none;
    opacity: 0;
}

.slwrap{
    z-index: 900;
    /*display: flex;*/
    position: absolute;
    /*bottom: 20vh;*/
    flex-direction: column;
    padding: 7vw;
    /*align-items: center;*/
    justify-content: center;
    width: 80vw;
    background: rgba(255,255,255,.95);
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    margin-top: 50vh;

}

#rewrap{
    /*background: deeppink;*/
    background: rgba( var(--mcs-r-orange) ,.95 );
    padding-bottom: 12vw;
}

#rewrapcr{
    /*background: deeppink;*/
    /*background: rgba( var(--mcs-r-green) ,.95 );*/
    background: rgba( var(--mcs-r-orange) ,.95 );
    padding-bottom: 12vw;
}

#revids{
    transform: rotate(-3deg);
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    /*height: 70vh;*/
    width: 100%;
    margin: 1vw 0;
    /*background: deeppink;*/
}

.revid{
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    width: 20vw;
    height: 25vh;
    margin: 1vw;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: solid 1px #1c62e6;*/
}

.pevid{
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    width: 12vw;
    height: 18vh;
    margin: 1vw;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: solid 1px #1c62e6;*/
}

.revid:hover{
    transition: .3s;
    transform: scale(1.1);
}

.pevid:hover{
    transition: .3s;
    transform: scale(1.1);
}

.revidp{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;*/
    filter: drop-shadow(5px 5px 3px rgba(0,0,0,.3));
    transition: .3s;
}

.revid:hover>.revidp{
    transition: .3s;
    filter: drop-shadow(7px 7px 3px rgba(0,0,0,.1));
}

.svgi{
    transition: .3s;
    position: absolute;
    fill: none;
    stroke: white;
    stroke-width: .1vw;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 30%;
    height: 30%;
    object-fit: contain;
    object-position: center center;
    opacity: .9;
}

.sorange{
    stroke: var(--mcs-h-orange);
    filter: drop-shadow(0 0 5px rgba(0,0,0,.7));
}

.sgreen{
    stroke: var(--mcs-h-green);
    filter: drop-shadow(0 0 5px rgba(0,0,0,.7));
}

#fullp{
    visibility: hidden;
    opacity: 0;
    z-index: 9999999999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.97);
}

#fppic{
    position: absolute;
    width: 97%;
    height: 97%;
    object-fit: contain;
    object-position: center center;
}

#fpthumb{
    position: absolute;
    width: 97%;
    height: 97%;
    object-fit: contain;
    object-position: center center;
}

#fpvid{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.revid:hover>.svgi{
    transition: .3s;
    opacity: 1;
    transform: scale(1.7);
}



.sltitle{
    font-size: 4.3vw;
    font-weight: bold;
    /*color: #F9F4ED;*/
    /*color: #EBC475;*/
    color: var(--mcs-h-green);
    background: #242424;
    opacity: .7;
    text-align: center;
    margin: -3.5vw -7vw 3.5vw;
    transform: skewy(-3deg);
}

.sltitlecr{
    font-size: 4.3vw;
    font-weight: bold;
    color: var(--mcs-h-green);
    /*color: #F9F4ED;*/
    background: #242424;
    opacity: .7;
    text-align: center;
    margin: -3.5vw -7vw 3.5vw;
    transform: skewy(-3deg);
}

.slcontent{
    font-size: 2vw;
}

.backmain{
    background: deeppink;
    width: 100px;
    height: 100px;
}

.slsection{
    /*background: #6A5F27;*/
    background: rgba(var(--mcs-r-gold),.3);
    /*background: rgba(var(--mcs-r-yellow),.3);*/
    transform: skewy(-3deg);
    height: 16vw;
    margin: 3.5vw -7vw;
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-direction: row;
    padding: 3.5vw 7vw;
    overflow: hidden;
}

.i360{
    cursor: pointer;
    margin: 0 2vw;
    height: 12vw;
    width: 21vw;
    transition: .7s;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.i360:before{
    pointer-events: none;
    content: attr(data-vtl);
    position: absolute;
    left: -40vw;
    color: rgba(255,255,255, .7);
    font-size: 5vw;
    text-align: left;
}

.i360:after{
    pointer-events: none;
    content: attr(data-vtr);
    position: absolute;
    right: -40vw;
    color: rgba(255,255,255, .7);
    font-size: 5vw;
    text-align: right;
}

.i360:first-child{
    margin-left: 100vw;
}

.spano{
    pointer-events: none;
    /*color: white;*/
    opacity: .9;
    stroke: var(--mcs-h-orange);
    fill: var(--mcs-h-orange);
    filter: drop-shadow(0 0 5px rgba(0,0,0,.7));
    width: 7vw;
    height: 7vw;
    transition: .3s;
    stroke-width: .2vw;
}

#panolo{
    pointer-events: none;
    width: 70vw;
    position: absolute;
    color: white;
    font-size: 16vw;
    letter-spacing: 3vw;
    text-align: center;
    transform: translateX(-3vw);
    opacity: 0;
}

.ipano{
    width: 100%;
    height: 100%;
    border-radius: .5vw;
    object-fit: cover;
    object-position: center center;
    transition: .3s;
}

.i360:hover>.ipano{
    transform: scale(1.2);
    transition: .3s;
}

.i360:hover>.spano{
    opacity: 1;
    transform: scale(1.5);
    transition: 1.2s;
}

#burger,#cona{
    visibility: hidden;
    display: none;
}

#rehide{
    visibility: visible;
    display: flex;
}

#sdown{
    opacity: 0;
    z-index: 9999999999999;
    pointer-events: none;
    position: fixed;
    bottom: 0;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 12px;
    color: rgba(255,255,255,.3);
    transform: scale(.7);
    filter: drop-shadow(0 0 7px rgba(255,255,255,.3));
}

.arrow-down{
    position: absolute;
    width:60px;
    height:40px;
    opacity: 0;
    /*left: 40px;*/
    bottom: 0;
    margin-bottom: 12px;
    margin-left: 30px;
    animation: arrow 0.5s 1s infinite ease-out alternate;

}

/*.arrow-down:hover{*/
/*    animation-play-state: paused;*/
/*}*/

.left{
    position:absolute;
    height:10px;
    width:40px;
    background: var(--mcs-h-gold);
    transform:rotate(240deg);
    top:10px;
    left:10px;
    border-radius:4px;
    transform-origin:5px 50%;
    animation: leftArrow 0.5s 1s infinite ease-out alternate;
}

.right{
    position:absolute;
    height:10px;
    width:40px;
    background: var(--mcs-h-gold);
    transform:rotate(-60deg);
    top:10px;
    left:10px;
    border-radius:4px;
    transform-origin:5px 50%;
    animation: rightArrow 0.5s 1s infinite ease-out alternate;
}






@keyframes arrow{
    0% {
        bottom:0px;
    }
    100%{
        bottom:40px;
    }
}

@keyframes leftArrow{
    0% {
    }
    100%{
        transform:rotate(225deg);
    }
}

@keyframes rightArrow{
    0% {
    }
    100%{
        transform:rotate(-45deg);
    }
}



/* abel-regular - latin */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/abel-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/abel-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/abel-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/abel-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/abel-v18-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
    font-display: swap;
}

/*@font-face {*/
/*    font-family: 'Abel';*/
/*    src: url('font/abel.eot');*/
/*    url('font/abel.eot?#iefix') format('embedded-opentype'),*/
/*    url('font/abel.woff2') format('woff2'),*/
/*    url('font/abel.woff') format('woff'),*/
/*    url('font/abel.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Abel';*/
/*    src: url('font/abel_b.eot');*/
/*    url('font/abel_b.eot?#iefix') format('embedded-opentype'),*/
/*    url('font/abel_b.woff2') format('woff2'),*/
/*    url('font/abel_b.woff') format('woff'),*/
/*    url('font/abel_b.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* eb-garamond-italic - latin */
@font-face {
    font-family: 'EBG';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/eb-garamond-v26-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/eb-garamond-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/eb-garamond-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/eb-garamond-v26-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/eb-garamond-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/eb-garamond-v26-latin-italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* eb-garamond-800italic - latin */
@font-face {
    font-family: 'EBG';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/eb-garamond-v26-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/eb-garamond-v26-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/eb-garamond-v26-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/eb-garamond-v26-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/eb-garamond-v26-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/eb-garamond-v26-latin-800italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
    font-display: swap;
}

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


    #trans{
        visibility: hidden;
        display: none;
    }

    #trans2{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        opacity: .7;
        margin: 0 1.6vw;
        margin-top: 5vw;
    }

    #trans2>.lan{
        font-size: 5vw;
        margin-left: 7vw;
    }


    /*#bigmob {*/
    /*    display: flex;*/
    /*}*/

    #trio{
        display: flex;
        flex-direction: row;
        width: 100vw;
        height: 30vh;
        overflow: hidden;
        /*height: 25vh;*/
        /*background: greenyellow;*/
        /*border: solid 1px deeppink;*/
    }

    .tri:hover .tt{
        background: rgba(var(--mcs-r-yellow),.9);
        /*height: 30%;*/
        /*color: black;*/
        padding-bottom: unset;
        width: 33.3333vw;
        transition: .3s;
        /*transform: translateY(10vw);*/
    }

    .tt:before{
        content: attr(data-more);
        /*content: 'LEARN MORE';*/
        position: absolute;
        bottom: -20vh;
        font-size: 1vw;
        color: white;
        padding: .2vw .4vw;
        border-radius: .3vw;
        background: rgba( var(--mcs-r-gold), .7);
        opacity: 0;
        transition: .7s;
        transform: scale(.3);
    }

    .tri:hover .tt:before{
        bottom: unset;
        opacity: 0;
        transition: .7s;
        transform: unset;
    }

    .tt:after{

        content: attr(data-sub);
        position: absolute;
        bottom: -10vh;
        font-size: 1.3vw;
        text-transform: none;
        padding: .2vw 0;
        opacity: 0;
        transition: .7s;
        color: black;
        /*width: 45vw;*/
        /*width: 33.3333vw;*/
        border-top: solid 2px var(--mcs-h-gold);
        /*background: deeppink;*/
    }

    .tri:hover .tt:after{
        /*content: attr(data-sub);*/
        /*position: absolute;*/
        bottom: unset;
        opacity: 0;
        /*background: deeppink;*/
    }

    .vt{
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%;
    }

    .tt{
        overflow: hidden;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        position: absolute;
        color: white;
        font-size: 6vw;
        white-space: nowrap;
        background: rgba(var(--mcs-r-gold),.7);
        /*mix-blend-mode: difference;*/
        opacity: .9;
        text-transform: uppercase;
        transition: .7s;
        /*width: 33.3333vw;*/
        width: 33.3333vw;
    }


    #about{
        position: relative;
        width: 100vw;
        height: 210vw;
        background: rgba( var(--mcs-r-dark), .5 );
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*padding-bottom: 5vh;*/
        padding: 5vw;
        overflow:hidden;
    }

    #teamx{
        position: absolute;
        width: 60vw;
        height: 60vw;
        top: 16vw;
    }
    #teamtext{
        opacity: .7;
        font-size: 5vw;
        width: 100%;
        /*margin: 0 5vw;*/
        padding: 10vw;
        margin-left: 0;
        top: 65vw;
        position: absolute;
    }

    #aus{
        z-index: -1;
        color: var(--mcs-h-yellow);
        opacity: .2;
        font-size: 28vw;
        white-space: nowrap;
        position: absolute;
        top: 0;
    }

    #testimonials{
        position: relative;
        width: 100vw;
        height: 180vw;
        background: rgba( var(--mcs-r-orange), .7 );
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*padding-bottom: 5vh;*/
        padding: 5vw;
        overflow:hidden;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    }

    #awards{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        width: 100vw;
        height: 30vw;
        text-align: center;
        position: absolute;
        top: 1vw;
        font-size: 3vw;
        font-weight: bold;
        opacity: .7;
        /*background: #1c62e6;*/
    }

    #tlist{
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 3vw;
    }

    .tlc{
        cursor: pointer;
        z-index: 999;
        width: 7vw;
        height: 7vw;
        border-radius: 3.5vw;
        margin: .9vw;
        transition: .3s;
        border: solid .2vw #EBC475;
        object-fit: fill;
        object-position: center center;
        opacity: .7;
    }

    #bubble{
        position: relative;
        width: 75vw;
        height: 140vw;
        left: 5vw;
        top: 10vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2vw;
        border-radius: 1vw;
        background: rgba(255,255,255,.3);
    }

    #bbt{
        position: absolute;
        width: 100%;
        padding: 3vw;
        text-align: left;
        font-size: 4.2vw;
    }

    #bbh{
        position: absolute;
        left: 2vw;
        top: 2vw;
        width: 100%;
        font-weight: bold;
        text-align: left;
        font-size: 5vw;
        margin-bottom: .5vw;
    }

    #bbn{
        width: 100%;
        /*font-weight: bold;*/
        text-align: center;
        font-size: 7vw;
        margin-top: .5vw;
        position: absolute;
        bottom: 2vw;
        color: #6A5F27;
    }

    #bbw{
        display: none;
        position: absolute;
        top: 2vw;
        right: 2vw;
        font-weight: normal;
        text-align: center;
        font-size: 1.2vw;
        opacity: .3;
    }

    #stars{
        position: absolute;
        top: unset;
        right: unset;
        bottom: 12vw;
        display: flex;
        flex-direction: row;
    }

    .ystar{
        width: 5vw;
        height: 5vw;
        fill: #EBC475;
    }

    .awf{
        height: 12vw;
        object-position: center center;
        object-fit: contain;
        margin: 0 2vw;
    }







    #herophoto>#revids{
        transform: unset;
        padding-top: 50vw;
    }

    #herophoto>#revids>.pevid{
        transform: unset;
        width: 25vw;
        /*border: solid 2px deeppink;*/
    }


    #eqht{
        position: absolute;
        top: 22vw;
        color: white;
        font-size: 5vw;
        opacity: .9;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
        padding: 0 5vw;
        text-align: center;
        line-height: 1.2;
    }

    .mainrev>.pevid{
        transform: scale(1);
        /*transform: rotate(3deg);*/
        filter: none;
        transition: 2s;
        opacity: .7;
    }

    .mainrev>.pevid:hover{
        transform: scale(1.2);
        filter: none;
        transition: .7s;
        opacity: 1;
    }




    #eqht2{
        position: absolute;
        top: 11vw;
        color: white;
        font-size: 4.2vw;
        opacity: .9;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
        padding: 3vw 3vw;
        text-align: left;
        line-height: 1;
        /*border: solid 1px deeppink;*/
    }

    #hero3{
        z-index: 99;
        display: flex;
        flex-direction: row;
        width: 100vw;
        height: 70vw;
        /*height: 100vh;*/
        /*align-items: center;*/
        /*justify-content: flex-start;*/
        white-space: nowrap;
        color: var(--mcs-h-green);
        font-weight: normal;
        /*opacity: .85;*/
        /*mix-blend-mode: multiply;*/
        /*transition: 3s;*/
        position: relative;
        padding-top: 20vw;
        padding-bottom: 7vw;
        /*background: transparent;*/
        background: rgba(var(--mcs-r-gold),.3);

        overflow: hidden;
    }


    .eq{
        flex-shrink: 0;
        position: absolute;
        right: 9vw;
        bottom: 7vw;
        width:30vw;
        height: 12vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /*margin: 5vw 0;*/
        /*margin: 15vh 0;*/
        /*border: solid 1px deeppink;*/
        /*transform: translateX(-25vw);*/
    }

    .eqt{
        /*position: relative;*/
        /*padding: 0 3vw;*/
        position: absolute;
        right: 40vw;
        bottom: 4vw;
        font-size: 7vw;
        color: var(--mcs-h-green);
        opacity: .9;
        /*padding: 0 5vw;*/
        /*border: solid 1px deeppink;*/
    }

    .eqsa{
        z-index: -1;
        content: attr(data-sub);
        position: absolute;
        left: -15vw;
        top: 3vw;
        font-size: 11vw;
        color: var(--mcs-h-gold);
        opacity: .3;
        /*background: #EBEB75;*/
    }

    .eqi{
        /*align-self: center;*/
        /*justify-self: center;*/
        position: absolute;
        left: 5vw;
        bottom: 7vw;
        height: 9vw;
        object-fit: contain;
        object-position: center center;
        transform: scale(2.5);
        /*border: solid 1px deepskyblue;*/
    }



    #loa{
        font-size: 6vw;
        margin-bottom: -16vw;
    }

    #lico{
        width: 40vw;
        margin-top: -16vw;
    }







    #footer{
        position: relative;
        height: 200vw;
        width: 100vw;
        background: rgba(0,0,0,.3);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #underfoot{
        position: relative;
        height: 5vh;
        width: 100vw;
        background: rgba(0,0,0,.7);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .uf{
        /*width: 50vw;*/
        /*position: absolute;*/
        font-size: 1.6vh;
        font-weight: normal;
        /*color: #EBEB75;*/
        color: white;
        opacity: .3;
        position: absolute;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #clc{
        object-fit: contain;
        object-position: center center;
        height: 2.1vh;
        margin-left: 1vh;
        margin-right: .5vh;
        transition: .3s;
        transform: scale(1.6);
        filter: none;
    }

    #ufr:hover #clc{
        transition: .3s;
        transform: scale(1.6);
        filter: none;
    }

    #ufl{
        left: 3vw;
    }

    #ufr{
        right: 3vw;
        cursor: pointer;
        transition: .3s;
    }

    #ufr:hover{
        transition: .3s;
        transform: scale(1.1);
        opacity: .7;
    }

    #clist{
        width: 100vw;
        height: 70vw;
        position: absolute;
        left: unset;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #messagebox{
        position: absolute;
        top: unset;
        bottom: 20vw;
        left: 0;
        right: unset;
        width: 100vw;
        height: 90vw;
        padding: 3vw;
        display: flex;
        flex-direction: column;

        /*background: #1c62e6;*/
        /*background: rgba(235,196,117,.02);*/
    }


    input, textarea{
        /*background: rgba(255,255,255,.3);*/
        background: rgba(0,0,0,.3);
        border: solid 1px rgba(255,255,255,.1);
        color: white;
        border-radius: .3vw;
        font-size: 4vw;
        width: 100%;
        font-family: "Abel", sans-serif;
        padding: .5vw;
        margin: .2vw 0;
    }

    #mtxt{
        height: 100%;
        resize: none;
    }

    #myou{

    }

    #ema{
        color: #EBEB75;
        transform: none;
        font-size: 10vw;
        font-weight: bold;
        cursor: pointer;
        transition: .7s;
        opacity: .7;
    }

    #ema:hover{
        transform: scale(1.2);
        opacity: 1;
        transition: .3s;
    }

    #con{
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 47vw;
    }

    #fsoc{
        z-index: 300;
        position: absolute;
        display: flex;
        flex-direction: row;
        width: 100vw;
        bottom: 0;
        align-items: center;
        justify-content: center;
        padding: 3vw;
        right: 0;
    }

    .svs{
        cursor: pointer;
        height: 12vw;
        width: 12vw;
        fill: #EBC475;
        opacity: .7;
        stroke: none;
        transition: .3s;
        display: flex;
        flex-direction: row;
        z-index: 99999999999999;
    }

    .coni{
        color: #ffffff;
        font-size: 5.5vw;
        font-weight: bold;
        cursor: pointer;
        transition: .7s;
        opacity: .7;
        text-align: center;
    }

    .conless{
        opacity: .7;
        font-weight: normal;
        font-size: 8vw;
    }

    .telo{
        padding: .5vw;
        padding-bottom: 1.2vw;
        background: #EBC475;
        transition: .3s;
        margin-top: 1vh;
        cursor: pointer;
        width: 94vw;
        border-radius: .7vw;
        color: rgba(0,0,0,.7);
        box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px, rgba(0, 0, 0, 0.5) 0px 7px 13px -3px, rgba(0, 0, 0, 0.5) 0px -3px 0px inset;
    }

    .telo:hover{
        transform: scale(1.1);
        transition: .3s;
    }

    .talk{
        font-weight: normal;
        font-size: 16vw;
        opacity: .9;
        position: absolute;
        top: 2vh;
    }

    #tmsmall{
        font-size: 4.3vw;
        opacity: .5;
        color: #6A5F27;
        font-weight: normal;
    }

    .buba{
        position: absolute;
        top: 20vw;
        right: 0;
        stroke: var(--mcs-h-dark);
        /*height: 12vw;*/
        /*width: 5vw;*/
        opacity: .7;
        width: 12vw;
        height: 12vw;
    }


    #menu{
        z-index: 9999;
        height: 70px;
        width: 100vw;
        background: linear-gradient( rgba(0,0,0,1),rgba(0,0,0,.7), rgba(0,0,0,.3) );
        /*background: rgba(0,0,0,.3);*/

        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);

        position: fixed;
        top: 0;
        left: 0;
        transform: translateY(-70px);

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        padding: 0 16px;
    }

    .mi{
        z-index: 99999;
        cursor: pointer;
        color: white;
        font-size: 1vw;
        /*font-weight: bold;*/
        margin: .5vw;
        padding: 3px 7px;
        /*text-transform: lowercase;*/
        white-space: nowrap;
        opacity: .7;
        transition: .7s;
        /*border: solid 1px deeppink;*/
        text-transform: uppercase;
    }

    .mi:hover{
        transition: .7s;
        opacity: 1;
        color: var(--mcs-h-yellow);
        transform: scale(1.2);
    }

    .mbu{
        position: absolute;
        right: unset;
        left: 2vw;
        font-size: 3.4vw;
        border: solid 1px var(--mcs-h-yellow);
        border-radius: 7px;
        background: rgba(var(--mcs-r-gold),.5);
    }

    .mbu:hover{
        color: #ffffff;
        background: rgba(var(--mcs-r-gold),.7);
    }

    /*#mm1, #mm2, #mm3, #mm4, #mm5, #mm7{*/
    #mm1, #mm2, #mm3, #mm4, #mm5, #mm7, #mm6{
        visibility: hidden;
        display: none;
    }

    #overmenu{
        visibility: visible;
        z-index: 999999999999999999999999999999999999999999999999999;
        position: fixed;
        top: -130vh;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        padding-right: 2vw;
        padding-bottom: 21vh;
        padding-top: calc(16vh + 70px);
        width: 100vw;
        height: 110vh;
        overflow: hidden;
        background: rgba(var(--mcs-r-gold),.97);
        transition: .3s;
        opacity: 0;
        /*background: deeppink;*/
    }

    /*.omexpand{*/
    /*    top: -10vh;*/
    /*    opacity: .97;*/
    /*    transition: .3s;*/
    /*}*/

    .omi{
        text-transform: uppercase;
        font-size: 12vw;
        opacity: .5;
    }

    .omh{
        /*font-weight: bold;*/
        opacity: 1;
    }

    #burger{
        display: flex;
        visibility: visible;
        height: 30px;
        width: 30px;
        object-fit: contain;
        object-position: center right;
        position: absolute;
        right: 20px;
        fill: var(--mcs-h-yellow);;
        opacity: .3;
        transition: .3s;
    }

    #burger:hover{
        display: flex;
        transform: scale(1.2);
        transition: .3s;
    }

    #cona{
        display:flex;
        visibility: visible;
        height: 30px;
        width: 30px;
        object-fit: contain;
        object-position: center left;
        position: absolute;
        left: 20px;
        fill: var(--mcs-h-yellow);;
        opacity: .3;
        transition: .3s;
    }

    #cona:hover{
        transform: scale(1.2);
        transition: .3s;
    }




    /*#lgb{*/
    /*    transform: scale(.7);*/
    /*}*/


    #tempdel{
        color: rgba(255,255,255,.7);
        padding: 3vh;
        font-size: 4vw;
        width: 100vw;
        font-weight: bold;
        text-align: center;
        background: rgba(0,0,0,.3);
    }

    .lettxt{
        /*margin: 0 30vw;*/
        width: 100%;
        padding: 0 0;
        color: rgba(0,0,0,.7);

        font-size: 5.5vw;

        /*border: solid 1px deeppink;*/
    }

    .lbig{
        font-size: 8vw;
        font-weight: bold;
        color: var(--mcs-h-gold);
    }


    #vbox{
        display: flex;
        flex-direction: row;
        width: 100%;
        /*height: 25vh;;*/
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .vbin{
        max-height: 100%;
        /*max-width: 100%;*/
        max-width: 45%;
    }




    #revids {
        transform: rotate(0);
    }

    .revid{
        position: relative;
        cursor: pointer;
        flex-shrink: 0;
        width: 35vw;
        height: 35vw;
        margin: 1vw;
        transition: .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        /*border: solid 1px #1c62e6;*/
    }

    .pevid{
        position: relative;
        cursor: pointer;
        flex-shrink: 0;
        width: 35vw;
        height: 35vw;
        margin: 1vw;
        transition: .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        /*border: solid 1px #1c62e6;*/
    }

    .slcontent{
        font-size: 5vw;
        margin: 5vw 0;
    }

    .slwrap{
        padding:7vw;
        /*align-items: center;*/
        justify-content: center;
        width: 95vw;
        background: rgba(255,255,255,.95);
        border-top-left-radius: 2vw;
        border-top-right-radius: 2vw;
        margin-top: 50vh;

    }

    #rehide{
        visibility: hidden;
        display: none;
    }

    .seclogo{
        height: 50vh;
        width: 75vw;
        margin-bottom: 170vh;
        object-fit: contain;
        object-position: center center;
        filter: drop-shadow(1vw 1vw 1vw rgba(0,0,0,.3));
    }

    #fufore, #fuforeco, #fufore2, #fuforeco2{
        font-size: 4vw;
        width: 40vw;
    }

    .revw{
        width: 80vw;
    }

    .sltitlecr, .sltitle{
        font-size: 16vw;
        margin: -3.5vw -7vw 3.5vw;
    }


    /*.herohl{*/
    /*    font-size: 50vw;*/
    /*}*/


}