html,body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    font-size: 1em;
}

/* Mobile menu */
div.wrap_mobilemenu {
    display: block !important;
    margin-top: 1em;
    right: 1em;
}

div.buttonMenu {
    display: block;
    padding: 0.1em 0.1em;
}

div.buttonMenu div {
    width: 1.8em;
    height: 0.8em;
    margin: 0.1em;
}

#menu_small {
    right: 1em;
    width: 13em;
    min-height: 10em;
    max-height: 80%;
}

#menu_small div {
    padding: 0.5em;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

#menu_large {
    left: 0.01em;
    top: 0.01em;
}

#menu_large .menuback {
    height: 78px;
    width: 100%;
    top: 0px;
    left: 0px;
}

#menu_large .menutextbox {
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 78px;
}

#menu_large .menutextbox .menubox {
    margin: 0em auto;
    width: 75%;
}

#menu_large .menutextbox .menubox div img {
    width: auto;
    height: auto; 
    max-width: 100%; 
    max-height: 100%;
    padding-top: 10px;
}

#menu_large .menutextbox .menubox .small {
    width: auto;
    float: left;
    margin-right: 2%;
    padding-top: 0.5em;
    text-align: center;
}

#menu_large .menutextbox .menubox .small a {
    font-weight: 400;
    font-size: 1.65vw;
    line-height: 23px;
}

#menu_large .menutextbox .menubox .small .menuImgAlign {
    width: auto; 
    padding: 1px;
    display: inline-block;
    vertical-align: middle;
}

#menu_large .menutextbox .menubox .small .menuTextAlign {
    display: inline-block;
    vertical-align: middle;
}

/* End Mobile menu */

/* Logo */
div.homelogo {
    top: 0em;
}

div.homelogo img {
    width: 2.9em;   
}

/*End Logo */

/* Main horizontal containers */
div.content {
    width: 100%;
    margin: 0px auto 0px auto;
    font-size: 1.1em;
    text-align: left;
}

div.innercontent01 {
    width: 90%;
    margin: 0px auto 2em auto;
}

/* End Main horizontal containers */

/* Horizontal/ record containers */
div.displayrecord01 {
    width: 100%;
    padding: 0em;
}

div.displaygroup01 {
    width: 100%;
    margin: 1em 0em 1em 0em;
    font-size: 1em;
}

div.displaygroup02 {
    width: 100%;
    font-size: 1em;
}

div.displaygroup03 {
    width: 10%;
    font-size: 1em;
}

div.displaygroup04 {
    width: 80%;
}

div.displaygroup05 {
    width: 100%;
    font-size: 1em;
}

div.displaygroup06 {
    width: 100%;
    font-size: 1em;
    margin-top: 0.5em;
}

div.displaygroup07 {
    width: 40%;
    font-size: 1em;
}

div.displaygroup08 {
    width: 100%;
    font-size: 1em;
}

div.displaygroupFooter {
    width: 49%;
}

div.displaygroupFooter div {
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 20px;
}

div.displaygroupFooter div img {
    width: 50%;
}

div.displaygroupFooter div div {
    padding-top: 0.5em;
}

div.hovereffect01 { 
    transition: 0.3s;
}

div.hovereffect01:hover { 
}

div.displaygroup_profilepicture {
    text-align: center;
    margin: 0% auto;
    width: 250px;
}

div.displaygroup_profilepicture img {
    width: 75%;
}

.profilepictureSocialLink {
    padding-left: 12.5%;
}

/* End Horizontal/ record containers */

/* Screen size modifiers */
.smallscreen_center {
    text-align: center;
}

/* End Screen size modifiers */

/* Text styles */
.title01 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 51px;
}

.title01mn {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 25px;
}

.title02 {
    font-size: 1.1em;
}

.title03 {
    font-style: normal;
    font-weight: 700;
    font-size: 4vw;
    line-height: 60px;
    list-style-position: outside;
    padding: 0em;
}

.title04 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}

.title05 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 47px;
}

.title06 {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}

.title07 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.text04 {
    font-style: normal;
    float: left;
    width: auto;
    font-size: 2vw;
    line-height: 20px;
    font-weight: 400;
    margin-top: 3%;
}

.text01 {
    font-size: 0.9em;
}

.title02 {
    font-weight: 500;
    font-size: 36px;
    line-height: 93px;
}

