/* Add 60 to the name and then edit that */

b.para {
    /*    font-weight: bold;*/
    font-family: 'para-bold';
    color: #333333;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        b.para {
            /*    font-weight: bold;*/
            font-family: 'para-bold';
            color: #333333;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }


    }
}


::-webkit-scrollbar {
    width: 5px;
    background-color: black;
    /*    opacity: 10%;*/
    /*    display: NONE;*/
}

/* Track */
::-webkit-scrollbar-track {
    /*  box-shadow: inset 0 0 5px grey; */
    /*  border-radius: 10px;*/
    opacity: 0;
    display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f8f8f8;
    /*    opacity: 10%;*/
    /*  border-radius: 10px;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #6e6e6e;
}





html,
body {
/*    position: absolute;*/
    margin: 0;
    overflow-x: hidden;
/*    position: relative;*/
    /*    background-color: black;*/
/*        z-index: 9999;*/


    /* width: 100%; */
    /*    height:380vw;*/
    /*    -webkit-font-smoothing: subpixel-antialiased;*/
}



@font-face {
    font-family: 'title';
    src: url("/Fonts/CraftworkGrotesk-Heavy.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}


@font-face {
    font-family: 'fa';
    src: url("/Fonts/fa-solid-900.ttf");
}


@font-face {
    font-family: 'para-thin';
    src: url("/Fonts/Space/SpaceGrotesk-Light.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}


@font-face {
    font-family: 'para';
    src: url("/Fonts/Space/SpaceGrotesk-Regular.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}

@font-face {
    font-family: 'para-bold';
    src: url("/Fonts/Space/SpaceGrotesk-Bold.ttf");
    /* IE9 Compact Modes */
    /*  src: url("/Fonts/Pandemic.otf") format('embedded-opentype'),  IE6-IE8     */
}


a:link {
    text-decoration: none;
}

#hidescrollcontainer {
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
}

#hidescrollcontent {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

::-moz-selection {
    /* Code for Firefox */
    color: #333333;
    background: #00FF47;
}

::selection {
    color: #333333;
    background: #00FF47;
}

ul {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    margin: 0%;
    padding: 0%;
    overflow: hidden;
    background-color: white;
    box-shadow: 10px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -moz-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -o-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -ms-transition: background-color 700ms linear, opacity .70s ease-in-out;
    transition: background-color 700ms linear, opacity .70s ease-in-out;
}

ul.scrolled {
    visibility: visible;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -moz-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -o-transition: background-color 700ms linear, opacity .70s ease-in-out;
    -ms-transition: background-color 700ms linear, opacity .70s ease-in-out;
    transition: background-color 700ms linear, opacity .70s ease-in-out;
}

li {


    float: right;
}


li a {
    display: inline-block;
    text-align: center;
    /*    padding: 7% 50px;*/
    padding-top: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-bottom: 1vw;
    text-decoration: none;
    font-family: 'para', monospace;
    /*    font-weight: 900;*/
    font-size: 0.85vw;
    color: #222222;
    /*    margin-top: 0.56vw;*/
}

li a:hover:not(.active) {

    color: #332cce;
}

li.amitsharma {
    opacity: 0;
    float: left;
    visibility: hidden;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;
}

li.amitsharma.fadein {
    visibility: visible;
    opacity: 1;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;

}

li a.amitsharma {
    /* font-weight: 600; */
}



@keyframes move {
    0% {
        transform: translateX(0vh);
    }

    20% {
        transform: translateX(0.1vh);
    }

    40% {
        transform: translateX(0.2vh);
    }

    60% {
        transform: translateX(0.3vh);
    }

    80% {
        transform: translateX(0.4vh);
    }

    100% {
        transform: translateX(0.5vh);
    }

}

.fixed-nav-bar {
    font-family: 'para', sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}

#fadein {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
}


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {

    /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {

    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {

    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}




#hero {
    opacity: 1;
    background-size: cover;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: black;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;
/*    z-index: 9999;*/
}

#hero.fadeout {
    opacity: 0;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;
}


#awwwardsbadge {
    opacity: 0;
    width: 2vw;
    top: 50%;
    right: 0;
    position: fixed;
    /*    left: 50%;*/
    transform: translate(0, -50%);
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;

}

#awwwardsbadge.fadein {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transition-delay: 0.7s;
    /* Safari */
    transition-delay: 0.7s;
    /*    color: #f8f8f8;*/

}



.herowrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
/*    z-index: -99;*/

}



#digitaltext {
    position: relative;
    margin: 0;
    margin-top: -1vw;
    font-family: 'para-bold', serif;
    text-align: right;
    color: #ffffff;
    font-size: 7vw;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition-delay: 0.3s;
    /*    position: fixed;*/
/*    z-index: -999;*/

}

