@charset "utf-8";

/* CSS Document For splash.php  */

* { margin: 0; padding: 0; }

body{font-family: 'Roboto', sans-serif;}

html { background: url(../splash-pages/sp_images/forest-road-landscape.jpg) no-repeat center center fixed; -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden;}

h1{color: #fff; font-weight: bold;}

p{color:#fff;}

a{text-decoration:none; color:#fff;}

@-webkit-keyframes fadein {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@-moz-keyframes fadein {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@-o-keyframes fadein {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@keyframes fadein {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}



#container{width:100%; height:auto; min-height:600px; margin:auto; margin-top:5px; text-align:center;}



@media only screen and (min-width: 200px)  {

#text { 

font-size:1.2em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

}

#text2 { 

font-size:1.2em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

  	margin-top:25px;

}



}



@media only screen and (min-width: 400px)  {

#text { 

font-size:1.4em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

}

#text2 { 

font-size:1.3em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

  	margin-top:25px;

}



}



@media only screen and (min-width: 600px)  {

#text { 

font-size:1.6em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

}

#text2 { 

font-size:1.5em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

  	margin-top:25px;

}

}

@media only screen and (min-width: 900px)  {

#text { 

font-size:2.5em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

}

#text2 { 

font-size:2.3em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

  	margin-top:25px;

}

}

@media only screen and (min-width: 2400px)  {

#text { 

font-size:3em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

}

#text2 { 

font-size:3em;

text-align:center;

z-index:1;

  -webkit-animation: fadein 6s; /* Safari 4+ */

  -moz-animation:    fadein 6s; /* Fx 5+ */

  -o-animation:      fadein 6s; /* Opera 12+ */

  animation:         fadein 6s; /* IE 10+, Fx 29+ */

  	margin-top:25px; 

}

}

#block{

background-color: rgba(15,0,0,0.6); width:90%; max-width:800px; min-width:300px; margin:auto; border-radius: 25px;

}



.mem_ban_div{display:block; width:auto; max-width:468px; height:auto; max-height:60px; overflow:hidden; z-index:2; margin:auto; border:0; }



.logo{width:auto; max-width:350px; height:auto; margin:auto;}

/*  DLB Splash Page  */

.dlb_body{font-family:'arial',verdana,helvetica,lucida grande sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.4em;font-variant:normal;color:#fff;  margin-top:0;margin-left:auto;margin-right:auto}

.container{width:700px; margin:auto; margin-top:25px; margin-bottom:25px; background-color:#FFFFFF; font-family:'arial',verdana,helvetica,lucida grande sans-serif; border:none; border-color:#585858; border-width:1px; border-radius:8px; overflow:hidden; box-shadow: 0 0 5px 5px #fff;}

.h21{text-align:center; font-size:24px; color:#009900; padding:10px;}

.h22{text-align:center;}

.l1{text-align:center; font-family:'arial',verdana,helvetica,lucida grande sans-serif; color:#003366; font-size:1.1rem; line-height:2.5em;}

.l2{color:#fff;}

.ls1{line-height:1.6em; margin-left:100px; font-size:18px;}

.foot_note{ position:fixed; bottom:0; right:0; padding:5px; text-align: center;

    background-color: #fff;

    border-radius: 8px;}

.foot_note a{ color:#585858; }

.bdiv{width:100%; text-align:center; margin-top:25px; font-size:18px;}



.cookie_button{    box-shadow: 0 0 10px 100px rgba(255,255,255,.15) inset;

    background: #777;

    border: 0;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: .85rem;

    padding: .825rem 1rem;

    text-align: center;

  margin:auto;

}