.subtitle02 {
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 32px;
}

.text03 {
    font-size: 0.7em;
}

.text05 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 32px;
}

.text06 {
    font-size: 2vw;
    line-height: 2vw;
}

.text07 {
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
}

/* End Text styles */

/* Text fields */

.label01 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}

input.field01 {
    width: 20em;
    border-width: 0px 0px 1px 0px;
}

/* End Text fields */

/* Buttons */

.firstPageBanner {
    width: 90%;
}

a.button01 {
}	

a.button01:hover {
}

a.button01 div {
    font-size: 1em;
    padding: 0.5em 3em 0.4em 3em;
}

a.button01 span {
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
}

a.button01 div:hover {
}

a.button02 {
}	

a.button02:hover {
}

a.button02 div {
    width: 100%;
    height: auto;
    padding: 11px 1px;
    border-radius: 10px;
}

a.button02 div:hover {
}

a.button02 span {
    font-weight: 700; 
    font-size: 0.9rem;
    line-height: 17px;
}

.btnLearnMore {
    font-size: 15px;  
    padding: 11px 55px;
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
    border-radius: 10px;
}	

.btnLearnMore:hover {
}

.btnLearnMore span {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #091833;
}

.btnLearnMore div {
}

.btnLearnMore div:hover {
}

.bulletPoint {
    font-size: 15px;  
    padding: 0px;
    left: 0%; 
    top: 10%;
}

.bulletPoint span {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

.bulletPoint div {
}

div.hover_layer01 {
    top: 0em; 
    left: 0em;
}

div.hover_layer02 {
    top: 0em; 
    left: 0em;
}

div.hover_layer03 {
    top: 0em; 
    left: 0em;
}

/* End Buttons */

/* Footer */
div.barassociation {
    position: static;
}

/* End Footer */

div.poweredby{
    margin-top: 0.5em;
    font-size: 0.8em;
}



input.field02 {
    width: 98%;
    font-size: 1.2em;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding: 2px;
}

.textarea01 {
    font-size: 1.2em;
    width: 98%;
    height: 6em;
    border: 1px solid #464646;
    border-radius: 3px;
    padding: 2px;
}

/* Cookies popup */
#popup_cookies {
}

#cookiebutton {
}

#cookiebox {
}

.cookietext {
}

.cookietext .button03 {
}

.cookietext .button03:hover, #cookiebutton:hover {
}

/* End Cookies popup */

/* Home page awards scroll area */
#thumblist02_wrap {
    width: 100%; 
    height: 12em;
    /*margin-top: 20px;*/ 
}


#thumblist02left {
        margin-top: 5em;
        width: 12%;
}

#thumblist02left img {
        width: 1em;
        height: 2em;
}

#thumblist02right {
        margin-top: 5em;
        width: 6%;
}

#thumblist02right img {
        width: 1em;
        height: 2em;
}

#thumblist02 {
    width: 78%;
    height: 13em;
    white-space: nowrap;
}

#thumblist02 div {
    width: 12em;
    margin: 0em 2em 0em 0em;

}

#thumblist02 img {
    width: 100%;
    padding: 0em;
}
/* End Home page awards scroll area */

/* General message popup */
#modalpopup {
    padding-top: 6.25em; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    display: none; 
}

.modalpopup_content {
    margin: auto;
    width: 50%;
    height: 8.75em;
    border-radius: 0.3em;
    border: 0.1em solid #888;
    font-size: 0.9em;
}

.modalpopup_header {
    border-radius: 0.18em;
    padding: 0.3em 1em;
    font-size: 0.75em;
}

.modalpopup_body {
    font-size: 1.2em;
    padding: 0.6em 0.6em;
}

.modalpopup_close {
    font-size: 1.75em;
}

.modalpopup_close:hover, .modalpopup_close:focus {
    
}

/* End General message popup */

/* Google recaptcha badge */
.grecaptcha-badge { 

}

.pdfBtn { 
    width: 250px;
    margin: 0% auto;
}

.pdfBtn a {
}

.pdfBtn div {
    padding: 1em 0em 1em 0em; 
}

a.socialLinks i {
    font-size: 2em;
}

a.socialLinks i:hover {
}

/* Slideshow */

#slideshowcontainer {
    margin-top: 0em;
}

div.slidetext {
    width: 30%;
    right: 0em;
    border-radius: 10px;
}

