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: #FFF;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{padding: 0px 0px 0px 0px; */float: left;width: 100%;height: 100vh; */display: flex;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
main:before{content:'';display:inline-block;width: 50%;height: 100vh;position:  absolute;background-color: #08fdff;}
.main-container{height: 100vh;margin: auto;position:  relative;display: inline-block;float:  left;max-width: 1700px;}
.title-info-box{/* display: flex; */width: calc(100% - 40px);margin: 29px 20px 0px 20px;text-transform: uppercase;font-size: 14px;color: #040630;font-weight: 300;text-align: center;line-height: 30px;}
.title-info-box a{position:  relative;color: #040630;opacity: 0.5;text-decoration: none;}
.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;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.logo-box img{width: auto;height: 100%;display: flex;}

/* ******* ******* EFFECTS ******* ******* EFFECTS ******* ******* EFFECTS ******* ******* EFFECTS ******* ******* EFFECTS ******* ******* */
/* Transition */
/* 1s */
.transition-all-1s{transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-1s a{transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-1s span{transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .1s cubic-bezier(0.75, 0, 0, 0.75);}
/* 2s */
.transition-all-2s{transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-2s a{transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-2s span{transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .2s cubic-bezier(0.75, 0, 0, 0.75);}
/* 3s */
.transition-all-3s{transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-3s a{transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);}
.transition-all-3s span{transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-webkit-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-moz-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-o-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);-ms-transition: all .3s cubic-bezier(0.75, 0, 0, 0.75);}

/* ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* RESPONSIVE ******* ******* */
/* width max: 1900px */
@media screen and (max-width: 1900px) {

}

/* width max: 1600px */
@media screen and (max-width: 1600px) {

}

/* width max: 1400px */
@media screen and (max-width: 1400px) {

}

/* width max: 500px */
@media screen and (max-width: 500px) {
.logo-box img {width: 100%;height: auto;}
}

/* height max: 600px */ 
@media screen and (max-height: 600px) {
.logo-box {height: calc(100vh - 150px);margin: 50px 20px 0px 40px;}

}