#digitaltext.fadein {
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -webkit-transition: opacity 0.8s ease-in-out;
    -webkit-transition-delay: 0.8s;
    /* Safari */
    transition-delay: 0.8s;
    color: #f8f8f8;

}

#experiencetext {
    opacity: 0;
    position: relative;
    font-family: 'para-bold', monospace;
    font-weight: 400;
    /*    margin-left: 30vw;*/
    color: #f8f8f8;
    float: left;
    font-size: 7vw;
    line-height: 4.2vw;
    margin-top: 0vw;
    z-index: -1;
    /*    position: absolute;*/
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s;
}

#experiencetext.fadein {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transition-delay: 0.7s;
    /* Safari */
    transition-delay: 0.7s;
    /*    transform: rotate(-2deg);*/
}

#designertext {
    opacity: 0;
    /*    position: absolute;*/
    font-family: 'para-bold', monospace;
    font-weight: 400;
    /*    margin-left: 30vw;*/
    color: #f8f8f8;
    float: left;
    font-size: 7vw;
    line-height: 4.2vw;
    margin-top: 6vw;
    z-index: -1;
    position: absolute;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s;
}

#designertext.fadein {
    opacity: 1;
    transition: opacity 0.9s ease-in-out;
    -moz-transition: opacity 0.9s ease-in-out;
    -webkit-transition: opacity 0.9s ease-in-out;
    -webkit-transition-delay: 0.9s;
    /* Safari */
    transition-delay: 0.9s;
    color: #f8f8f8;

}

#myname {
    opacity: 0;
    font-family: 'para-thin', monospace;
    text-align: right;
    /*    margin-left: 30.5vw;*/
    font-size: 3.2vw;
    position: absolute;
    margin-left: 0.4vw;
    color: #CACACA;
    line-height: 2.7vw;
    margin-top: -7.1vw;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
/*    -webkit-transition-delay: 0.4s;*/
/*    transition-delay: 0.4s;*/
}

#myname.fadein {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transition-delay: 0.7s;
    /* Safari */
    transition-delay: 0.7s;
    color: #CACACA;
}

#sundecal {
    opacity: 0;
    position: absolute;
    width: 6vw;
    left: 0vw;
    margin-top: 0vw;
    margin-left: 0vw;
/*    z-index: -999;*/

    /*    transform: rotate(10deg);*/
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
/*    -webkit-transition-delay: 0.2s;*/
/*    transition-delay: 0.7s;*/
}

#sundecal.fadein {

    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -webkit-transition-delay: 1s;

}

#madeindiadecal {
    opacity: 0;
    right: 0;
    top: 0;
    margin-top: 12vw;
    /*    margin-right: -vw;*/
    margin-left: 32vw;
    position: absolute;
    width: 10vw;
    /*    margin-top: 4vw;*/
    transform: rotate(20deg);
    /* Safari */
/*    transition-delay: 0.7s;*/
    /*    color: #f8f8f8;*/
    transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    -webkit-transition-delay: 0.1s;
/*    transition-delay: 0.7s;*/
/*    z-index: -999;*/
}

#madeindiadecal.fadein {
    opacity: 1;
    transition: scale 0.8s ease-in-out;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -webkit-transition-delay: 1s;

}

#scrolldecalbg {
    opacity: 0;
    left: 0;
    bottom: 0;
    margin-left: 16vw;
    margin-bottom: -1vw;
    position: absolute;
    width: 3vw;
    /*    margin-left: 48%;*/
    transition-delay: 0.1s;
    transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
/*    -webkit-transition-delay: 0.7s;*/
    /*        transform: translate(-50%, -50%);*/
}

#scrolldecalbg.fadein {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transition-delay: 0.7s;

}

#scrolldecalarrow {
    opacity: 0;
    left: 0;
    bottom: 0;
    margin-left: 16vw;
    margin-bottom: -1vw;
    position: absolute;
    width: 3vw;
    /*    margin-left: 48%;*/
