@charset "utf-8";
/* CSS Document */

/* Start of Desktop styling */
@media screen and (min-width: 1024px){
body{
    width:100vw;
    margin:0vw;
    overflow-x: hidden;
}

.firstnav{
    width:100vw;
    height:10vw;
    display:block;
    float:left;
    position:fixed;
    top:0vw;
    left:0vw;
    background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(39,46,102, 1.0) 0%, rgba(39,46,102, 0) 100%);
background: -webkit-linear-gradient(180deg, rgba(39,46,102, 1.0) 0%, rgba(39,46,102, 0) 100%);
background: linear-gradient(180deg, rgba(39,46,102, 1.0) 0%, rgba(39,46,102, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272e66",endColorstr="#272e66",GradientType=1);
    z-index:100;
}

.firstnav img{
    height:5vw;
    width:auto;
    margin:2vw 1vw 2vw 2vw;
    display:inline-block;
    float:left;
}

.firstnav .links{
    float:right;
}

.firstnav .links a{
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1.2vw;
    color:rgba(255,255,255,1.0);
    text-decoration: none;
    display:inline-block;
    line-height:3vw;
    float:left;
    margin-right:1vw;
    padding: 3vw 1.5vw 0vw 1.5vw;
}

.firstnav .links a:hover{
    border-bottom-style: solid;
    border-bottom-color: rgba(255,255,255,1.0);
    border-bottom-width: medium;
}
    
    .firstnav .links img{
        height:2vw !important;
        width: 2vw !important;
    }

.secondnav{
    width:100vw;
    height:5vw;
    display:block;
    float:left;
    position:fixed;
    top:0vw;
    left:0vw;
    background-color: rgb(255,255,255,1.0);
    z-index:100;
    opacity:0;
    border-bottom-width:thin;
    border-bottom-style:solid;
    border-bottom-color: rgba(39,46,102, 1.0);
}

.secondnav img{
    height:3vw;
    width:auto;
    margin:1vw;
    display:inline-block;
    float:left;
}

.secondnav .links{
    float:right;
}

.secondnav .links a{
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1.2vw;
    color: rgba(39,46,102, 1.0);
    text-decoration: none;
    display:inline-block;
    line-height:5vw;
    float:left;
    margin-right:2vw;
    padding: 0vw 1.5vw 0vw 1.5vw;
}
    
    .secondnav .links a:hover{
    background-color: rgba(39,46,102, 1.0);
    color:rgba(255,255,255,1.0);
}
    
    .secondnav .links img{
        height:2.5vw !important;
        width: 2.5vw !important;
        display:inline-block;
    }
    
    .secondnav .links img:hover{
        filter: brightness(0) invert(1);
    }

.homevideo{
    width:100vw;
    height:56.5vw;
    background-color: rgba(39,46,102, 1.0);
    display:block;
}

.homevideo video{
    opacity: 0.3;
    width:100vw;
    height:56.5vw;
    margin:0vw;
    padding:0vw;
}
    
    .homevideo iframe{
    opacity: 0.3;
    width:100vw;
    height:56.5vw;
    margin:0vw;
    padding:0vw;
}
    
    .player .vp-controls{
        display:none !important;
    }
    
.homevideo h1{
    width:40vw;
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    font-size:3.5vw;
    color:rgba(255,255,255,1.0);
    float:left;
    position: absolute;
    top:20vw;
    left:30vw;
    z-index:60;
    text-align: center;
    text-shadow: 0vw 0vw 1vw rgba(0,0,0,1.0);
    opacity: 0;
}
    
        .homevideo #mobile{
        display:none;
    }

}

/* Start of Mobile styling */
@media screen and (max-width: 1023px){
body{
    width:100vw;
    margin:0vw;
    overflow-x: hidden;
}

.firstnav{
    display:none;
}

.secondnav{
    display:none;
    }

.homevideo{
    width:auto;
    height:100vh;
    background-color: rgba(39,46,102, 1.0);
    display:block;
    margin-left:-100vw;
}

.homevideo video{
    opacity: 0.3;
    width:auto;
    height:100vh;
    margin:0vw;
    padding:0vw;
    margin-left:0vw;
}
    
.homevideo iframe{
    display:none;
}

.homevideo h1{
    width:80vw;
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    font-size:8vw;
    color:rgba(255,255,255,1.0);
    float:left;
    position: absolute;
    top:70vw;
    left:10vw;
    z-index:60;
    text-align: center;
    text-shadow: 0vw 0vw 1vw rgba(0,0,0,1.0);
    opacity: 0;
}
    
    .homevideo #desktop{
        display:none;
    }


}