body{width:100%; height:100%; margin:0px 0px; padding:0px 0px 250px 0px; 
color:#ffffff; font-size:32px; font-family:Roboto; font-weight:300;text-align:center;
background:transparent;

}*{box-sizing:border-box;}
.body_background{position:fixed; z-index:-20;top:0; width:100%; height:100%; 
background-size:100% 100%;
background-position:absolute;
background-position:fixed;
background-image:linear-gradient(to top left, #0000ff 40%, #000000 60%);}

#body{ background:#fff000;}

body::-webkit-scrollbar{width:0;}
body{-ms-overflow-style:none; scrollbar-width:0;}

.transform{border: 0px; padding:0px 8px; margin: 4px 0px 8px 0px; color:#000000; font-size:75%; font-family:Roboto; font-weight:300; background:#ffffff; cursor:default;-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;}

.transform:hover{border: 0px; padding:0px 8px; margin: 4px 0px 8px 0px; color:yellow; font-size:75%; font-family:Roboto; font-weight:300; background:#000000; cursor:default;-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;}

#manual{display:none; position:absolute; z-index:0; top:0; height:150%;
}
.animate-top{position:fixed; z-index:99;  line-height:.75;white-space:nowrap;  padding:8px;background:none; border:00px solid #00ff00;}

.toprow {position:fixed; top:0; left:0; width:100%; text-align:center;font-weight:600; background:#eeeeff;}

div.col-16.bottomrow {position:fixed;right:0;bottom:0;z-index:99999;border:00px solid red; cursor:default; background:#fffff8;}

h1,h2,h3,h4,h5{width:100%; text-transform:Capitalize; text-align:center; cursor:default; margin:0; padding:0;}

h1{font-size:100%; font-weight:300; position:fixed; top:0; left:0;z-index:999; width:60%;margin:0px 20%; padding:4px; border:00px solid #00ff00;background:#000000; }
h2{font-size:70%; font-weight:200; text-transform:lowercase; }
h3{font-size:80%; font-weight:100;}
h4{font-size:40%; font-weight:100;}
h5{font-size:20%; font-weight:100;}

 #album{width:100%; border:00px solid red; padding:36px 0%; margin:0px 0px; font-weight:normal; font-style:normal; text-align:center; float:left;
}

 #albumc{width:100%; border: 10px solid red; padding:36px 0%; margin:0px 0px; font-weight:normal; font-style:normal; text-align:center; float:left;width:100%; height:100%; border:0px solid red;  position:absolute; z-index:0; top:0px;left:0; padding-top:14px;
}

#gallery_page{border:00px solid #782d78;display:block;float:left;width:100%;height:100%; }
#gallery_page h1{  }
#gallery_page h2{width:33%; margin:0% 33%; background:none;}
#gallery_page h3{ }

#album_page{border:00px solid #ff0000;display:block;float:left;width:100%;height:100%;}
#album_page h1{}
#album_page h2{background:none;width:33%; margin:0% 33%; border:0px solid transparent;}
#album_page h3{font-size:60%; font-weight:100; background:#000000; }

#album_full_page{position:absolute; top:0; z-index:9;width:100%;height:100%; display:block;float:left; border:00px solid #ff00ff; color:#000000; }
#album_full_page h1{margin:0 0 0px 0 ; padding:0; background:#ffffff; position:relative;}
#album_full_page h2{margin:0 0 0px 30% ; padding:0; width:40%; border:00px;  background:#fffff8;}

#collections_page{border:0 solid #ff0000; display:block; float:left; width:100%; height:100%;}
#collections_page h1{width:33%; text-transform:Capitalize; text-align:center; cursor:default; margin:0 33%; padding:0; position:fixed; top:0; ;z-index:0; 
 z-index:999;}
#collections_page h3{ display:block; float:left;width:100%; margin: 0 auto;font-size:60%; font-weight:100; border:00px solid #ff0000; background:#000000;}
#collections_full_page{color:#000000; }
.collections_description{position:fixed; top:42px; right:25%; z-index:9999999999999;   width:50%; color:#000000; background:#ffffee; padding: 6px 5%; border-radius:15px; }

#admin_page{border:00px solid #782d78;display:block;float:left;width:100%;height:100%; }

form.bottom_stats{display:block; float:left; width:15%; font-size:50%; font-weight:300; color:#000000; text-align:center; border:01px solid #ffffff;  }
form.bottom_stats#THEMES{display:block; float:left; width:20%; font-size:75%; font-weight:300; text-align:center;background:#000000;}
form.bottom_stats#THEMES form{ background:#000000;}
form.bottom_stats#THEMES select{display:block;float:left;color:#ffffff;font-size:65%;font-weight:100;text-align:center;background:#000000;}
form.bottom_stats#THEMES input{display:block; float:left; font-size:55%; font-weight:100;  text-align:center;}
#admin_page #number_of_pics{ background:#ffffff; color:#000000; }
#admin_page .toprow {color:#000000; background:#eeeeff;}
#admin_page h2{}
#admin_page h3{ }

.col-16.album_title{width:96%; margin:-0px 02% 00px 02%; padding:4px;
 color:#ffffff; font-size:100%; font-size:100%; background:none; border:0;}
.album_description{width:96%; margin:0px 0px 00px 0px; padding:00px 0px 00px 0px; font-size:60%; text-align:center; background:transparent; border:01px solid #787878; }

.col-16.album_cover_photo_title{width:96%; margin:-0px 02% 00px 02%; padding:4px;
 font-size:60%; color:#ffffff;background:none; border:01px solid #787878;}
.title_gallery{border:00px solid red; width:100%; padding:0px; margin:0px; color:#ffffff; font-size:100%; font-weight:normal; font-style:normal; text-align:center; text-transform:Capitalize; display:block; float:left; background:transparent;}

form .col-16.title_album{border:00px solid yellow; font-size:80%; color:#ffffff; text-transform:Capitalize; margin:0 0px; padding:0 0px; background:none; overflow:hidden; cursor:default;}

textarea.album_description{width:96%; margin:0px 0px 00px 0px; padding:00px 0px 00px 0px; font-size:60%; text-align:center;color:#ffffff; background:transparent; border:01px solid #787878; } 
.col-16{width:100%; border:0px solid white; padding:0px; margin:0px; font-weight:normal; font-style:normal; text-align:center; float:left; background:transparent;}
 
.index { 
background: url('thankyou.jpeg')0px 50% no-repeat fixed #ffffff;
background-size: 100% 100%; }
input{font-size:24px; text-align:center; margin:2px 0;}
div#operator.operator,div#operator2.operator2 {-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
margin-bottom:36px;
 }
div.col-4{width:24%; padding: 0px ; margin: 0px .5% 012px .5%; display:block; float:left; background:transparent; border:00px solid transparent; border-radius:12px; cursor:default;
 background-size:100% 100%;
}

div.col-4:hover{background-size:160% 160%; background-position:50% 50%;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}
.col-8{width:50%; border:0px solid white; padding:0px; margin:0px; font-weight:normal; font-style:normal; float:left; background:transparent;}
.col-8.r{text-align:right;}
.col-8.l{text-align:left;}
.glovebox{text-align:right; position:absolute; right:0;}
.col-16.c{position:absolute; top:0; width:100%; padding:0px; margin:0px; float:left; }
.col-16.title{border:000px solid yellow; font-size:70%; text-transform:Capitalize;cursor:default; margin:0 0px; padding:0 0px; background:black; color:#000000; overflow:hidden;text-transform:Capitalize; cursor:default; margin:0; padding:0 6px; background:#000000; color:#ffffff; }
span.title{position:fixed; border:00px solid red; width:100%; padding:0px; margin:0px; font-size:100%; font-weight:normal; font-style:normal; text-align:center; text-transform:Capitalize; display:block; float:left; background:#000000;  color:#ffffff;}
span.title_album{border:05px solid yellow; font-size:24px; color:#000000; text-transform:Capitalize; margin:0 0px; padding:0 0px; background:none; overflow:hidden; cursor:default;}
span.title_album{border:0px solid yellow; font-size:24px; color:#ffffff; text-transform:Capitalize; margin:0 0px; padding:0 0px; background:none; overflow:hidden; cursor:default;}
form.album_cover{border:010px solid white;}
form.col-16.album_cover cover{border:20px solid green;}
form.col-16.album_cover button{border:0px solid blue; cursor:default;}
form.col-16.album_cover img{border:0px solid purple;}
form.col-16.album_cover span.col-16.description{border:0px solid black;}
 
div.col-4 img{
border:00px solid #545454; width:100%; padding:1px; margin:0px; display:block; float:left; cursor:default; background:transparent;}

div.col-4 span.col-16.title{border:0px solid red; width:100%; padding:0px; margin:0px; font-size:20px; font-weight:normal; font-style:normal; text-align:center; text-transform:Capitalize; display:block; float:left; background:transparent;}

div.col-16.albumimgbig{width:100%; height:100%; padding: 0px; display:none;}

div.col-16.albumimgbig span.title{border:00px solid #000000; width:100%; padding:0px; margin:0px; font-size:90%; color:#000000; font-weight:normal; font-style:normal; text-align:center; text-transform:Capitalize; display:block; float:left; background:#ffff00;}

div.col-16.albumimgbig span.description{display:none; position:fixed; bottom:0%; width:60%; margin:0px 20%; padding:8px 1% 28px 1% ; font-size:100%; text-align:center; border:00px solid red; background:#fffffe;}
.description_text{font-size:90%;}
.albumimgbig2{width:100%; height:100%; padding: 0px; display:none;}
.albumimgbig2 span.title{border:00px solid #000000; width:100%; padding:0px; margin:0px; font-size:90%; color:#000000; font-weight:normal; font-style:normal; text-align:center; text-transform:Capitalize; display:block; float:left; background:#ffffff;}
.albumimgbig2 span.description{display:none; position:fixed; bottom:0%; width:60%; margin:0px 20%; padding:8px 1%;  font-size:60%; font-weight:normal; text-align:center; border:00px solid red; background:#fffff8;}

.position_next{position:fixed; bottom:0%; display:block;}
.position_back{position:fixed; bottom:0%; display:block;}
.position_next:hover,.position_back:hover{position:fixed; bottom:0%; display:block;background:#000000;color:#ffffff;}

div.col-16.bottomrow img{width:60px;-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;}
span.col-16#badge img{width:60px;-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;}
img.badge{width:120px; margin: -1px 0px 0px 0px ; vertical-align: middle; -webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;}

div.srcposition:hover{xdisplay: none;}
img.srcposition:hover{position:relative; z-index:999; width:460px; height:345px;  border:1px solid #787878; top:-40px; border-radius:15px; }
img.srcposition{position:relative; z-index:998; width:90px; height:59px;  border:0px solid blue; border-radius:15px; }

 

.mySlides {display: none;}
img {vertical-align: middle;}

 
.slideshow-container {
  width: 100%;
   height: 100%;
  position: fixed;
  margin: auto;
}
  
 

 

@-webkit-keyframes fade {
  from {opacity: .0} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .0} 
  to {opacity: 1}
} 




@-webkit-keyframes fade2 {
  from {opacity: 0} 
  to {opacity: .75}
}

@keyframes fade2 {
  from {opacity: 0} 
  to {opacity: .75}
} 


 
.fade2 {
  -webkit-animation-name: fade2;
  -webkit-animation-duration: 2s;
  animation-name: fade2;
  animation-duration: 2s;
}

.w3-animate-opacity2{animation:opac 10.8s 0}

@keyframes opac{from{opacity:1} to{opacity:0}

}

 
 
 
 
 
 
 

@media only screen and (max-width: 300px) {
body{}
}


@media only screen and (max-width:1200px){
body{}
}




@media only screen and (max-device-width:1920px)
{
 body{ }
}