/*    transform: rotate(10deg);*/
    transition-delay: 0.1s;
    transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    -webkit-transition-delay: 0.1s;
    /*        transform: translate(-50%, -50%);*/
}

#scrolldecalarrow.fadein {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transition-delay: 0.7s;

}


#hero2 {
    position: absolute;
    opacity: 1;
    /* background-color: #F8F6F2E6; */
    background-image: linear-gradient(180deg, #F8F6F2E6, white);
    /* background-color: #fefaef; */
    background-size: cover;
        width: 100vw;
        height: 100vh;


}

#hero2.fadein {
    opacity: 1;
    transition: opacity .70s ease-in-out;
    -moz-transition: opacity .70s ease-in-out;
    -webkit-transition: opacity .70s ease-in-out;
}

#welcomemsggreet {
    opacity: 1;
    font-family: 'title', sans-serif;
    /*    font-style: italic;*/
    text-align: left;
    color: #333333;
    /* font-weight: 700; */
    font-size: 6vw;
    float: left;
    line-height: 6vw;
    margin-left: 7vw;
    margin-right: 0vw;
    /*    padding-top: 2.8vw;*/
    margin-top: 17vw;
    /*    vertical-align: middle;*/
    position: absolute;
    z-index: 10000;
}


#welcomemsg {
    position: absolute;
    opacity: 1;
    font-family: 'para', monospace;
    color: #777777;
    /*    font-weight: 300;*/
    font-size: 1.1vw;
    float: center;
    line-height: 2vw;
    margin-left: 7vw;
    margin-right: 61vw;
    margin-top: 33vw;
    /*   */
    z-index: 100000;

}



#higif {
    position: absolute;
    opacity: 1;
    right: 0;
    height: 36.4vw;
    margin-top: 10.56vw;
    margin-right: -50.4vw;
    transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
}

#higif.movein {
    opacity: 1;
    margin-right: 0;
    transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: margin-right 1.2s ease-in-out, opacity 0.7s ease-in-out;
}


/*START OF UBERBUS*/


#uberbusimage {
    position: absolute;
    height: 42vw;
    right: 0;
    margin-top: 80vw;
    margin-right: 7vw;
}

#uberbusnameleft {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 10vw;
    margin-top: 83vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#uberbusdetailleft {
    position: absolute;
    font-size: 1vw;
    line-height: 2vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-right: 66vw;
    margin-top: 90.5vw;
    z-index: 1;
    line-height: 2vw;
    
    opacity: 1;
    /*   */

}

#uberbusduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    line-height: 2vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-top: 101vw;
    margin-right: 65vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnuberbus {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #212121;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 10vw;
    margin-top: 112.5vw;
    color: #000000;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #E9E9E9;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 0.4vw 0px 0px #000000;
    -moz-box-shadow: -0px 0.4vw 0px 0px #000000;
    box-shadow: -0px 0.4vw 0px 0px #000000;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnuberbus:hover {

    border-color: #212121;
    background-color: #212121;
    -webkit-box-shadow: 0px 0.4vw 0px 0px #000000;
    -moz-box-shadow: 0px 0.4vw 0px 0px #000000;
    box-shadow: 0px 0.4vw 0px 0px #000000;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnuberbus:active {
    margin-top: 112.9vw;
    background-color: #212121;
    border-color: #212121;
    -webkit-box-shadow: 0px 0px 0px 0px #212121;
    -moz-box-shadow: 0px 0px 0px 0px #212121;
    box-shadow: 0px 0vw 0px 0px #212121;
    color: #FFFFFF;
    font-weight: 700;
}


/*START OF MICROSOFT LAYOUT*/

#mslayoutimage {
    position: absolute;
    height: 46vw;
    left: 0;
    margin-top: 148vw;
    margin-left: 10vw;
}

#mslayoutnameright {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 63vw;
    margin-top: 151vw;
    color: #333333;
    opacity: 1;
    /* line-height: 4vw; */
    /*    font-style: italic;*/

}

#mslayoutdetailright {
    position: absolute;
    font-size: 1vw;
    line-height: 2vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-right: 13vw;
    margin-top: 162.5vw;
    z-index: 1;
    opacity: 1;
    /*   */

}

#mslayoutduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-top: 174vw;
    margin-right: 10vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnmslayout {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #5357ee;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 63vw;
    margin-top: 185.5vw;
    color: #3538A5;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #EAEAFF;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 0.4vw 0px 0px #3e42d1;
    -moz-box-shadow: -0px 0.4vw 0px 0px #3e42d1;
    box-shadow: -0px 0.4vw 0px 0px #3e42d1;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnmslayout:hover {

    background-color: #5357ee;
    /*    animation: color_change 1s;*/
    border-color: #5357ee;
    -webkit-box-shadow: 0px 0.4vw 0px 0px #3e42d1;
    -moz-box-shadow: 0px 0.4vw 0px 0px #3e42d1;
    box-shadow: 0px 0.4vw 0px 0px #3e42d1;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnmslayout:active {
    margin-top: 185.9vw;
    background-color: #5357ee;
    border-color: #5357ee;
    -webkit-box-shadow: 0px 0px 0px 0px #3e42d1;
    -moz-box-shadow: 0px 0px 0px 0px #3e42d1;
    box-shadow: 0px 0vw 0px 0px #3e42d1;
    color: #FFFFFF;
    font-weight: 700;
}



/*END OF MICROSOFT LAYOUT*/


/*START OF MIROSOFT AUTOFILL*/


#msautofillimage {
    position: absolute;
    height: 46vw;
    right: 0;
    margin-top: 219vw;
    margin-right: 8.5vw;
}

#msautofillnameleft {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 10vw;
    margin-top: 225vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#msautofilldetailleft {
    position: absolute;
    font-size: 1vw;
    line-height: 2vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-right: 66vw;
    margin-top: 235.5vw;
    z-index: 1;
    line-height: 2vw;
    
    opacity: 1;
    /*   */

}

#msautofillduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    line-height: 2vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-top: 246vw;
    margin-right: 65vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnmsautofill {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #0078D4;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 10vw;
    margin-top: 257.5vw;
    color: #0164AF;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #D9EBF9;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 0.4vw 0px 0px #0164AF;
    -moz-box-shadow: -0px 0.4vw 0px 0px #0164AF;
    box-shadow: -0px 0.4vw 0px 0px #0164AF;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnmsautofill:hover {

    background-color: #0078d4;
    border-color: #0078d4;
    -webkit-box-shadow: 0px 0.4vw 0px 0px #0164AF;
    -moz-box-shadow: 0px 0.4vw 0px 0px #0164AF;
    box-shadow: 0px 0.4vw 0px 0px #0164AF;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnmsautofill:active {
    margin-top: 257.9vw;
    background-color: #0078d4;
    border-color: #0078d4;
    -webkit-box-shadow: 0px 0px 0px 0px #0164AF;
    -moz-box-shadow: 0px 0px 0px 0px #0164AF;
    box-shadow: 0px 0vw 0px 0px #0164AF;
    color: #FFFFFF;
    /* font-weight: 700; */
}


/*START OF MICROSOFT GP*/

#msgpimage {
    position: absolute;
    height: 55vw;
    left: 0;
    margin-top: 287vw;
    margin-left: 1vw;
}

#msgpnameright {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 63vw;
    margin-top: 295vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#msgpdetailright {
    position: absolute;
    font-size: 1vw;
    /*    font-weight: 300;*/
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-right: 14vw;
    margin-top: 306vw;
    z-index: 1;
    line-height: 2vw;
    color: #777777;
    opacity: 1;
    /*   */

}

#msgpduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-top: 317.5vw;
    margin-right: 10vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnmsgp {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #42CB12;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 63vw;
    margin-top: 328vw;
    color: #37A411;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #D9F5D0;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 8vw 0px 0px #37A411;
    -moz-box-shadow: -0px 8px 0px 0px #37A411;
    box-shadow: -0px 0.4vw 0px 0px #37A411;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnmsgp:hover {

    background-color: #42CB12;
    border-color: #42CB12;
    -webkit-box-shadow: 0px 8px 0px 0px #37A411;
    -moz-box-shadow: 0px 8px 0px 0px #37A411;
    box-shadow: 0px 0.4vw 0px 0px #37A411;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnmsgp:active {
    margin-top: 328.4vw;
    background-color: #42CB12;
    border-color: #42CB12;
    -webkit-box-shadow: 0px 0px 0px 0px #37A411;
    -moz-box-shadow: 0px 0px 0px 0px #37A411;
    box-shadow: 0px 0vw 0px 0px #37A411;
    color: #FFFFFF;
    font-weight: 700;
}



