@import url('https://fonts.googleapis.com/css2?family=Arizonia&family=Mr+De+Haviland&display=swap');
*{margin:0;padding:0;box-sizing: border-box;font-family: Arial;}
.color1{color:#263053}
.color2{color:#8c2b3f}
.color3{color:#fff}

body{overflow-x: hidden;}

nav{background: #263053;width:100vw;height:75px;display: flex;align-items: flex-start;justify-content:space-between;}
nav .logo{background:#fff;height:75px;text-align: right;}
nav .logo img{height:75px;width:auto;}
nav ul{list-style: none;margin-right:50px;}
nav ul li{display: inline-block;font-size:15px;margin-top:20px}
nav ul li a{text-decoration: none;color:#fff;padding:20px;line-height:45px;transition: .5s ease;border-radius: 10px;vertical-align: bottom;}
nav ul li a:hover{background:#fff;color:#263053;transition: .5s ease;}
nav ul li .active{background:#fff;color:#263053;}

nav .bar {display: block;width: 25px;height: 3px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #101010;}

a{white-space: pre-wrap;}

.content{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.content .landing{background-image: url("../img/bg.jpg");background-size: cover;background-repeat: no-repeat;background-position:center;min-height: 95vh; width:100%;text-align: center;background-attachment: scroll;}
.content .landing h1{font-size: 200pt;color:#8c2b3f; text-shadow: 2px 2px 4px #110508;font-family: 'Mr De Haviland', cursive;font-weight: normal;}
.content .landing h3{font-size: 30pt;color:#fff; text-shadow: 2px 2px 4px #111;font-family: Calibri Light;font-weight: bold;letter-spacing: 10px;}
.content .landing p{font-size: 15pt;color:#fff; text-shadow: 2px 2px 4px #111;font-family: Calibri Light;font-weight: normal;}
.content .landing .contactLinkButton{text-decoration: none;color: #263053;font-size: 12pt;font-family: Arial;font-weight: bold;padding:10px 20px;background:#fff;border-radius: 10px;}
.content .landing .contactLinkButton:hover{background:#263053;color:#fff;transition: .3s ease;}

.content .about{width:80%;margin:0 10%;min-height:75vh;display: flex;align-items: center;justify-content: center;padding:50px 25px;}
.content .aboutContent{padding:50px 25px;background:rgba(255,255,255,0.9)}
.content .aboutContent h1{font-size: 32pt;color:#8c2b3f; text-shadow: 2px 2px 4px #000;font-family: 'Segoe UI';font-weight: normal;}
.content .aboutContent p{font-family: 'Segoe UI Light';font-size:14pt;text-align: center;color:#263053}
.content .aboutContent .contactLinkButton{text-decoration: none;color: #fff;font-size: 12pt;font-family: Arial;font-weight: bold;padding:10px 20px;background:#263053;border-radius: 10px;}
.content .aboutContent .contactLinkButton:hover{opacity:.8;transition: .3s ease;}
.content .aboutImage img{min-height:100%;min-width: 800px;}

footer{background:#151b2e;font-family:Segoe UI;display: flex;align-items: flex-start;justify-content: space-between;padding:50px 100px;}
footer h3{color:#fff;font-size:16pt;}
footer a{text-decoration: none;color:#ddd;font-size: 10pt;}
footer p{color:#ddd;font-size: 10pt;}

footer .col1,.col2,.col3{vertical-align: top;}


/*documents page*/
.docsContent{display: flex;min-height:70vh;align-items: center;justify-content: center;flex-direction: column;background-image: url("../img/image.png");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.docsContent .docs{width:70%;margin:5% 15%;;background:#fff;padding:10px 20px;border-radius: 5px;}

.docsContent .docs .news h1{font-size: 24pt;padding:10px 20px;}
.docsContent .docs .news .newsCard{border-radius: 5px;border:1px solid #777;background:linear-gradient(to bottom right,#ddd,#eee);padding:10px 20px;width:100%;margin:5px 0px;display:inline-block}
.docsContent .docs .news .newsCard .ncBody{display: inline-block;vertical-align: top;width:70%}
.docsContent .docs .news .newsCard img{display: inline-block;vertical-align: top;max-height:100px;max-width:100%;}
.docsContent .docs .news .newsCard .ncimg{display: inline-block;vertical-align: top;width:25%;text-align:center;}
.docsContent .docs .news .newsCard p{color:#333;width: 100%;font-size:9pt}

.docsContent .docs .docdl table{border-collapse: collapse;width:100%;}
.docsContent .docs .docdl table td{border:1px solid #ddd;font-size:9pt;padding:5px}
.docsContent .docs .docdl table tr:nth-child(even){background:#eee;}


.docsContent .complaintForm {width:70%;margin:5% 15%;;background:#fff;padding:10px 20px;min-height:80vh;border-radius: 5px;text-align: center;}
.docsContent .complaintForm form{text-align: left;}
.docsContent .complaintForm form h1{font-size: 24pt;;}
.docsContent .complaintForm form p{font-size: 9pt;;}
.docsContent .complaintForm form{width:70%;margin:2% 15%;}

.docsContent .complaintForm form input[type=text]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;}
.docsContent .complaintForm form input[type=password]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;}
.docsContent .complaintForm form .halfInput{width:100% !important;background:#eee;padding:5px 10px;border:none;border-radius: 5px;}
.docsContent .complaintForm form textarea{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:5px 0px;}

.docsContent .complaintForm form input[type=submit]{background:#263053;color:#fff;border:none;border-radius: 5px;padding:10px 20px;margin:10px 0;font-weight: bold; }
.docsContent .complaintForm form input[type=submit]:hover{opacity: .9;cursor: pointer;}
.docsContent .complaintForm form label{font-size: 9pt;font-weight: bold;}
.docsContent .complaintForm form table{font-size: 9pt;border-collapse: collapse;border:1px solid #ddd;padding:10px 20px;margin:20px 0 0 0;}
.docsContent .complaintForm form table td{padding:10px 20px;border-bottom:1px solid #ddd;font-weight: bold;}
.docsContent .complaintForm form table td a{text-decoration: none;color:#8c2b3f;font-weight: normal;}
.docsContent .complaintForm form table td a:hover{transition: .3s ease;color:#263053;}

.docsContent .complaintForm form .ct{width:49%;display: inline-block;padding:10px 0px;}

.loginContent{display: flex;align-items: center;min-height:70vh;justify-content: center;flex-direction: column;background-image: url("../img/image.png");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.loginContent .loginForm {width:50%;margin:5% 25%;;background:#fff;padding:10px 20px;border-radius: 5px;text-align: center;}
.loginContent .loginForm form{width:60%;margin:5% 20%;text-align: left;}
.loginContent .loginForm form input[type=text]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;}
.loginContent .loginForm form input[type=password]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;}
.loginContent .loginForm form input[type=submit]{background:#263053;color:#fff;border:none;border-radius: 5px;padding:10px 20px;margin:10px 0;font-weight: bold; }
.loginContent .loginForm form input[type=submit]:hover{opacity: .9;cursor: pointer;}
.loginContent .loginForm form label{font-size: 9pt;font-weight: bold;}
.loginContent .loginForm form p{font-size: 9pt;font-weight: normal;}


.mediaManager{display: flex;min-height:70vh;align-items: center;justify-content: center;flex-direction: column;background-image: url("../img/image.png");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.mediaManager .docs{width:70%;margin:5% 15%;;background:#fff;padding:10px 20px;border-radius: 5px;}
.mediaManager h4{color:#8c2b3f;font-weight: normal;}
.mediaManager .newsCtrls a{transition:.5s ease;line-height:20px;text-decoration:none;background:#263053;color:#fff;border:none;border-radius: 5px;padding:5px 10px;margin:15px 0;font-weight: bold;font-size: 9pt;}
.mediaManager .newsCtrls a:hover{opacity:0.8;cursor: pointer;transition:.5s ease;}
.mediaManager .docsCtrls a{transition:.5s ease;line-height:20px;text-decoration:none;background:#263053;color:#fff;border:none;border-radius: 5px;padding:5px 10px;margin:15px 0;font-weight: bold;font-size: 9pt;}
.mediaManager .docsCtrls a:hover{transition:.5s ease;opacity:0.8;cursor: pointer;}

.mediaManager .docs .news h1{font-size: 24pt;padding:10px 20px;color:#fff;background:#263053;}
.mediaManager .docs h2{font-size: 16pt;padding:10px 20px;color:#263053;background:#eee;width:100%;}
.mediaManager .docs .news .newsCard{border-radius: 5px;border:1px solid #777;background:linear-gradient(to bottom right,#ddd,#eee);padding:10px 20px;width:100%;margin:5px 0px;display:inline-block}
.mediaManager .docs .news .newsCard .ncBody{display: inline-block;vertical-align: top;width:70%}
.mediaManager .docs .news .newsCard img{display: inline-block;vertical-align: top;max-height:100px;max-width:100%;}
.mediaManager .docs .news .newsCard .ncimg{display: inline-block;vertical-align: top;width:25%;text-align:center;}
.mediaManager .docs .news .newsCard p{color:#333;width: 100%;font-size:9pt}


.mediaManager .docs .news .extLinks a{transition:.5s ease;line-height:20px;text-decoration:none;background:#263053;color:#fff;border:none;border-radius: 5px;padding:5px 10px;margin:15px 5px 15px 0px;font-weight: bold;font-size: 9pt;}
.mediaManager .docs .news .extLinks  a:hover{transition:.5s ease;opacity:0.8;cursor: pointer;}
.mediaManager .docs .news .extLinks  a img{height: 50px;border:1px solid #ccc;}

.mediaManager .docs .docdl h1{font-size: 16pt;padding:10px 20px;color:#263053;background:#eee;width:100%;}
.mediaManager .docs .docdl h2{font-size: 16pt;padding:10px 20px;color:#fff;background:#263053;width:100%;}
.mediaManager .docs .docdl table{border-collapse: collapse;width:100%;margin:0px 0px;}
.mediaManager .docs .docdl table td{border:1px solid #ddd;font-size:9pt;padding:5px}
.mediaManager .docs .docdl table tr:nth-child(even){background:#eee;}
.mediaManager .docs .docdl table th{background:#263053;color:#fff;font-size: 9pt;padding:5px;text-align: left;border-left:1px solid #3e4e86;border-right:1px solid #3e4e86;}

.mediaManager .docs .newCardForm{display: flex;align-items: center;justify-content: center;flex-direction: column;}

.mediaManager .docs .newCardForm form label{font-size: 9pt;font-weight: bold;}
.mediaManager .docs .newCardForm form textarea{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;font-size: 9pt;}
.mediaManager .docs .newCardForm form input[type=text]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:0 0 10px 0}
.mediaManager .docs .newCardForm form input[type=file]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:10px 0}
.mediaManager .docs .newCardForm form input[type=submit]{background:#263053;color:#fff;border:none;border-radius: 5px;padding:10px 20px;margin:10px 0;font-weight: bold; }
.mediaManager .docs .newCardForm form input[type=submit]:hover{opacity: .9;cursor: pointer;}
.btnLogout{align-self:flex-end;text-decoration:none;color:#fff;background:#8c2b3f;padding:10px 20px;font-size:9pt;border-radius: 5px;margin:10px;font-weight: bold;}
.btnLogout:hover{transition:.5s ease;color:#8c2b3f;background:#fff;}



.docsContent .complaintForm form .fullTable{display: table;}
.docsContent .complaintForm form .mobileTable{display: none;}
/* CHECKBOX HACK */

input[type=checkbox] {
  display: none;
}

/*HAMBURGER MENU*/

.hamburger {
  display: none;
  font-size: 24px;
  user-select: none;
}
iframe{width:100%; height:400px;}
@media only screen and (max-width: 600px) {
  
iframe{width:95%; height:500px;margin:0;}
.menu {display: none;position: absolute;background-color: rgba(38, 48, 83,0.95);right: 0;left: 0;top:75px;text-align: center;padding: 16px 0;height:90vh;}
nav .menu li{display: inline-block;font-size:15px;margin-top:20px;width:100%;}
nav .menu  ul li a{text-decoration: none;color:#fff;padding:20px;line-height:45px;min-width:100%;border-radius:0;transition: .5s ease;}
nav .menu  ul li a:hover{all: unset;border-radius:0px;min-width:100%;;}
input[type=checkbox]:checked~.menu {display: block;}
.hamburger {display: block;color:#fff;padding:20px;}

.content .landing h1{font-size: 50pt;font-weight: normal;margin:25% 0 0 0;font-weight: bold;}
.content .landing h3{font-size: 16pt;}
.content .landing p{font-size: 11pt;}
.content .landing .contactLinkButton{font-size: 9pt;padding:5px 10px;}
.content .about{min-height:75vh;padding:50px 25px;flex-direction: column;}
.content .aboutContent{padding:15px 10px;}
.content .aboutContent h1{font-size: 16pt;}
.content .aboutContent p{font-size:9pt}
.content .aboutImage img{width:100%}

footer{padding:15px 10px;flex-direction: column;align-items: center;justify-content: center;text-align: center;}

footer h3{color:#fff;font-size:11pt;margin-top:15px;}
footer .cntr{text-align: center;}
footer a{font-size: 8pt ;}
footer p{font-size: 8pt;text-align: center;}


/*documents page*/
.docsContent .docs{width:95%;margin:5% 2.5%;;background:rgba(255,255,255,0);padding:0px}
.docsContent .docs .news h1{font-size: 16pt;color:#263053;background:#fff;padding:10px;}
.docsContent .docs .news .newsCard{border:none;background:#fff;}
.docsContent .docs .news .newsCard .ncBody{display: block;width:100%;}
.docsContent .docs .news .newsCard img{display: block;width:100%;margin:10px 0px;}
.docsContent .docs .news .newsCard p{color:#263053;width: 100%;font-size:9pt;margin:10px 0px;}
.docsContent .docs .news .newsCard h3{color:#8c2b3f;width: 100%;font-size:14pt;font-weight:bold;padding:10px 0px;}
.docsContent .docs .docdl h1{font-size: 16pt;color:#263053;background:#fff;padding:10px;}
.docsContent .docs .docdl table{background:#fff;}
.docsContent .docs .docdl table td{border:1px solid #ddd;font-size:8pt;padding:5px}

.docsContent .complaintForm form .fullTable{display: none;}
.docsContent .complaintForm form .mobileTable{display: table;}
.docsContent .complaintForm {width:95%;margin:5% 2.5%;;background:rgba(255,255,255,1);padding:0px}
.docsContent .complaintForm form h1{font-size: 16pt;;}
.docsContent .complaintForm form{width:100%;margin:5px 10px}
.docsContent .complaintForm form input[type=text]{width:90%}
.docsContent .complaintForm form .halfInput{width:90% !important;}
.docsContent .complaintForm form textarea{width:90%;}
.docsContent .complaintForm form input[type=submit]{width:90%;margin:1% 2.5%;font-size:8pt }
.docsContent .complaintForm form input[type=submit]:hover{opacity: .9;cursor: pointer;}
.docsContent .complaintForm form label{font-size: 9pt;font-weight: bold;}

.docsContent .complaintForm form a{text-decoration: none;color:#8c2b3f;font-weight: normal;}
.docsContent .complaintForm form a:hover{transition: .3s ease;color:#263053;}

.docsContent .complaintForm form .ct{width:100%;display: block;}


.loginContent .loginForm {width:95%;margin:5% 2.5%;}
.loginContent .loginForm form{width:100%;margin:5% 0%;}
.loginContent .loginForm form input[type=submit]{padding:5px 10px;margin:10px 0;font-weight: bold;font-size: 9pt;; }

.mediaManager .docs{width:95%;margin:5% 2.5%;;background:rgb(255, 255, 255);padding:10px}
.mediaManager .docs .news .extLinks{display: flex;align-items: flex-start;justify-content:space-evenly;flex-direction: column;}
.mediaManager .docs .news .extLinks a{padding:5px 10px;margin:10px 0;font-weight: bold;font-size: 9pt;}
.mediaManager .docs .news .extLinks  a:hover{transition:.5s ease;opacity:0.8;cursor: pointer;}
.mediaManager .docs .news .newsCard{border:1px solid #ddd;background:#fff;}
.mediaManager .docs .news .newsCard .ncBody{display: block;width:100%;}
.mediaManager .docs .news .newsCard img{display: block;width:100%;margin:10px 0px;}
.mediaManager .docs .news .newsCard p{color:#263053;width: 100%;font-size:9pt;margin:10px 0px;}
.mediaManager .docs .news .newsCard h3{color:#8c2b3f;width: 100%;font-size:14pt;font-weight:bold;padding:10px 0px;}
.mediaManager .docs .docdl h1{font-size: 16pt;color:#263053}
.mediaManager .docs .docdl table{background:#fff;}
.mediaManager .docs .docdl table td{border:1px solid #ddd;font-size:8pt;padding:5px}

.mediaManager .docs .newCardForm{display: flex;align-items: center;justify-content: center;flex-direction: column;}

.mediaManager .docs .newCardForm form label{font-size: 9pt;font-weight: bold;}
.mediaManager .docs .newCardForm form textarea{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;font-size: 9pt;}
.mediaManager .docs .newCardForm form input[type=text]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:0 0 10px 0}
.mediaManager .docs .newCardForm form input[type=file]{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:10px 0}
.mediaManager .docs .newCardForm form input[type=submit]{background:#263053;color:#fff;border:none;border-radius: 5px;padding:10px 20px;margin:10px 0;font-weight: bold; }
.mediaManager .docs .newCardForm form input[type=submit]:hover{opacity: .9;cursor: pointer;}

.mediaManager input,textarea{width:100%;background:#eee;padding:5px 10px;border:none;border-radius: 5px;margin:0 0 10px 0}
.mediaManager .docs .docdl table {max-width:100%;}

.docsContent .complaintForm form input[type=password]{width:90%}
.mediaManager .docs .docdl table th{font-size: 8pt;padding:3px;}
.mediaManager .docs .docdl table td{font-size: 7pt;}
}