@charset "utf-8";body{font-family:'Roboto', sans-serif;background-color:white;background-repeat:no-repeat;background-attachment:scroll;margin:0 auto;}
h2{font-size:16px;color:#fff;text-align:center;margin-top:8px;}
h3{font-size:16px;color:#111;text-align:center;margin-top:8px;}
h4{font-size:16px;color:#fff;float:left;text-align:left;margin-left:10px;margin-top:8px;}
h5{font-size:16px;color:#fff;text-align:center;margin-top:8px;}
.headline{color:black;}
a{text-decoration:none;}
a:link{color:red;}
a:visited{color:#ff0000;}
a:hover, a:active, a:focus{text-decoration:none;}
a img{border:none;}
img{max-width:100%;height:auto;}
ul, ol, dl{padding:0;margin:0;list-style:none;}
.slides{display:none;}
.sidenav{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:black;overflow-x:hidden;padding-top:60px;transition:0.5s;}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s}
.sidenav a:hover, .sidenav a:focus{color:#f1f1f1;}
.sidenav > ul:not(:hover) > li.active > a{color:#f1f1f1;}
.closebtn{position:absolute;top:0;right:10px;font-size:36px !important;margin-left:50px;margin-bottom:150px;}
#push{transition:margin-left 0.5s;padding:0;}
#openbtn{position:absolute;top:0;left:0;color:lightblue;background-color:white;margin-left:1px;margin-top:1px;cursor:pointer;border:1px solid lightblue;padding:7px 12px 7px 12px;border-radius:2px;opacity:0.8;}
#openbtn:hover{color:#4BC0D8;border:1px solid #4BC0D8;}
#openbtn2:hover{color:#4BC0D8;border:1px solid #4BC0D8;}
#openbtn2{display:none;position:absolute;top:0;left:0;color:lightblue;background-color:white;margin-left:1px;margin-top:1px;cursor:pointer;border:1px solid lightblue;padding:2px 7px 2px 7px;border-radius:2px;opacity:0.8;}
@media screen and (max-width:998px){#openbtn{display:none;}
#openbtn2{display:inline-block;}}
@media screen and (max-width:480px){.sidenav{padding-top:15px;opacity:0.93;}
.sidenav a{font-size:18px;}
.closebtn{right:30px;}}
#cz, #fr{display:none;height:0;padding-bottom:10px;}
#en{padding-bottom:15px;}
#sharebtn{position:absolute;top:10px;right:10px;color:lightblue;font-size: 36px;cursor:pointer;}
@media screen and (max-width:998px){#sharebtn{font-size:30px;}}
#sharebtn1{display:none;position:absolute;top:5px;right:5px;color:lightblue;}
#sharebtn:hover, #sharebtn1:hover{color:#4BC0D8;}
#share{display:none;position:absolute;top:60px;right:1px;z-index:1;background-color:white;border:1px solid #e1e1e1;border-radius:2px;padding:22px 12px 12px 12px;line-height:2;}
#share img{border-radius:25px;width:32px;height:32px;}
#container{max-width:100%;height:auto;margin:0 auto;}
.content{max-width:80%;min-width:200px;height:auto;margin-right:auto;margin-left:auto;padding-bottom:50px;}
@media screen and (max-width:319px){.content{max-width:100%;}}
.content a{color:#4BC0D8;}
.content a:hover{color:#188A9B;text-decoration:underline;}
.content h1{color:#666;text-align:center;font-family:'Roboto', sans-serif;font-size:120px;font-weight:100;margin-top:10px;margin-bottom:10px;margin-right:auto;margin-left:auto;}
.content h2{text-align:center;font-size:22px;color:#4BC0D8;font-family:'Roboto', sans-serif;font-weight:100;}
.content h3{text-align:left;font-size:18px;color:#4BC0D8;font-family:'Roboto', sans-serif;font-weight:100;}
.content h4{float:none;text-align:center;font-size:50px;color:#4BC0D8;font-family:'Roboto', sans-serif;font-weight:100;margin-top:30px;cursor:help;}
.content p{font-size:15px;color:gray;font-family:'Roboto', sans-serif;text-align:justify;}
@media screen and (max-width:949px){.content h1{font-size:100px;text-align:center;margin-top:10px;margin-right:5px;margin-left:5px;}
.content h2{text-align:center;margin-right:5px;margin-left:5px;}}
@media screen and (max-width:480px){.content h1{font-size:50px;text-align:center;margin-top:10px;margin-right:5px;margin-left:5px;}
.content p{text-align:left;}}
@media screen and (max-width:319px){.content h3{margin-right:20px;margin-left:20px;}
.content p{margin-right:20px;margin-left:20px;}}
figure{max-width:80%;}
figure img{background-color:#F8F8F8;box-shadow:1px 1px 3px gray;}
@media only screen and (max-width:1199px){figure img{display:block;margin-right:auto;margin-left:auto;box-shadow:1px 1px 3px gray;}
}
figcaption{text-align:center;font-weight:normal;font-size:12px;margin-right:5px;margin-left:5px;margin-top:2px;}
.form{max-width:100%;height:auto;background-color:#f1f1f9;border:1px solid #E1E1E1;padding:20px;margin-left:5px;margin-right:5px;color:black;font-size:13px;font-weight:normal;margin-top:-21px;}
@media only screen and (max-width:799px){.form{margin-right:0;margin-left:0;border:none;}}
.form-control{display:block;width:96.2%;height:34px;padding:6px 6px;font-size:13px;line-height:1.4;color:#666;border:1px solid #E1E1E1;border-radius:4px;margin-bottom:15px;margin-top:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
label{margin-left:5px;}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent;border-radius:4px;color:#444;background-color:white;border-color:#E1E1E1;}
@media only screen and (max-width:799px){.btn{margin-bottom:8px;}}
.btn:hover{color:#fff;background-color:black;}
.btn:active, .dialogue:active{outline:none;border:none;}
.btn:focus, .dialogue:focus{outline:0;}
#dot{color:#E1E1E1;position:relative;top:5px;left:5px;}
@-webkit-keyframes linemove{0%{top:0px;}
25%{top:10px;}
50%{top:-5px;}
75%{top:5px;}
100%{top:0px;}}
@keyframes linemove{0%{top:0px;}
25%{top:10px;}
50%{top:-5px;}
75%{top:5px;}
100%{top:0px;}}
.row:after{content:"";clear:both;display:block;}
.bar{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media only screen and (min-width:799px){.bar{width:49.9999%;}}
.modal{display:none;position:fixed;z-index:1;padding-top:180px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
@media only screen and (max-width:1099px){.modal{padding-top:0;}}
.modal-content{position:relative;background-color:#fefefe;border-radius:5px;margin:auto;padding:0;width:400px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}
@media only screen and (max-width:479px){.modal-content{width:280px;}}
@media only screen and (max-width:319px){.modal-content{width:220px;}}
.modal-header{height:40px;padding:8px 15px 5px 5px;margin-bottom:15px;background-color:#222;color:white;}
.modal-body{padding:2px 16px;}
.modal-footer{height:auto;padding:8px 15px 5px 15px;margin-top:15px;background-color:#222;color:white;font-size:10px;text-align:justify;}
.close{color:white;float:right;font-size:28px;font-weight:bold;}
.close:hover, .close:focus{color:#ccc;text-decoration:none;cursor:pointer;}
.close:hover, .close:focus{color:#ccc;text-decoration:none;cursor:pointer;}
.dialogue{cursor:pointer;}
.inc:hover{opacity:0.7;}
.dialogue:hover{opacity:0.7;}
.fb:hover{opacity:0.7;}
.google:hover{opacity:0.7;}
.yt:hover{opacity:0.7;}
.tw:hover{opacity:0.7;}
.fa-stack:hover{opacity:0.7;}
.icons{width:110px;display:block;margin-right:auto;margin-left:auto;margin-top:25px;margin-bottom:30px;border-radius:125px;cursor:pointer;}
.icons img{border-radius:2px;}
.card{width:98%;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin-bottom:13px;}
@media only screen and (max-width:799px){.card{width:100%;margin-bottom:0;}}
.whatis{background-color:black;text-align:center;padding:20px;margin-top:-5px;margin-bottom:10px;cursor:help;}
.whatis2{background-color:black;text-align:center;padding:20px;margin-top:-5px;margin-bottom:10px;margin-right:-1px;margin-left:-1px;cursor:help;}
.whatis p, .whatis2 p{font-size:14px;color:white;font-family:'Roboto', sans-serif;text-align:center;}
#img, #img2, #img3, #img4{cursor:pointer;transition:0.3s;}
#img:hover, #img2:hover, #img3:hover, #img4:hover{opacity:0.7;}
.imgmodal, .imgmodal2, .imgmodal3, .imgmodal4{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.imgmodal-content{margin:auto;display:block;width:100%;max-width:1280px;}
#caption, #caption2, #caption3, #caption4{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.imgmodal-content, #caption, #caption2, #caption3, #caption4{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@keyframes zoom{from{-webkit-transform:scale(0);transform:scale(0)}
to{-webkit-transform:scale(1);transform:scale(1)}}
.imgclose, .imgclose2, .imgclose3, .imgclose4{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
.imgclose:hover, .imgclose:focus, .imgclose2:hover, .imgclose2:focus, .imgclose3:hover, .imgclose3:focus, .imgclose4:hover, .imgclose4:focus{color:#bbb;text-decoration:none;cursor:pointer;}
.filter{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.bottomnav{width:100%;margin-top:250px;margin-bottom:100px;text-align:center;font-size:18px;}
.bottomnav li{display:inline-block;margin-right:2px;margin-left:2px;}
.bottomnav li a{color:#4BC0D8;padding:20px 0 20px 30px;border:1px solid #4BC0D8;border-radius:2px;transition:all 0.5s;}
.bottomnav li a:after{content:url(/img/ic_chevron_right_24px.png);position:relative;top:6px;right:15px;opacity:0;transition:0.5s;}
.bottomnav li a:hover{color:#188A9B;padding:20px 8px 20px 30px;border:1px solid #188A9B;border-radius:2px;}
.bottomnav li a:hover:after{opacity:1;}
.chevron{position:relative;top:6px;right:0px;}
@media only screen and (max-width:649px){.bottomnav{display:none;}}
.newspaper{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-rule:1px solid lightblue;-moz-column-rule:1px solid lightblue;column-rule:1px solid lightblue;-webkit-column-width:300px;-moz-column-width:300px;column-width:300px;}
#footer{float:left;width:100%;height:auto;padding-top:30px;padding-bottom:20px;border-top:1px solid lightblue;}
#footer p{font-family:'Roboto', sans-serif;color:black;font-size:14px;text-align:center;margin-left:25px;margin-right:25px;}
#footer a:link{color:red;}
#footer a:hover{text-decoration:underline;}
#footer a:visited{color:black;}
.tooltip, .tooltip2, .tooltip3{position:relative;}
.tooltip .tooltiptext{font-size:18px;visibility:hidden;width:auto;padding:20px;background-color:lightblue;color:white;text-align:center;border-radius:2px;position:absolute;z-index:1;bottom:0%;left:115%;}
.tooltip2 .tooltiptext2{font-size:16px;visibility:hidden;width:auto;padding:10px;background-color:lightblue;color:white;text-align:center;border-radius:2px;position:absolute;z-index:1;bottom:80%;left:50%;margin-left:-5px;}
.tooltip3 .tooltiptext3{font-size:16px;visibility:hidden;width:auto;padding:10px;background-color:lightblue;color:white;text-align:center;border-radius:2px;position:absolute;z-index:1;top:-15%;right:115%;opacity:0.8;}
.tooltip .tooltiptext::after{content:"";position:absolute;top:35%;left:0%;margin-left:-18px;border-width:10px;border-style:solid;border-color:transparent lightblue transparent transparent;}
.tooltip2 .tooltiptext2::after{content:"";position:absolute;top:99%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:lightblue transparent transparent transparent;}
.tooltip3 .tooltiptext3::after{content:"";position:absolute;top:35%;left:120%;margin-left:-18px;border-width:10px;border-style:solid;border-color:transparent transparent transparent lightblue;}
.tooltip:hover .tooltiptext, .tooltip2:hover .tooltiptext2, .tooltip3:hover .tooltiptext3{visibility:visible;}
@media only screen and (max-width:1024px){.tooltip .tooltiptext, .tooltip2 .tooltiptext2, .tooltip3 .tooltiptext3{display:none;}}
.center{display:block;margin-right:auto;margin-left:auto;margin-bottom:10px;}
@media only screen and (max-width:799px){iframe{width:320px;height:180px;}}
@media only screen and (max-width:369px){iframe{width:240px;height:135px;}}
.hlp{max-width:100%;height:auto;content:url(/img/hlp.jpg);}
.laurels{max-width:230px;display:block;margin-right:auto;margin-left:auto;margin-top:25px;margin-bottom:30px;}