/*
Product name: Meteor
Author: Sentav Design
Website: https://sentav.design
Contact: info@sentav.design
*/

/* Meteor */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button{margin:0;padding:0;list-style-type:none;border:none;outline:none;}
body{background-color: #140b42;color:#000;margin:0;height:100%;padding:0;font-size:16px;min-width: 300px;font-family:'opensans';font-weight:200;overflow: hidden;}
h1,h2,h3,h4,h5{line-height:normal;font-weight:lighter;font-family:'opensans';font-weight:500}
h1{font-size: 80px;line-height: 108px;}
h2{font-size:30px;}
h3{font-size: 25px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
a{color:#418bc1;text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{color:#1e73b0;text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:visited{text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:0 none}
div{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
div:hover{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
div:visited{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
::-moz-selection{color:#FFF;background:#49B9F5;outline:none;}
::selection{color:#FFF;background:#49B9F5;outline:none;}
::-moz-selection{color:#FFF;background:#49B9F5;outline:none;}
::-webkit-selection{color:#FFF;background:#49B9F5;outline:none;}

/* ******* ******* FONTFACE ******* ******* FONTFACE ******* ******* FONTFACE ******* ******* FONTFACE ******* ******* FONTFACE ******* ******* */
/* Opensans */
@font-face{font-family:'opensans';src:url(../fonts/opensans/opensanslight.eot);src:url(../fonts/opensans/opensanslight.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans/opensanslight.woff) format("woff"),url(../fonts/opensans/opensanslight.ttf) format("truetype"),url(../fonts/opensans/opensanslight.svg#OpenSans-Light) format("svg");font-weight:100;font-style:normal}
@font-face{font-family:'opensans';src:url(../fonts/opensans/opensans.eot);src:url(../fonts/opensans/opensans.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans/opensans.woff) format("woff"),url(../fonts/opensans/opensans.ttf) format("truetype"),url(../fonts/opensans/opensans.svg#OpenSans) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'opensans';src:url(../fonts/opensans/opensansbold.eot);src:url(../fonts/opensans/opensansbold.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans/opensansbold.woff) format("woff"),url(../fonts/opensans/opensansbold.ttf) format("truetype"),url(../fonts/opensans/opensansbold.svg#OpenSans-Bold) format("svg");font-weight:500;font-style:normal}

/* ******* ******* CONTENT ******* ******* CONTENT ******* ******* CONTENT ******* ******* CONTENT ******* ******* CONTENT ******* ******* */
/* Main container */
main{width: 100%;height: 100vh;display: inline-flex;}
.main-container{height: 100vh;margin: auto;position:  relative;display: inline-block;float:  left;max-width: 1700px;}
.title-info-box{width: calc(100% - 40px);margin: 29px 20px 0px 20px;text-transform: uppercase;font-size: 14px;color: #ffffff;font-weight: 300;text-align: center;line-height: 30px;}
.title-info-box a{position:  relative;color: #ffffff;opacity: 0.5;text-decoration: none;transition: all .2s ease-in-out;}
.title-info-box a:before{content: '';display: inline-block;width: 100%;position:  absolute;height: 40px;top: -35px;left: 0px;}
.title-info-box a:after{content: '';display: inline-block;width: 100%;position: absolute;height: 40px;left: 0px;top: 15px;}
.title-info-box a:hover{opacity: 1;}
.logo-box{position: relative;width: calc(100% - 80px);height: calc(100vh - 250px);text-align: center;display: flex;margin: 100px 40px 0px 40px;justify-content: center;align-items: center;flex-wrap: wrap;}
.logo-box img{width: auto;height: 100%;display: flex;}

/* ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* */
/* width max: 1100px */
@media screen and (max-width: 1100px) {
.logo-box img {width: 100%;height: auto}
.logo-box {margin: 40px 40px 0px 40px;width: calc(100% - 80px);height: auto;}
body{overflow: auto;}
.title-info-box {margin: 40px 0px 0px 0px;width: 100%;}
}