div.slidetext p {
    width: 100%;
    margin: 0em auto 0em auto;
    font-size: 2em;
}

div.slidetext a {
    width: 100%;
    font-size: 1em;
}

#prevslide {
    width: 5%;
    left: 0em;
    top: 10em;
}

#prevslide img {
    width: 1em;
    height: 2em;
    left: 0.5em;
}

#nextslide {
    width: 5%;
    right: 0em;
    top: 10em;
}

#nextslide img {
    width: 1em;
    height: 2em;
    right: 0.5em;
}

.topImage {
    width: 100%;
    height: auto;
}

.topImageBorder {
    width: 100%; 
    height: auto; 
    bottom: 3px; 
    left: 0px;
}

/* End Slideshow */

.titleUnderline {
}

.titleUnderline2 {
    padding-bottom: 10px;
}

.titleUnderline2 img {
    width: 12.5%;
}

.titleUnderline3 {
    padding-bottom: 10px;
}

.rectangle_box {
    width: 95%; 
    height: auto; 
    margin: 1% 0% 1% 0%;
}

.headingTitle {
    font-size: 1.3rem;
    line-height: 32px;
    font-weight: 500;
}

.headingText {
    font-size: 1.2rem;
    line-height: 32px;
    font-weight: 400;
}

.bodyText {
    font-size: 1rem;
    line-height: 28px;
    font-weight: 400;
}

.bodyText02 {
    font-size: 1.1rem;
    line-height: 28px;
    font-weight: 600;
}

.medianewsTitle {
    font-size: 1.2rem;
    line-height: 32px;
    font-weight: 600;
}

.medianewsText {
    font-size: 1rem;
    line-height: 28px;
    font-weight: 400;
}

.firstPageBanner .text04 ul li {
    font-size: 1rem;
    line-height: 28px;
    font-weight: 400;
}

.firstPageBanner .text04 ol li {
    font-size: 1rem;
    line-height: 28px;
    font-weight: 400;
}

.rectangle_box02 {
    width: 49.5%; 
    height: auto; 
    margin: 0% 0% 5% 0%;
}

.rectangle_box02 img {
    width: 75%;
    bottom: 1%; 
    right: 1%;
}

.rectangle_box02 .rectangle_text01 {
    width: 70%; 
    top: 10%; 
    left: 5%;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
}

.rectangle_box02 .rectangle_text02 {
    width: 80%; 
    top: 1%; 
    left: 1%;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}

.rectangle_box02 .rectangle_inner_box {
    width: 100%;
    height: 160px;
    border: 3px solid #464646; 
    border-radius: 10px;
}

.rectangle_box02 .rectangle_out_box {
    width: 90%;
    height: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}

.rectangle_box02 .rectangle_out_box .ourteamName {
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
}

.rectangle_box02 .rectangle_out_box .ourteamTitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.rectangle_box02 .rectangle_out_box .ourteamText {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
}

.blackboxTitle {
    width: 98%; 
    margin: 0em auto;
    border-radius: 10px; 
    padding: 20px 1px;
    text-align: center;
}

.displaygroup04 .imgplustext {
    width: 90%;
}

.divFloatLeft {
    float: left;
}

.divFloatRight {
    float: left;
}

.divMarginLeft {
    margin-left: 0%;
}

.divMarginRight {
    margin-right: 0%;
}

.divNoMargin {
    margin-left: 0%;
    margin-right: 0%;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: left;
}

.btnBottomValue01 {
    bottom: 12%;
}
.btnBottomValue02 {
    bottom: 22%;
}
.btnBottomValue03 {
    bottom: 32%;
}
.btnBottomValue04 {
    bottom: 42%;
}
.btnBottomValue05 {
    bottom: 52%;
}

#footerLogoHover {
    display: block; 
    text-align: center
}

.readmoreBtn {
    padding: 6%;
}

.readmoreBtn .divLeft {
    position: absolute; 
    bottom: 0%;
    left: 0%;
    font-size: 0.7rem;
    line-height: 26px;
    font-weight: 400;
}

.readmoreBtn .divRight {
    position: absolute; 
    bottom: 0%;
    right: 0%;
    font-size: 0.7rem;
    line-height: 26px;
    font-weight: 400;
}

.cssImage {
    width: 90%;
    max-width: 100%;
}