body { color:#fff; height:100%; font-weight:300; font-family: "Montserrat", Helvetica, Arial, sans-serif; background-color:#000; font-size:100%; padding: 0px;}

html { height:100%;}
.textleft { text-align:left;}
.textright { text-align:right;}
.textcenter { text-align:center;}
.alignright { float:right; margin:0 0 20px 20px;}
.alignleft { float:left; margin:0 20px 20px 0;}
.valign_parent { display:table; width:100%; height:100%; float:none;}
.valign_child { display:table-cell; vertical-align:middle; height:100%; float:none;}
.valign_parent_res { display:table; width:100%; height:100%;}
.valign_child_res { display:table-cell; vertical-align:middle; height:100%; float:none;}
.valign_child_res_bt { display:table-cell; vertical-align:bottom; height:100%; float:none;}
.valign_child_res_tp { display:table-cell; vertical-align:top; height:100%; float:none;}
.responsiveimage { background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.responsiveimagebot { background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.responsiveimagelink { display:block; position:relative; z-index:2;}
.responsiveimage-ratio1 {position: relative; padding-bottom: 20%; height: 0;}
.responsiveimage-ratio2 {position: relative; padding-bottom: 50%; height: 0;}
.responsiveimage-ratio3 {position: relative; padding-bottom: 60%; height: 0;}
.responsiveimage-ratio4 {position: relative; padding-bottom: 80%; height: 0;}
.responsiveimage-ratio5 {position: relative; padding-bottom: 100%; height: 0;}
.responsiveimage-ratio6 {position: relative; padding-bottom: 150%; height: 0;}
.contentpadding_exsm { padding-top:20px; padding-bottom:20px;}
.contentpadding_sm { padding-top:40px; padding-bottom:40px;}
.contentpadding_med { padding-top:60px; padding-bottom:60px;}
.contentpadding_lg { padding-top:80px; padding-bottom:80px;}
.contentpadding_exlg { padding-top:100px; padding-bottom:100px;}
.contentpadding_notop { padding-top:0;}
.contentpadding_nobot { padding-bottom:0;}
.contentmargin_exsm { margin-top:20px; margin-bottom:20px;}
.contentmargin_sm { margin-top:40px; margin-bottom:40px;}
.contentmargin_med { margin-top:60px; margin-bottom:60px;}
.textpadding_sm { padding-left:20px; padding-right:20px; margin:auto; max-width:660px;}
.textpadding_md { padding-left:40px; padding-right:40px; margin:auto; max-width:660px;}
.textpadding_lg { padding-left:60px; padding-right:60px; margin:auto; max-width:660px;}
.globalmargin_sm { margin:0px;}
.globalmargin_md { margin:10px;}
.globalmargin_lg { margin:20px;}
.globalpadding_md { padding:10px;}
.desktopswitch { display:block;}
.mobileswitch { display:none;}
.empty { height:10px;}
.fullheight { height:100%;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.animate {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.animate-sl {-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.animate_slow {-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .5s ease-in-out;}
.animate_long {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.animate_slow_delay {-webkit-transition:all .4s ease-in-out 0.4s;-moz-transition:all .4s ease-in-out 0.4s;-o-transition:all .4s ease-in-out 0.4s; transition:all .4s ease-in-out 0.4s;}
.animate_slow_delay_long {-webkit-transition:all 1s ease-in-out 1s;-moz-transition:all 1s ease-in-out 1s;-o-transition:all 1s ease-in-out 1s; transition:all 1s ease-in-out 1s;}
h1, h2, h3, h4, h5, h6 {
  font-weight:600;
  margin:14px 0 28px 0;
  letter-spacing: 10px;
  line-height:1.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:600;}
h1 { font-size:2em; }
h2 { font-size:1.8em;}
h3 { font-size:1.8em;}
h4 { font-size:1.8em;}
h5 { font-size:1.6em;}
h6 { font-size:1.4em;}
p, li { font-size:1.2em;}
p { font-size:1.8em; margin:10px 0 10px 0; line-height:1.6em; color:#fff; letter-spacing:1px; text-transform:none;}
p a { text-transform:none;}
a:link { color: #fff; font-weight:normal; text-decoration:none; }
a:visited { color: #fff; font-weight:normal; text-decoration:none; }
a:hover { color: #fff; font-weight:normal; text-decoration:none; }
a:active { color: #fff; font-weight:normal; text-decoration:none; }
.lrg_txt {font-size:1.7em; line-height:1.4em; margin-bottom:25px; font-weight: 600; color: #00BBCF; }
.sml_txt {font-size:1.5em; line-height:1.4em;}
ul { margin: 0;}
ul li { list-style-type: none; margin:0 ; padding-left: 20px; position: relative; display: inline-block; margin: 4px 8px; text-align: left; font-size:1.4em; letter-spacing: 1px;}
ul li:before { position: absolute; left: 0; top: 2px; content: ''; display: block; width: 16px; height: 16px; background-image: url('../images/bullet.svg'); background-position: left center; background-size: 12px; background-repeat: no-repeat; }
.signoff span { display: inline-block; margin-left: 15px; margin-right: 15px;}

.splashpage { height:100%; /*background:url(images/ll_bg.jpg) center center no-repeat; background-size:cover;*/ background-color: black;}
.spalshcover { background-color:black; width:100%; height:100%; position:absolute; z-index:10; top:0; left:0; opacity:1; transition:all 1s ease-out 0s; pointer-events:none;}
.spalshcover.spalshcover-anim {opacity: 0;}

.textmain { opacity:0; transition:all 1s ease-out 1s;}
.textmain.textmain-anim { opacity:1;}

.logo { max-width:240px; height:auto; position:relative; margin:-20px auto 40px auto;}
.logo .logo-01 { position:absolute; bottom:0; left:0; width:100%; height:auto; z-index:1; }
.logo .logo-02 { position:absolute; bottom:0; left:0; width:100%; height:auto; z-index:2; }
.logo .logo-03 { position:relative; width:100%; height:auto; z-index:3; }

.logo .logo-01 { transform: translateY(-20px); opacity:0; transition:all 1s ease-out 0.4s; }
.logo .logo-02 { transform: translateY(-20px); opacity:0; transition:all 1s ease-out 0.4s; }
.logo.logo-anim .logo-01 { opacity: 1; transform: translateY(0); }
.logo.logo-anim .logo-02 { opacity: 1; transform: translateY(0); }

@media screen and (max-width: 780px) {  
  body { padding: 20px;}
  p, li  { font-size:1.4em;}
  .signoff span { display: block; }
  .valign_parent { display:block; width:100%; height:100%; float:none;}
.valign_child { display:block; vertical-align:middle; height:100%; float:none;}
}