/*Moooooocast START */



#moocastimage {
    position: absolute;
    height: 52vw;
    right: 0;
    margin-top: 358vw;
    margin-right: 0vw;
    /* overflow-x: hidden; */
}

#moocastnameleft {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 10vw;
    margin-top: 365vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#moocastdetailleft {
    position: absolute;
    font-size: 1vw;
    /*    font-weight: 300;*/
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-right: 65vw;
    margin-top: 372.5vw;
    z-index: 1;
    line-height: 2vw;
    color: #777777;
    opacity: 1;
    /*   */

}

#moocastduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-top: 383vw;
    margin-right: 65vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnmoocast {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #02DBB6;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 10vw;
    margin-top: 394.5vw;
    color: #05A98D;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #D9FAF4;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 0.4vw 0px 0px #05A98D;
    -moz-box-shadow: -0px 0.4vw 0px 0px #05A98D;
    box-shadow: -0px 0.4vw 0px 0px #05A98D;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnmoocast:hover {

    background-color: #02DBB6;
    border-color: #02DBB6;
    -webkit-box-shadow: 0px 0.4vw 0px 0px #05A98D;
    -moz-box-shadow: 0px 0.4vw 0px 0px #05A98D;
    box-shadow: 0px 0.4vw 0px 0px #05A98D;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnmoocast:active {
    margin-top: 394.9vw;
    background-color: #02DBB6;
    border-color: #02DBB6;
    -webkit-box-shadow: 0px 0px 0px 0px #05A98D;
    -moz-box-shadow: 0px 0px 0px 0px #05A98D;
    box-shadow: 0px 0vw 0px 0px #05A98D;
    color: #FFFFFF;
    font-weight: 700;
}



/*START OF MINDTRIP*/

#mindtripimage {
    position: absolute;
    height: 48vw;
    left: 0;
    margin-top: 428vw;
    margin-left: 5vw;
}

#mindtripnameright {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 63vw;
    margin-top: 435vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#mindtripdetailright {
    position: absolute;
    font-size: 1vw;
    /*    font-weight: 300;*/
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-right: 13vw;
    margin-top: 442.5vw;
    z-index: 1;
    line-height: 2vw;
    color: #777777;
    opacity: 1;
/*       */

}

#mindtripduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 63vw;
    margin-top: 453vw;
    margin-right: 10vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnmindtrip {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #E4A400;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 63vw;
    margin-top: 464.5vw;
    color: #C18C02;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #FBF2D9;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 8vw 0px 0px #C18C02;
    -moz-box-shadow: -0px 8px 0px 0px #C18C02;
    box-shadow: -0px 0.4vw 0px 0px #C18C02;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnmindtrip:hover {

    background-color: #E4A400;
    border-color: #E4A400;
    -webkit-box-shadow: 0px 8px 0px 0px #C18C02;
    -moz-box-shadow: 0px 8px 0px 0px #C18C02;
    box-shadow: 0px 0.4vw 0px 0px #C18C02;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;
}

#exploremorebtnmindtrip:active {
    margin-top: 464.9vw;
    background-color: #E4A400;
    border-color: #E4A400;
    -webkit-box-shadow: 0px 0px 0px 0px #C18C02;
    -moz-box-shadow: 0px 0px 0px 0px #C18C02;
    box-shadow: 0px 0vw 0px 0px #C18C02;
    color: #FFFFFF;
    font-weight: 700;
}

/*START OF PROJECT ALPHA*/

#projalphaimage {
    position: absolute;
    height: 50vw;
    right: 0;
    margin-right: 5vw;
    margin-top: 499vw;
}

#projalphanameleft {

    /*    position: absolute;*/
    position: absolute;
    font-size: 3.5vw;
    font-family: 'title', sans-serif;
    /*    font-weight: 900;*/
    float: left;
    margin-left: 10vw;
    margin-top: 505vw;
    color: #333333;
    opacity: 1;
    line-height: 4vw;
    /*    font-style: italic;*/

}

#projalphadetailleft {
    position: absolute;
    font-size: 1vw;
    /*    font-weight: 300;*/
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-right: 67vw;
    margin-top: 512.5vw;
    z-index: 1;
    line-height: 2vw;
    color: #777777;
    opacity: 1;
    /*   */

}

