@import url('https://fonts.googleapis.com/css?family=PT+Sans');header{width:100%;display:block;margin:0 auto;background-color:#99ccff;}
header img{max-width:400px;display:block;margin-left:25%;}
header h1{margin-left:75%;position:absolute;font-style:italic;}
main{max-width:1000px;height:75%;padding-top:1%;background-color:rgba(179,229,252,0.9);margin:0 auto;text-align:center;box-shadow:2px 2px 5px #888888;display:block;}
*{opacity:1;}
#indexmain{padding-top:0%;height:auto;}
#upper-left p{margin-top:50%;}
a{text-decoration:none}
p, h1, h2, a{}
a::-moz-focus-inner{border:0 !important;padding:0 !important;margin:0 !important;}
html, body{height:100%;width:100%;margin:0px;font-family:'PT Sans', sans-serif;}
h1,h2{font-family:sans-serif;}
html{background-image:url("/images/background1.png");background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed;}
footer{position:fixed;bottom:0;width:100%;max-height:25px;background:#6cf;display:block;left:0;text-align:center;opacity:0.65;}
footer p{margin:0px;}
.menu{display:block;list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:cornflowerblue;text-align:center;}
.menu li{display:inline-block;margin:0 auto;}
.menu a{text-decoration:none;display:block;padding:8px;color:white;padding:14px 45px;text-align:center;}
.menu li a:hover{background-color:grey;}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;max-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.dropdown-content a{color:green;padding:12px 16px;text-decoration:none;background-color:#f9f9f9;display:block;text-align:left;}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block;}
.sidedrop-content{display:none;position:absolute;background-color:#f9f9f9;width:160px;box-shadow:5px 8px 8px 5px rgba(0,0,0,0.2);margin-left:160px;margin-top:-44px;}
.sidedrop-content a{color:green;padding:12px 16px;text-decoration:none;background-color:#f9f9f9;display:block;text-align:left;}
.sidedrop{width:100%;}
.sidedrop-content a:hover{background-color:#f1f1f1}
.sidedrop:hover .sidedrop-content{display:block;}
.sidedrop-content:hover .dropdown-content{display:block;}
.inner-sub-content{display:none;position:absolute;background-color:#f9f9f9;width:160px;box-shadow:5px 8px 8px 5px rgba(0,0,0,0.2);margin-left:160px;margin-top:-44px;}
.inner-sub-content a{color:green;padding:12px 16px;text-decoration:none;background-color:#f9f9f9;display:block;text-align:left;}
.inner-sub{width:100%;}
.inner-sub-content a:hover{background-color:#f1f1f1}
.inner-sub:hover .inner-sub-content{display:block;}
.inner-sub:hover .inner-sub-content{display:block;}
@-moz-document url-prefix(){.sidedrop-content{margin-top:-46px;}
.inner-sub-content{margin-top:-46px;}
}
aside{max-width:200px;background-color:#B3E5FC;float:right;text-align:center;padding:10px;margin:10px;margin-top:40px;}
#news{padding-top:100px;}
aside h2{color:black;width:100%;}
aside h2:hover{text-decoration:underline;}
#leftbox{width:300px;background-color:grey;padding:10px;margin:10px;}
.listbox{width:45%;height:80%;float:left;margin:2.5%;margin-top:0px;position:relative;}
.listbox img{height:100%;}
.text{left:0;position:absolute;text-align:center;top:30px;width:100%;font-size:25px;color:black;}
.listbox:hover{opacity:0.8;}
a:focus div img{border:5px solid red;box-shadow:2px 2px 5px #888888;}
nav{height:100%;overflow:hidden;}
.itemlist{width:100%;height:100%;display:block;float:left;padding-left:0px;}
.itemlist li{padding:0px;min-height:150px;max-height:200px;list-style-type:none;background-image:url("/images/image.png");background-size:100% 100%;}
.itemlist h1{padding-top:5%;margin:0px;}
.itemlist a{text-decoration:none;color:black;}
#insideList{padding-left:0px;}
#insideList li{min-height:65px;}
#insideList li:hover{opacity:0.9;width:101%;height:101%;}
#insideList li h1{padding-top:2%;}
#left{width:80%;float:left;background-image:url("/images/speech.svg"), url("/images/intro.png");background-size:100% 100%, 100% 100%;background-repeat:no-repeat,no-repeat;animation-duration:3s;animation-name:intro;}
#left p{margin:0px;padding-top:35%;padding-left:10%;}
@keyframes intro{from{background-size:10% 10%, 100% 1%;background-position:left bottom,top;color:rgb(0,0,0,0)}
to{background-size:100% 100%,100% 100%;background-position:top,top;opacity:1;color:rgb(0,0,0,1)}
}
@keyframes introRight{from{background-size:100% 1%;color:rgb(0,0,0,0)}
to{background-size:100% 100%;color:#00FF18;}
}
#upper-left{width:100%;max-height:350px;}
#upper-right{width:200px;height:700px;float:right;opacity:0.95;background-image:url("/images/curtain.png");background-repeat:no-repeat;animation-duration:3s;animation-name:introRight;color:#00FF18;}
#upper-right a{color:#00FF18;background-repeat:no-repeat;animation-duration:3s;animation-name:introRight;}
#upper-right a:hover{text-decoration:underline;color:#00B211;}
#upper-right li{text-align:left;}
#bottom-left{max-width:800px;height:350px;}
#textbox{width:75%;margin:0 auto;background-color:#81D4FA;}
iframe{box-shadow:2px 2px 5px #888888;}
.suppBox{background-color:grey;width:200px;min-height:21%;max-height:25%;margin:1%;box-shadow:2px 2px 5px #888888;}
#suppContainer{display:block;max-width:670px;margin:0 auto;margin-top:7.5%;height:400px;}
.service{height:100%;width:28%;float:left;overflow:auto;display:block;margin:2%;margin-top:10%;}
.service li{text-align:left;}
.service h1{margin:0 auto;}
#upperContainer{width:100%;height:60%;}
#upperContainer p{width:65%;margin:0 auto;margin-bottom:5%;}
#lowerContainer a{margin:25px;}
#lowerContainer img{width:150px;height:150px;box-shadow:2px 2px 5px #888888;}
#infobox{max-width:270px;float:right;text-align:left;}
#infobox h2{font-size:20px;}
.form-style-1{margin:10px auto;max-width:400px;padding:20px 12px 10px 20px;font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding-bottom:10%;}
.form-style-1 li{padding:0;display:block;list-style:none;margin:10px 0 0 0;}
.form-style-1 label{margin:0 0 3px 0;padding:0px;display:block;font-weight:bold;}
.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
.form-style-1 input[type=adress],
textarea,
select{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #BEBEBE;padding:7px;margin:0px;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none;}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 input[type=adress]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{-moz-box-shadow:0 0 8px #88D5E9;-webkit-box-shadow:0 0 8px #88D5E9;box-shadow:0 0 8px #88D5E9;border:1px solid #88D5E9;}
.form-style-1 .field-divided{width:49%;}
.form-style-1 .field-long{width:100%;}
.form-style-1 .field-select{width:100%;}
.form-style-1 .field-textarea{height:100px;}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{background:#4B99AD;padding:8px 15px 8px 15px;border:none;color:#fff;}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{background:#4691A4;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.form-style-1 .required{color:red;}
.half{width:200px;float:left;}
.half input{width:190px !important;}
form li{overflow:hidden;}
@media only screen and (max-height:950px){html, body{height:100%;}
}
@media only screen and (max-width:1400px){main{min-height:700px;height:auto;overflow:hidden;}
html, body{height:100%;background-image:none;}
aside{max-width:none;position:fixed !important;bottom:0 !important;max-height:7.5%;width:100%;margin:0px;padding:0px;text-align:none;z-index:10;}
aside p{display:none;}
aside section{width:33%;float:left;}
section h2{margin:10px;}
#left{background-image:none;background-color:#99ccff;}
#left p{padding-top:10%;padding-bottom:10%;}
#bottom-left{height:auto;}
#upper-right{background-image:none;animation:none;color:black;}
#upper-right a{color:black;animation:none;text-decoration:underline;}
#upper-right a:hover{color:black;}
.service{width:100%;float:none;margin:0 auto;}
.service li{text-align:center;margin:0 auto;}
.service ul{list-style-position:inside;}
.itemlist{margin-bottom:10%;}
.listbox{float:none;width:100%;margin:0 auto;display:inline-block;margin-bottom:10px;float:left;text-align:center;}
#infobox{float:none;margin:0 auto;padding:0px;}
form li{width:100%;margin:0 auto;}
.half{width:50%;}
}
@media only screen and (max-width:800px){header h1{display:none;}
.dropdown-content *{display:none;}
.menu li{padding:0px;width:50%;float:left;max-height:60px;}
main{overflow:hidden;height:auto;}
header img{width:100%;margin-left:0px !important;}
#left{width:100%;}
#upper-right{width:100%;height:auto;padding-bottom:15%;}
.menu{padding:0px;}
iframe{width:100%;margin-bottom:25%;}
#upperContainer{padding-bottom:20%;}
#lowerContainer{padding-bottom:5%;overflow:auto;}
#lowerContainer a{margin:0px;}
#lowerContainer img{margin:0px;width:100%;height:auto;margin-bottom:1%;}
.suppBox{float:none;}
}
@media only screen and (max-height:800px) and (max-width:800px){nav{padding-top:0%;padding-bottom:25%;max-height:700px;}
#suppContainer{margin-bottom:75%;}
}
@media only screen and (max-height:600px){nav{padding-bottom:50%;}
main{padding-bottom:20%;height:auto;}
}
@media only screen and (min-width:1401px){#insideList li{animation-duration:1.25s;animation-name:slidein;}
}
@keyframes slidein{from{margin-bottom:100%;}
to{margin-top:0px;}
}