@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');
* { margin:0px;padding:0px;list-style-type: none;  }

*:active, *:hover, *:focus { outline:0px !important; }

select { -webkit-appearance:none; }
textarea { resize: none; }

a, a:hover, a:focus { cursor:pointer;text-decoration: none;  }


.loader { position: fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#001739;width:100%;height:100%;z-index: 7777; }
.loader:before { 

content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/18Ffff.svg);
    background-position: 150px center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -11;
}
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px; }
.mb15 { margin-bottom:15px; }
.mb30 { margin-bottom:30px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.h168 { min-height: 168px; }

.bottom {
    display: inline-block;position: fixed;bottom:15px;right:15px;
    animation: blinker 3s linear infinite;z-index: 22;
}

.bottom img { width:25px; }

@keyframes blinker {
    50% { opacity: 0; }
}

      
body {
    font-family: 'Open Sans', sans-serif;color: rgba(97,97,97,.87);font-size: 14px; 
    background-color:#001739;

}
body:before { 
    content:'';
    display: block;position: absolute;top:0;left:0;
    background-image:url(../images/18Ffff.svg);
    background-position: 150px center;
    background-repeat:no-repeat; 
    background-size: 100%;
    background-attachment: fixed;
    width:100%;height:100%;
    opacity:.7;z-index: -11; 
}
body.bg18Ffff:before { background-image:url(../images/18Ffff.svg); }
body.bgD50000:before { background-image:url(../images/D50000.svg); }
body.bg76FF03:before { background-image:url(../images/76FF03.svg); }
body.bgFf6f00:before { background-image:url(../images/Ff6f00.svg); }
body.bg1e88e5:before { background-image:url(../images/1e88e5.svg); }


.topbar { display: none;position: relative;background:none;border:0;border-bottom: 1px solid #e1e1e1;border-radius: 0;margin:0;width:100%; z-index: 500; }

.topbar .nav  { display: flex;align-items:flex-end;width: 100%; }


.topbar .nav > li > a { display:block;border-radius: 5px; color: #646464;padding:5px 10px; font-size: 13px; }
.topbar .nav > li > a:hover, .topbar .nav > li > a:focus { background:rgba(235, 237, 242, .4); color:#646464; }
.topbar .nav > li > a > .count { display:inline-block;background:#DD1D21;width:10px;height:10px;line-height:10px;color:#FFFFFF;font-size:8px;margin-left:5px;border-radius: 100%;font-weight: 300;text-align: center; }

.main { height: 100vh; }

.hero { padding:100px 0 120px 0; color:#FFFFFF;height:300px; }
.hero h1 { font-weight: 900;font-size:40px;padding:0; margin:0; padding:0 0 15px 0;lletter-spacing: 1px; }
.hero h1 a { display:block;color:#FFFFFF; }
.hero p { font-weight: 500; }
.hero > div { display:none; }
.hero > div:first-child { display: block; }


.menu { position:relative;width:100%; }
.menu > li { float:left;margin-right:20px;}
.menu > li a { 
    display: block;color:rgba(255,255,255,.4);width:55px;height:55px;line-height:55px;font-size:40px;padding:0px;text-align: center;
    -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;  
}

.menu > li >  a:hover, .menu > li.active > a { background:none; color:rgba(255,255,255,.9);font-size:55px; }

.menu > li.active ul.sub { display: block;z-index: 9999; }
.sub { display: none;position: absolute;left:0;float: left;padding:0;margin:0;list-style: none;text-align: left; }

.sub > li{ float:left;margin-top:20px;margin-right: 20px;}
.sub > li > a { display:block;width:55px;height:55px;line-height:55px;font-size:50px;color:rgba(255,255,255,.1);font-size:40px;text-align: center; }
.sub > li >  a:hover, .sub > li.active > a { color:rgba(255,255,255,.9); }




.videos  { position: relative;display: block;margin-top:400px;overflow: hidden; }
.videos .item { font-size:18px;color:#FFFFFF;margin-bottom:200px; }
.videos .item h2 { font-size:25px;margin-bottom:20px;}
.videos .item .row{ display: flex;align-items: center; }