html, body, div, applet, object, spyn,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, 
footer, hgroup, menu, nav, section {
  display: block;
}


body, html {
  background-color:#248aca;

  color: #111;    
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; 
  font-size: 1.2vw; line-height:1.6vw;
  overflow-x: hidden;
}

img{
  max-width:100%;
  width: 100%;
  height:auto;
    border: none;
}

.hidden-mobile {visibility: visible; display: block}
.hidden-main {visibility: hidden; display: none}

@media screen and (max-width:480px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}

.overlay-image-100 {position: relative; float: left; width:100%; height: 100vh; padding:0 0%; margin: 0;}

.overlay-image-100 img {
    height: 100vh;
    width: 100%;  
    object-fit: contain;
	opacity: 1.0;
    margin:0 0 0em 0;
}

@media screen and (max-width:480px) {
    
 .overlay-image-100 {position: relative; float: left; width:100%; height: 100vh; padding:0 0% 4em 0; margin: 0;}
    
}
/*preloader animation*/
.load-bar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: #248aca;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #FFF;
  -webkit-animation: loading 6s linear ;
          animation: loading 6s linear ;
}
.bar:nth-child(2) {
  background-color:#248aca;
  -webkit-animation: loading 0s linear 1s ;
          animation: loading 0s linear 1s ;
}
.bar:nth-child(3) {
  background-color: #FFF;
  -webkit-animation: loading 3s linear 2s;
          animation: loading 3s linear 2s;
}

@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
@-webkit-keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#248aca;  
  z-index: 999999;}

#status {
  width: 50%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px 0 0 -25%; }

@media screen and (max-width:480px) {
	
#status {
  width: 80%;
  height: 1px;
  position: absolute;
  left: 20%;
  top: 50%;
  margin: 0px 0 0 -10%; }	

}