html, body {width: 100%;height:100%;height:100vh;}
.nojava {display:block; position: fixed; bottom: 0; left: 0; width: 100%; margin: 0 auto; z-index: 1000; text-align: center; font: 14px/14px Verdana,Arial,sans-serif; color: white; background-color: crimson; padding: 15px 0px;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a:link {text-decoration:none; color:whitesmoke;} a:visited {text-decoration:none; color: royalblue;} a:hover {text-decoration:underline; color: blue; } a:active {text-decoration:underline; color: red;} 
.nu {text-decoration:none;} .nu:hover {text-decoration:none;}

ul.pic { display: block; padding: 10px; margin: 0; width: 100%;}
ul.pic li { display: none; padding: 0; width:100%;}
ul.pic div.pic { background: #F7F7F7; display: block; margin: 0 auto; width: 100%; padding: 15px; text-align: center; font-family: Verdana,'Century Ghotic',Arial, sans-serif; text-decoration: none; color: #333; font-size: 18px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
ul.pic img { width: 100%; height:auto; height: 75vh; margin-top: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
ul.pic div.pic:before { content: attr(title); }

hr { width: 40%; margin-top: 0px; margin-bottom: 0px;}

#bullets { text-align: center; padding: 0px; margin: 20px 0px 10px 0px;; overflow: hidden;}
#bullets>li {background-size: 100% 100%; display: inline-block; width: 15px; height: 15px; margin: 3px 1%; text-indent: 200em; border: 2px solid #fff; border-radius: 50% 50%; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;} #bullets>li.on {background: #fff; opacity: 1;}

div.st { position: absolute; left: 0; height: 95%; width: 20%; top: 55px; bottom: 0; background: transparent; cursor:pointer;}
div.st div.st-in {position: absolute; top: 15%; background: transparent; left: 20%;}
div.st div.st-in span {opacity: 0.6; font: 60px/100px Verdana,Arial,sans-serif; color: lightgray; text-shadow: 2px 2px 10px #eee;} div.st:hover div.st-in span {opacity:1;}

div.dr { position: absolute; right: 0; height: 95%; width: 20%; top: 55px; bottom: 0; background: transparent; cursor:pointer;}
div.dr div.dr-in {position: absolute; top: 15%; background: transparent; right:20%;}
div.dr div.dr-in span {opacity: 0.6; font: 60px/100px Verdana,Arial,sans-serif; color: lightgray; text-shadow: 2px 2px 10px #eee;} div.dr:hover div.dr-in span {opacity:1;}

.ma-social { clear: both; overflow: hidden; padding: 2% 3% 1% 3%;}
.ma {zoom: 60%; border: 0px solid darkslateblue; border-radius: 50% 50%;} .ma:hover {border-color: white; -ms-transform: translate(0px,-5px); -webkit-transform: translate(0px,-5px); transform: translate(0px,-5px); }
.share {text-decoration:none; padding: 20px; margin: 0px 10px;} .share:hover {text-decoration:none;} 
.like {border:none; overflow:hidden; width:90px; height:42px; display:inline; padding:8px;}

.contact {position: fixed;top: -60px; right: 25px; text-align:center; -webkit-transition: top 0.2s; transition: top 0.2s; background-color: rgb(175, 6, 6); background-color: rgba(175, 6, 6, 0.8); padding: 28px 15px 5px 15px;border-radius: 0px 0px 5px 5px; z-index: 10;color: white;font: 16px/30px Verdana,Arial,sans-serif;} .contact:hover {top:-20px;}
div.contact a {color:white;}

#slider {margin-top: 50px;} .h {display:none; visibility:hidden;} 

 @-webkit-keyframes progress-bar { 0% { width: 0; } } @-moz-keyframes progress-bar { 0% { width: 0; } } keyframes progress-bar { 0% { width: 0; } }
 div.cpb {display:block; visibility:visible; width:100%; height:3px; padding: 0px 15px;} .pb {height: 3px; background-color: #AF0606; background-color:rgba(175, 6, 6, 0.6); width:100%; -webkit-animation: progress-bar 5s 1; -moz-animation: progress-bar 5s 1; animation: progress-bar 5s 1;}