#projalphaduration {
    position: absolute;
    /*    font-weight: 300;*/
    font-size: 1vw;
    color: #777777;
    font-family: 'para', monospace;
    float: left;
    margin-left: 10vw;
    margin-top: 523vw;
    margin-right: 65vw;
    line-height: 2vw;
    opacity: 1;
}


#exploremorebtnprojalpha {
    position: absolute;
    -moz-border-radius: 0.8vw;
    border-radius: 0.9vw;
    border-style: solid;
    border-width: 0.14vw;
    border-color: #F36717;
    font-family: 'para', monospace;
    /* font-weight: 700; */
    font-size: 1.12vw;
    left: 0;
    margin-left: 10vw;
    margin-top: 534.5vw;
    color: #CA5310;
    opacity: 1;
    padding-right: 8vw;
    padding-left: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    text-decoration: none;
    background-color: #FDE8DC;
    /*    border-color: #5357ee;*/
    -webkit-box-shadow: -0px 0.4vw 0px 0px #CA5310;
    -moz-box-shadow: -0px 0.4vw 0px 0px #CA5310;
    box-shadow: -0px 0.4vw 0px 0px #CA5310;
    /*    color: #2ae49c;*/
    /*    font-weight: 700;*/
}


#exploremorebtnprojalpha:hover {

    background-color: #F36717;
    border-color: #F36717;
    -webkit-box-shadow: 0px 0.4vw 0px 0px #CA5310;
    -moz-box-shadow: 0px 0.4vw 0px 0px #CA5310;
    box-shadow: 0px 0.4vw 0px 0px #CA5310;
    color: #FFFFFF;
    font-family: 'para-bold', monospace;

}

#exploremorebtnprojalpha:active {
    margin-top: 534.9vw;
    background-color: #F36717;
    border-color: #F36717;
    -webkit-box-shadow: 0px 0px 0px 0px #CA5310;
    -moz-box-shadow: 0px 0px 0px 0px #CA5310;
    box-shadow: 0px 0vw 0px 0px #CA5310;
    color: #FFFFFF;
    font-weight: 700;
}



#creativecommons {
    vertical-align: middle;
    align-content: center;
    margin-left: 44.5vw;
    position: absolute;
    width: 10vw;
    padding-bottom: 10vw;
    margin-top: 569.5vw;
    transform: rotate(5deg);
}

#upnexttext {
    font-size: 1vw;
   
    font-family: 'para', monospace;
    /*    font-weight: 200;*/
    position: absolute;
    color: #FFFFFF;
    line-height: 2.2vw;
    margin-left: 38vw;
    margin-right: 24vw;
    margin-top: 585.5vw;
    /* text-shadow: 1px 1px #ffbb00; */

}


#upnexttitle {
    font-size: 6vw;
    text-align: center;
    align-content: center;
    width: 100%;
    font-family: 'title', monospace;
    /*    font-weight: 200;*/
    position: absolute;
    color: #ffffff;
    line-height: 6vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 587vw;
    /* text-shadow: 2px 2px #ffbb00; */
}

#comingsoontext {
    font-size: 1vw;
    right: 0;
    margin-right: 38vw;
    font-family: 'para', monospace;
    color: #FFFFFF;
    position: absolute;
    margin-top: 599vw;
    transform: rotate(-2deg);
    /* text-shadow: 1px 1px #ffbb00; */
}



footer {

    position: absolute;
    width: 100%;
    
    background-color: #3A3A39;
    height: 35vw;
    margin-top: 575vw;
    /*   transform: skew(0, -2deg);*/
    /*    z-index: -9999;*/
}


#landscapeimg{
    position: absolute;
    height: 95vh;
    margin-top: 2vh;
    margin: auto;
    left: 0;
    right: 0;
    /* vertical-align: ; */
    right: 0;
    /* margi */
    z-index: +99999;
}


@media only screen and (orientation:portrait) {
    
    #wrapper {
        display:none;
        /* overflow-x: hidden; */
        
       
    }
    
    body{
        /* overflow-x: hidden; */
    }
    
    #warning-hero{
        opacity: 1;
    background-size: cover;
/*    position: fixed;*/
    height: 100vh;
    width: 100vw;
    background-color: black;
    /* overflow-x: hidden; */
    }
    
}

@media only screen and (orientation:landscape) {
    #warning-hero {
        display: none;
        /* overflow-x: hidden; */
    }
}



#fadein {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {

    /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {

    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {

    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}