@charset "utf-8";
/* CSS Document */
/*THIS FILE IS GENERAL TO ALL THE HEADERS AND NAVIGATION OF THE WEBSITE*/
*{box-sizing:border-box;}
body{ background-image:url(../upload/cool-gold-background-11.jpg);}
.body{margin: auto; background-color:#FFFFFF; width:98%;}
.caplogo{float:left; z-index:1; width:70px; height:100px; position:absolute; right:0; margin:40px 20px; border-radius:50%;}
.logo{width:100%; height:200px; position:relative;}
.logo img{flex-shrink:0; max-height:100%; max-width:100%;}
.logotitle{background-color:#000000; color:#FFFFFF; }
.logo h1{font-family:Constantia, " Georgia, Lucida Bright", "DejaVu Serif", serif; font-weight:bold; color:#FCD300;  margin: 150px auto 0px auto; width:100%; padding:7px 20px 5px 0px; background: linear-gradient(to right, rgba(243,224,100,0.69) 0%,  rgba(0,0,0,0.63) 100%); font-size:14px; text-align:right; position:absolute; z-index:1;}
.logo span{font-size:10px; padding-bottom:5px; margin:0;}
.logo a{text-decoration:none; color:#000000;}
.login{ margin:20px auto; border-radius:5px; padding:5px; position:absolute; background-color:#D75D00; width:100%;}
.tablog{background-color:#D75D00; margin:5px; height:300px; position:relative;}
.login a{ text-decoration:none; color:#15760E; text-align:center;}
.login a:hover{ text-decoration:underline;}
.login h6{margin:0px 0px 3px 0px; text-align:center; padding:0;}
.errordiv{text-align:center; color:#8B0507;}
.login h5{ text-align:center; margin:0px;}
.login h5 hover{background-color:#F4BA8D;}
.social{ padding-right:5px; float:right; background-color:#D04903;}
.social a:active{background-color:#F4814D; display:block;}
form{margin:auto; max-width:300px;}
.header{background-color:#FFFFFF;}
input[type=submit]{width:100%; border-radius:4px; margin-bottom:5px;  cursor:pointer; font-size:10px;}
input[type=text], input[type=password] {border-radius:5px; margin:5px 0px 5px 0px; width:100%; font-size:12px;}
.nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color:#D04903;}
.nav{background-color:#D04903;}
.nav li {float: left;}
.menu, .dropbtn {display: inline-block; color: #000000; text-align: center; padding: 5px 5px; text-decoration: none; font-size:12px; border-left:#8C3F03 solid thin; border-right:#8C3F03 solid thin;}
.menu:hover, .dropdown:hover .dropbtn {background-color:#EFE601;}
.dropdown {display: inline-block;}
.dropdowncontent { display: none; position: absolute; background-color: #BFA58C; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
.dropdowncontent a { color: black; padding: 10px 10px; text-decoration: none; display: block; text-align: left;}
.dropdowncontent a:hover {background-color: #CC6C00; border-radius:5px;}


.fa-facebook-square, .fa-twitter-square, .fa-instagram{color:white;}
.footer{border-top:solid; background-color:#9F3809; min-height:140px; color:#151414; }
.footercpyrt{text-align:center; padding:5px px 1px 0px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
#footcontact{text-align:center; padding-top:5px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:bold;}
[class*="col-"]{width:100%;}
#myBtn {display: none; position: fixed; bottom: 10px; right: 8px; z-index: 99; font-size: 20px; border: none; background-color:transparent; color: rgba(0,0,0,0.60); cursor: pointer; padding: 5px; width:50px; height:50px; margin:auto;}
#myBtn:hover i{color:rgba(46,46,46,0.57);}

@media only screen and (min-width: 600px) {
	/* For tablets: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}

.caplogo{ width:120px; height:180px; margin:40px 25px;}
.logo h1{ font-size:20px; margin-top:230px;}
.logo span{font-size:10px;}
.logo{height:300px;}
.menu, .dropbtn {padding: 10px 5px; font-size:12px;}
.menu:hover, .dropdown:hover .dropbtn {font-weight:bold;}

.footercpyrt{padding-right:15px;}
.footer{min-height:130px;}
.body{width:98%;}
.subtitle{display:block; padding:0px 5px 0px 20px;  background-color:#D04903;}
.social{ margin-right:5px; float:right;}
.social i{font-size:30px;}
.fa:hover{color:#0C17E1; margin: 0px; padding:0px; border-radius:10px;}

input[type=submit]{margin-bottom:0px; padding-bottom:5px; border-radius:4px; font-size:15px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;}
#myBtn { bottom: 20px; right: 30px; z-index: 99; font-size: 30px; padding: 10px; width:40px; height:40px; }
.editsidenav{text-align:center; list-style-type:none; margin:0px; padding:0px;}
.editsidenav li{text-align:center; list-style-type:none; margin:0; padding:0px;}
.editinul{margin:0px; padding:0px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.body{width:90%;}
.caplogo{ width:170px; height:250px;right:0; margin:40px 30px;}
.logo h1{ font-size:30px; margin-top:310px;}
.logo span{font-size:12px;}
.logo{height:400px;}
.nav ul{margin-left:3px;}
.menu, .dropbtn {padding: 10px 5px; font-size:15px;}
.dropdown:hover .dropdowncontent { display: block;}

.login{ margin:40px auto;}
.tablog{margin:40px 20px;}
input[type=text], input[type=password] {border-radius:3px; margin:5px 5px 5px 5px; width:90%}

#myBtn { bottom: 20px; right: 30px; z-index: 99; font-size: 50px; padding: 10px; width:50px; height:50px; }
.footercpyrt{text-align:right; padding-right:15px; float:right;}
.footer{min-height:90px;}
#footcontact{text-align:left; padding-left:15px; float:left;}
}