:root {
    /*Utilities*/
    --sliderHeight: 580px;
}

body{font-size: 1.0em;}

/* Medium desktops */
@media (min-width: 1099px) {
  .container {max-width: 1080px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1180px;}
}
/* Large desktops */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
}

a{color: var(--primary);font-weight: 400;}
header.Header {position:fixed;z-index: 101;background:var(--white);box-shadow:none;box-shadow: 0px 0px 1px rgb(9 9 9 / 30%); transition:all .3s ease;
    #ndbanner{border-bottom:1px solid var(--light);background: #FFF;}
    & .logo {display:flex;justify-content: space-between;
        & img {max-height: 70px;padding: 7px 0;transition:all .3s ease;}
        & .mobileNavIcons { align-items: center;
            button{display:inline-block;color:var(--dark); padding:0 10px;
                &.search-toggler{font-size: 23px;}      
            }                          
        }
    }
    & .topNavigationWrapper{background:var(--light);display:flex;flex-direction:column;height: 100%;justify-content: center;
        & .topNavigation{display:flex;align-items: center;justify-content: flex-end;
            ul {margin:0;padding:0;/* margin-bottom: 30px; */list-style:none;display:flex;align-items: center;
                li{ position:relative;
                    a{font-size:.75rem;font-weight:300;display:inline-block;padding: 7px 10px;color: var(--bs-dark);border-bottom:1px solid transparent;}                    
                    a:hover{color:var(--priamryDark);}
                    &:hover{
                        > a{background:var(--highlight);color:var(--priamryDark);}
                        ul{ display:block;}
                    }
                    ul{display:none;position:absolute;z-index: 2;width:100%;min-width: 150px;background: var(--highlight);
                        li a{ display:block;
                            &:hover{background:var(--dark); color:var(--white);}
                        }  
                    }
                    &.home a{font-size:0;text-align: center;padding: 9px 12px;margin: 0;
                        &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 14px;display: block;margin: 0;line-height: 1;}          
                    }        
                &.support{
                    a{background:var(--highlight);color:var(--dark);}
                    > a{font-weight:500;}
                    &:hover{background:var(--secondary); }
                }                   
                    a:hover{color:var(--primaryDark); border-bottom:1px solid var(--secondary);}
                }
            }
                       
        }
        @media (min-width: 0px) and (max-width: 991px) {
            & .topNavigation{justify-content:center;
                & > ul{ display:none; }
            }
        }                             
        @media (min-width: 0px) and (max-width: 768px) {
            
        }                              
        button{font-size: 3.5em;color:var(--dark);}
    }          
    & .navigation {/* background:var(--primary); */}
    .searchBlock{display: flex;justify-content: end;margin-top: 10px;margin-bottom: 17px;
        & .inputs{display:flex;flex-direction: row-reverse; 
            input{padding: 4px 10px;padding-left: 30px;min-width: 300px;background: var(--highlight100);border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;
                &:focus, &:focus-visible{outline:none;box-shadow: none;border: 0;}     
            } 
            button{padding: 7px 12px;background: var(--highlight100);margin-right: -24px;position: relative;z-index: 1;border-radius: 30px;/* border-color: var(--gray); */
                i{  font-family: bootstrap-icons !important;color: var(--highlight);font-size:0;
                     &:before{font-size: 16px;line-height: 22px;}
                 }      
            }
        }            
    }
    .main-navigation {justify-content:flex-end;
        & ul {width:100%;margin:0;justify-content: flex-end;
            & li {
                a, span {display:block;font-size: .83rem;font-weight: 400;color: var(--primaryDark);transition:all .3s ease;padding: 10px 10px; }
                &:hover{ background:var(--primary50); color:var(--dark); cursor:pointer; }                
                ul{
                    li {
                        a{padding:13px 10px; background:var(--primary50); color:var(--dark); border-bottom: 1px solid var(--border);}
                        &:hover > a{color:var(--white); background:var(--primary);}
                        ul{
                            li{
                                a{background:var(--primary); color:var(--white); padding:10px 10px; border-bottom: 1px solid transparent;}
                                &:hover a{ background:var(--highlight); color:var(--dark);}
                            }
                        }
                    }
                }
                
                &.button-item{
                    a{color:var(--white);}
                    &:hover{background:var(--secondary); color:var(--white);}
                    &.primary{background:var(--primary);   
                        &:hover, ul li a{background:var(--highlight);} 
                        &:hover a{ color:var(--primaryDark);}
                        ul li a:hover{background:var(--primary);}                              
                    }
                    &.secondary {background:var(--secondary);
                        &:hover, ul li a{background:var(--primary);} 
                        ul li a:hover{background:var(--secondary);}
                    }
                    &.highlight{background:var(--highlight);
                        a{color:var(--primaryDark);}
                        &:hover, ul li a{background:var(--primary); color:var(--white);}
                        &:hover a{ color:var(--white);}
                        ul li a:hover{background:var(--primary50); color:var(--primaryDark);}
                    }
                    &.accent{background:var(--accent);
                        &:hover, ul li a{background:var(--primary);} 
                        ul li a:hover{background:var(--accent);}                              
                    }
                    &.dark{background:var(--dark);
                        &:hover, ul li a{background:var(--secondary);} 
                        ul li a:hover{background:var(--dark);}        
                    }                    
                }
                @media (min-width: 0px) and (max-width: 1199px) {
                    a{font-size: .8em; padding:10px;}
                } 
                @media (min-width: 0px) and (max-width: 1099px) {
                    a{font-size:.70em; font-weight:500;}
                }                  
            }      
        }  
        button.search-toggler{background:none;border:0;padding: 8px 13px;background: var(--white);color: var(--dark);transition:all .3s ease;
            i {font-size:0;
                &:before{font-size: 16px;}  
            }
            &:hover{background:var(--secondary); transition:all .3s ease;
                i {color:var(--white);}       
            }
        }
    }    
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);transform: translateY(-105px);transition: all .3s ease;}
    &.headBg.toFixed {background: var(--white);transition: all .3s ease;position: fixed;top: 0;transform: translateY(-33px);
        & .logo{
            img{transition: all .3s ease;}
            span{font-size:1em; transition: all .3s ease;}
        }           
    }               
    &.headBg{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .logo {
            & img {filter: none; transition:all .3s ease;}
            button{color:var(--dark); padding:0 10px;
                &.search-toggler{font-size: 2em;}      
            }
        }    
    }
    @media (min-width: 0px) and (max-width: 991px) {
        &.headBg.toFixed{transform: translateY(0px);}
    }
}

/*Quick links*/

#quicklinks-wrapper {position: relative;}
#quicklinks {position: fixed;  bottom: 0; right: 50%; z-index: 999; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); text-align: center; -webkit-box-shadow: 0px 3px 24px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 24px 2px rgba(0, 0, 0, 0.75); text-transform: uppercase; -webkit-transition: 250ms ease-in-out; -o-transition: 250ms ease-in-out; transition: 250ms ease-in-out; display: flex; flex-wrap: nowrap; align-items: stretch; align-content: flex-start; flex-direction: row; justify-content: flex-start; 
    &.collapse  {-webkit-transition: 250ms ease-in-out; -o-transition: 250ms ease-in-out; transition: 250ms ease-in-out;} 
    .quicklinks-hdr {
        .bi {-webkit-transition: 250ms ease-in-out;-o-transition: 250ms ease-in-out;transition: 250ms ease-in-out;writing-mode: tb-rl;transform: rotate(90deg);display: block;}
    } 
    &.collapse {/* min-height:450px; */
        .quicklinks-hdr {
            .bi {-webkit-transition: 250ms ease-in-out;-o-transition: 250ms ease-in-out;transition: 250ms ease-in-out;writing-mode: tb-rl;transform: rotate(0deg);}
        }
    } 
    &.show { -webkit-transition: 250ms ease-in-out; -o-transition: 250ms ease-in-out; transition: 250ms ease-in-out; 
        .quicklinks-hdr {
            .bi {-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(180deg);-webkit-transition: 250ms ease-in-out;-o-transition: 250ms ease-in-out;transition: 250ms ease-in-out;}
        }
    } 
    .quicklinks-hdr {position: relative;background: var(--accent);max-width: 36px;min-width: 36px;position: relative;z-index: 55;border: 1px solid var(--border);border-right: 0; 
        button {background:none;border:0;outline:0;line-height: 32px;font-size: 18px;color: var(--dark);font-family: var(--BlockText);margin: 0;padding: 0;display: inline-block;vertical-align: middle;writing-mode: tb-rl;position: relative;z-index: 55;top: 50%;left: 50%;transform: rotate(-180deg) translate(50%, 50%);display: flex;}
    } 
    & .quicklinksWrapper { min-height:450px;  }

    & .quicklinks-list {display:block;list-style: none; background: var(--primaryDark); padding-left: 0; margin: 0; 
        a {color: #ffffff;display: block;padding: 18px 20px;border-color: var(--border);border-width: 0 1px 1px 1px;border-style: solid;font-family: var(--Header);line-height: normal;font-size: 12px;white-space: nowrap; 
        &:hover {color: #f8ba25; text-decoration: none;}
    } 
        li {
            &:last-child {
                a {border-bottom: 0;}
            }
        }
    }
}

@media only screen and (min-width: 991px) {
    #quicklinks { min-height:450px; bottom: auto;top: 50vh;right: 0;-webkit-transform: translateX(0) translateY(-50%);-ms-transform: translateX(0) translateY(-50%);transform: translateX(0) translateY(-50%);height: auto;overflow: hidden;max-width: 36px;min-width: 36px;
        .quicklinks-hdr {
            button {font-size: 16px;}
        }
        a {white-space: nowrap; border-width: 2px 0 0 2px;}
        li {
            &:last-child {
                a {border-bottom: 2px solid #ffffff;}
            }
        }

        .quicklinks-list {/* padding-left: 34px; */}
        &.show {height: auto; max-width: 800px; -webkit-transition: 250ms ease-in-out; -o-transition: 250ms ease-in-out; transition: 250ms ease-in-out;}
    }
    .quicklinks-hdr {}
}

/*Intro Video*/
.intro-video {margin-top: 42px;position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;z-index: 0;}

@media only screen and (min-width: 1200px) {
    .intro-video {padding-top: 45%; } 
} 
@media only screen and (min-width: 1400px) {
    .intro-video {padding-top: 43%;} 
} 
.intro-video video {position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: auto; } 
@media only screen and (min-width: 1200px) {
    .intro-video video {top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
}

body.subpage header{background:var(--white);}
.breadcrumb {background:var(--primary50);font-size: 0;padding: 8px 0;margin-bottom: 0;
    a{color: var(--dark);font-size: 15px;display:inline-flex;align-items: center; 
        &:after{content:" / "; font-size:12px; display:inline-block; padding:0 10px;}
        &:last-child:after{content:'';}
    }            
}

.content-block.slider-block{background: var(--gray);/* padding: 10px 0; */padding-top: 0;/* margin-bottom: 30px; */}
.sliderSection {height: var(--sliderHeight);max-height: 100vh;overflow: hidden;position: relative;margin-top: 0;
    & .slidePlaceholder{width:100%;height:100%;object-fit: cover;}
    & .slide {position: relative;width:100%;height:var(--sliderHeight); background:var(--light);
        & .captionData {height: 100%;left:0;right:0;margin: auto;position: absolute;width: 100%; 
            &.justify-Left{justify-content:start;}
            &.justify-Center{justify-content:center;}
            &.justify-Right{justify-content:end;}                        
            &.align-Top{align-items:start;}            
            &.align-Middle{align-items:center;}
            &.align-Bottom{align-items:end;}
        }
        & .caption {display: none; padding: 45px; position: relative; z-index: 2; 
            &:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1; } 
            h1, h2, h3, h4, h5, h6 {color: var(--text);font-weight: 500;}
            .h1, h1 {font-size: calc(2.5rem + 1.5vw); 
                @media (min-width: 1200px) {font-size: 6rem; } 
            }
            .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                @media (min-width: 1200px) {font-size: 2.5rem; } 
            }
            .h3, h3 {font-size: calc(1.0rem + 0.075vw); 
                @media (min-width: 1200px) {font-size: 2rem; } 
            }
            p, div {font-size: calc(1.0rem + 0.05vw); 
                @media (min-width: 1200px) {font-size: 1.6rem; } 
            }                     
        }
        &.video {
            & .image {display: none; } 
            & .tao-video-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
                & .container {max-width: none !important; display: none !important; }
                & .tao-video-tn { background-size:cover;}                
                iframe {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 99; }
            }
        }
        &.slShow .caption{display: block; color: var(--text); }              
    }    
    & .tao-item{
        & .image{
            img{width:auto; height:100%; object-fit:cover;}
        }
        &.active.center{
            & .image {position: relative;z-index: 0;top: 0;left: 0; 
                &.Fullwidth {height: 100%;flex: 0 0 auto;width: 100%;
                    img{width: 100%;height: 100%;object-fit: cover;display: block;margin: 0 auto;}
                } 
            }             
        }       
    }
                
    & .tao-nav button{ 
        &:hover{ background:none;}        
        &.tao-next {right: -15%; 
            span:after {content:"\f285"; width: auto;height: auto;  padding:20px;  border-radius:30px;color: var(--white); background:rgb(255 255 255 / 25%);font-size:3rem;}
        }
        &.tao-prev{left: -19%;
            span:after {content:"\f284"; width: auto;height: auto;  padding:20px;  border-radius:30px;color: var(--white); background:rgb(255 255 255 / 25%);font-size:3rem;}                    
        }            
        span{ font-size:0;    
            &:after {content:"\f285";color:var(--primary);}
            &:hover:after{ background:var(--white); border-radius:30px; color:var(--highlight);}
        }
        &:hover{background:none !important;}
    }
    & .tao-carousel:hover {
        & .tao-nav{
            & .tao-next{right:1%;}            
        }
    }
                
    @media (min-width: 0px) and (max-width: 991px) {         
        --sliderHeight:480px; 
        
        height:var(--sliderHeight);margin-top: 69px;        
        
        & .slide{ height:var(--sliderHeight);}
        img{width:auto;  height:100%; }
        & .slShow .caption{padding:15px; width:100%!important;}
    }  
    @media (min-width: 0px) and (max-width: 549px) {
        --sliderHeight:360px;
        & .slide {display: block;flex-wrap:wrap; width: 100% !important;
            & .image{ position:relative; order:0; height:100%; width:100%; background-size:cover; background-position:center;}
            & .captionData{order:1; padding:0;margin:0 auto;
                .caption {width:100%;padding: 15px;}
            } 
            & .caption{
                .h1, h1 {font-size: calc(1.20rem + 1.5vw); 
                    @media (min-width: 1200px) {font-size: 3rem; } 
                }
                .h2, h2 {font-size: calc(1.1rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; } 
                }
                .h3, h3 {font-size: calc(.70rem + 0.06vw); 
                    @media (min-width: 1200px) {font-size: 2rem; } 
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.6rem; } 
                }                
            }                  
        }  
    }
                
    &.specialSlides{
        --sliderHeight: 600px;    
        height: var(--sliderHeight);
        & .specialSlide {
            & .slide {
                & .caption {/* background: var(--white); */padding: 0;display:flex;flex-direction:column;justify-content: center; 
                    h2{ font-size:2.0em;}
                    p {font-size: 0.75em;}
                }
            }
            & .topPart{background:var(--white);padding: 30px 0;
                 img{ max-width:150px;}
            }
            & .bottomPart{ padding: 30px 0;background-size: cover;background-repeat: no-repeat;background-position: center;
                & .textPart{width: 60%;margin: 30px 0;}             
            }
            &.special_1{
                & .caption{background: var(--white);}
                & .bottomPart{background:var(--highlight);background-size: cover;background-repeat: no-repeat;background-position: center;}
            }
            &.special_2{
                & .caption{background: var(--white); }
                & .bottomPart{background:var(--dark);background-size: cover;background-repeat: no-repeat;background-position: center;
                     & .textPart{*{color:var(--white);}}                
                }
            }            
        } 
        @media (min-width: 0px) and (max-width: 768px) {
            & .bottomPart{
                & .textPart{width: 100% !important;}
            }    
        }
    }                
}
.sliderSection {
    & .tao-item{ width:100%; 
        & .slide {display: flex;flex-wrap: wrap;flex-direction: column;
            & .image {transition: all ease 8s;min-width:100%;flex: 0 1 auto;width: 100%;align-items: center;justify-content: center;}
        }
        &.active { 
             & .slide {
                & .image {  transition:all ease 8s; 
                     a{display: block;width: 100%;}             
                }
             }
        }
       
    }
}

.banner-block{margin-top: 102px;
    .messageData{padding: 10px 0;text-align:center;font-size: 1.0em;background: var(--primary100);color:var(--dark);
        .button-cta{background:var(--white); color:var(--primaryDark); 
            &:hover{ background:var(--highlight);}           
        }            
    }   
    @media (min-width: 0px) and (max-width: 991px) {margin-top: 70px;}              
}


.subpageHeader-block {padding-top: 0 !important;
    & .pageHeader{width:100%;height: 100%;position: relative;background: var(--primary);min-height: 380px;
        & .hero {background: url("/image/cache/hero-default.jpg") no-repeat;background-size: cover;background-position: 50% 50%;height: 320px;}
          @media (min-width: 768px) {
            .hero {height: 500px;width: 100%;} 
          }       
        & .pageTitle{font-family:var(--header);font-size: 2.5em;color:var(--white);text-align: right;line-height: 1.1;}
        & .caption{position:absolute;z-index: 2;width:100%;height:100%;left:0;top:0;
            & .navleTextBlock{
                &:after{content:'';display:block;width: 60%;height:100%;background:var(--primaryDark);position: absolute;top:0;left:0;z-index: -1;}                
            }
            & .container{display:flex;flex-direction:column;justify-content: center;height: 100%;}
            p{font-size: 1.1em;color:var(--white);font-family:var(--specailBody);font-weight: 400;margin: 0;
               & > a{color:var(--white);} 
            }        
            & .navle{font-family:var(--BlockText);font-size: 3em;line-height:1;color:var(--white);margin-bottom: 30px;margin-top: 15px;
                sup{font-size: 24px;top: -1.3em;}        
            }
            & a.button-special{/* background:var(--white); */color: var(--light);border-radius:0;position:relative;font-size: 20px;letter-spacing: 1px;text-transform: uppercase;padding: 15px 30px;margin: 10px 0;
                &:before{content: "";position: absolute;top: 3px;left: 3px;right: 3px;bottom: 3px;border: 2px solid var(--light);pointer-events: none;}                  
            }    
            & .featuredSubpageHeader{ background:none;}
        }
        
        h2{color:var(--white); font-size: 2em;text-transform: uppercase;font-weight: 300;font-family: var(--Header);
            strong, span{display:block;} 
           span{font-weight: 300;font-size: 2.0em;font-family: var(--BlockText);}
        }                  
        & .featuredSubpageHeader{margin:0;height: 100%;min-height: 500px;display: flex;flex-direction: column;justify-content: flex-end;}
        & .image{width:100%;height:100%;position: relative;display: flex;
            img{width:100%;height:100%;object-fit:cover;max-height:500px;} 
        }
                  
        &[data="Default"]{/* min-height: 350px; */
            & .featuredSubpageHeader{min-height: 380px;}
            & .image img{object-fit:contain;object-position: left;max-height: 380px;}                  
        }
    }
    @media (min-width: 0px) and (max-width: 992px) {
            padding-top: 69px;
            & .pageHeader {margin-bottom:0; flex-direction:column;align-items: flex-start;
                img{min-height: 480px;width:100%;object-fit: contain;}     
                & .pageTitle{text-align:left;margin-bottom:15px;}
                & .caption{
                    p{/* font-size:1.5em; */}
                    & .navle{font-size:3.5em;}
                    & .navleTextBlock{
                        &:after{display:none;}
                    }
                }
            }
    }
    @media (min-width: 0px) and (max-width: 768px) { padding-top: 69px;}   
    @media (min-width: 0px) and (max-width: 579px) {
         & .pageHeader{height:auto;padding: 30px 0;
             & .caption{height:auto;position: relative;}
            & .featuredSubpageHeader { min-height:-webkit-fill-available;
                & .image{display:none;}                         
            }
         }
    }
}

/*Featured Subpage Header*/
.featuredSubpageHeader{background:var(--primary);padding:5em 0;margin-bottom:5em;position: relative; 
    & .container{position:relative; z-index:1;}
    & .image{position:absolute;top: 0;left: 0;width: 100%;opacity: .3;height: 100%;
        img{width:100%; height:100%; object-fit:cover;}        
    }                   
    h2{color:var(--white); font-size: 2em;text-transform: uppercase;font-weight: 300;font-family: var(--Header);
        strong, span{display:block;} 
       span{font-weight: 300;font-size: 2.0em;font-family: var(--BlockText);}
    }   
}

/*Quick links*/
.quickLinks { background:var(--primary50); border-radius:3px;
    & .sectionTitle h2{padding: 10px;color: var(--dark);margin: 0;font-size: 1.5em !important;font-weight: 500; border-bottom: 1px solid color-mix(var(--dark)  10%, transparent 100%);}
    ul {list-style: none; margin: 0; padding: 0;
        li {position: relative;
            &:hover > ul {display: block; }
            a {background: var(--highlight100);color:var(--dark);display: block;font-weight: 500;font-size:.9em;padding: 10px 12px;border-bottom: 1px solid color-mix(var(--dark)  10%, transparent 100%);}
            a:hover {background: var(--primary); color: var(--white); }            
            &:last-child a {border: 0;}
        }
        li ul { display: block; left: 0%; position: relative; top: 0; width: 100%;
            li {
                a { padding:5px 10px; border-bottom:0; font-size:.9em;
                    &:hover {background: var(--primary); color: var(--white); } 
                   &:hover:before {visibility:hidden;}
                } 
            }
        }
    }
}

/*Gallery*/
.taoGalleryBox .overlay {background:color-mix(in srgb,var(--mute) 85%,transparent) !important;}
.gallery_paging_links  span  a, .gallery_next_link_inactive, .gallery_prev_link_inactive {margin: 0 1px !important;}

/*News*/
.news-listing {padding: 0;position: relative;background: var(--white);padding: 20px;margin-bottom: 20px;border-bottom: 1px solid var(--bs-border-color);-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease;
    & .news-info{position:relative;z-index:1;
        & .newsTitle {line-height:1.1;
            a{color: var(--highlight);}             
        }            
    }
    &:hover {transition: box-shadow .35s ease}
}
 
.news{display:block; flex-direction:column; height:auto; justify-content:space-between;
     & .article {margin-bottom: 15px;padding-bottom:10px;border-bottom:1px dashed var(--primary);
        h2{font-size:1.33em;}
        & .splitleft, & .splitright { display:block;
            em{font-size:.9em;}
            a{display:inline-block; padding:3px 10px; font-size:.8em; text-transform:uppercase; border:1px solid var(--primary); border-radius:5px;
                 &:hover{ background:var(--primary); color:var(--white);}
             } 
        }
    }
    & .newsRow{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px solid var(--border);background: #fff;/* -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); *//* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); */padding: 15px 20px;border-radius: 4px;
        & .date {font-weight: 400;color: var(--primary);}   
        & .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
    }      
}
 
.news-body img{max-width:60%;float:left;margin-right: 15px;margin-bottom: 15px;}
.news-updates .sectionBody-sidebar-module .newsletter-thumbnail {-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}
.sideBar{
    &.newsletters{background:var(--primary50);text-align:center;padding: 15px;border:1px solid var(--border);
        & .newsletterIssue{background: #fff;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);padding: 15px 20px;margin-bottom: 15px;border-radius: 3px;
            & .detials a {color: #ee592b;text-align: center;display: block;text-transform: uppercase;}            
        }
        & .newsletter-archives{background:var(--primary);-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);padding: 15px 20px;margin-bottom: 15px;border-radius: 3px;text-align: left;
            h2{color:var(--white);}
            select{ margin:10px 0;}     
            h3{margin:10px 0; color:var(--white);}
        }                  
    }
}

/* Events Wrapper */
.event {margin: 10px 0 15px;padding: 0;position: relative;display: flex;justify-content: flex-start;align-items: center;background: var(--white);border-bottom: 1px solid var(--bs-border-color);flex-wrap: wrap;
  .event_date {text-align: center; font-weight: 900; font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: var(--text); } 
  .event_day {font-size: 1.5em; padding: 10px; } 
  .event_time {font-size: 0.84em; font-weight: 400; display: block; line-height: 1.5em; } 
  .event_content {padding: 10px; font-weight: normal; font-size: 1em; text-align: left; line-height: 1.5em; position: relative; z-index: 1; 
    a {color:var(--primary);font-size: 1.2em; font-weight: 500; word-break: break-word; vertical-align: middle; } 
  }
.event-date {background-color: var(--secondary); color: var(--dark); text-align: center; font-size: 1.3em; line-height: 1.1; margin: 0 10px 0px 0; padding-top: 10px; text-transform: uppercase; font-weight: 500; width: 80px; }
.event-date span {display: block; font-size: 20px; text-transform: none; /* font-weight: 300; */ font-style: italic; }
.event-date span:nth-child(2) {background-color: var(--highlight); color: var(--white); font-size: 18px; font-weight: 600; margin-top: 8px; padding: 6px 0 6px 0; }
.event-title {font-weight: 700; }
.event-location {color: #6d6d6d; font-size: 12px; font-style: italic; }
.event-body {color: #6d6d6d; font-size: 12px; }
.event-link {color: #b79152; border-bottom: solid #b9b9b9 1px; display: block; font-size: 12px; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; text-align: right; }
}

/* Events Section */
.events {
  h2 {margin: 50px 0 15px; color: var(--text); }
  .eventrow {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--gray); 
    h3 {font-size: 1.125rem; } p {margin: 0; } 
    ul {margin: 0 0 10px; padding: 0; 
      li {margin-right: 15px; } 
    } 
  }
}

/* Event Articles / Cards */
.events_block {
  .article {border-bottom: 1px solid var(--gray); padding: 15px 0; 
    img {max-width: 300px; height: auto; } 
    .dtl {padding: 0 15px; } 
  } 
}

/* Event Detail Page */
.EventDetail {
  .dtl img {max-width: 450px; margin: 0 auto; display: block; } 
}

@media (max-width: 768px) {
  .event {flex-direction: column; text-align: center; 
    .event_content {padding-top: 15px; } 
  }

  .events_block .article {flex-direction: column; align-items: center; 
    img {width: 100%; max-width: 100%; } 
    .dtl {padding: 10px 0; } 
  }
}

/*Blog page*/
.featuredBlogItems{ 
    & .categoriesList{color:var(--white);text-align:right;font-size:1.3em;display: flex;justify-content: flex-end;align-items: center;text-transform: uppercase; cursor:pointer;
        i{line-height:0;padding-left:5px;font-size: 30px;}                 
    }
    hr{border-color:var(--border); opacity:.75;}
    & .blogPosts{margin-top:5em;}
    & .category {
        h2{text-align:center; color:var(--white); font-size:2em;}
        h3{text-align:center;color:var(--white);font-size:1.3em;position:relative;margin: 20px 0;
            &:after{content: '';display: block;height: 1px;background-color:var(--white);/* margin-top: -14px; */position: absolute;z-index: 0;width: 100%;top: 12px;}
            a{background:var(--primary); position:relative; z-index:1; padding:0 30px;}
        }
    }
    &.category{background:var(--primary);}
}

/*Blog list*/
.blogItem {background: #FFF; height:100%; border:1px solid var(--border);
    img{width:100%; margin-bottom:10px;}
    & .blogLink{/* min-height:150px; */padding:15px;
        a{font-size: 1.1em;color:#136580;font-weight:600;
            strong{  display:block;padding:0 15px;} 
        } 
        p{/* padding:0 15px; */margin: 5px 0;color: var(--dark);}
    }
    &:hover {background:var(--light);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.10);box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.10);}
}

.blog-IndividualItem{
    .blogHeader{text-align:center; border-bottom: 1px solid var(--border);padding: 20px 0px;
        h1{text-align:center;}           
    }
    & .sectionBody { margin:5em 0;}
    h3{font-family:var(--header);}
}

#changeparameters_5{display:none;}
/*Blog Categories Modal*/
#blogCategories{ background: color-mix(in hsl, var(--primaryDark), transparent 10%);
    & .modal-content{background: transparent;border: 0;
        & .modal-header{border:0;} 
        & button.btn-close{filter:invert(1);}
        h2{color:var(--white); border-bottom:1px solid var(--white); margin-bottom:15px;}
    }
    & .categoriesMenu{padding:0; margin:0; list-style:none;
        li{
            a{color: var(--highlight);font-size: 1.0em;font-weight:600;text-transform:uppercase;padding: 5px 0;display: inline-block;}
        }
    }
}

/*FAQs*/
.featuredFAQs {
    & .selectLabel{color:var(--white);}
    & .faqSelect  select{font-weight:500;font-size:1.2em;color:var(--primary);background-color: color-mix(in srgb, var(--light) 85%, transparent); margin-bottom:10px;}
    & .faqSearchBlock{
        form{display: flex;justify-content: center;margin-top: 5px;
            & .faqSearchForm{display:flex;flex-direction: row-reverse; 
                input{padding: 21px 29px;padding-left: 75px;min-width: 90%;background: var(--primary50);border-radius: 30px;border: 1px solid var(--primary);
                    &:focus, &:focus-visible{outline:none;box-shadow: none;border: 0;}     
                } 
                button{padding: 16px 21px;background: transparent;margin-right: -62px;position: relative;border: 1px solid var(--primary);z-index: 1;border-radius: 30px;background: var(--primary);
                    i{  font-family: bootstrap-icons !important;color: var(--primary50);font-size:0;
                         &:before{font-size: 16px;line-height: 22px;}
                     }      
                }
            }            
        }         
    }
    form .faqSearchForm {display:flex;align-items:center;justify-content:center;height: 100%;width: 70%;}   
    hr{border-color:var(--border); opacity:.75; margin:4em 0;}
}

.sectionBody-Hdr {padding: 15px;background:var(--primary);
    h2{color:var(--white);font-size: 2.0em;text-transform:uppercase;font-family: var(--BlockText);margin: 0;}                 
}

.subCategory {position:relative;padding-bottom: 30px;
    & .sectionBody-Hdr{background:var(--accent);font-size: 1.5em;font-weight: 500;padding: 10px 30px;color:var(--white);margin-bottom: 5px;}
    & .sectionBody-item{ 
        & .panel { margin-bottom:5px;padding:15px; border:1px solid var(--border);
            h3{margin:0; font-size: 1.0em;
                a{font-family: var(--subheader);font-weight:500;position: relative;display: flex;align-items: center;justify-content: space-between; 
                    &:focus, &:focus-visible{outline:none;} 
                    &:after{ font-family:bootstrap-icons!important;font-weight: 100;font-size: 1.5em;content:"\f2e5"; color: #119b8e;}
                    &.collapsed:after{content:"\f4f9";}
                }  
            }
            & .panel-body{padding: 0 15px;
                table{float:none !important;}             
            }
        }                   
    }
    & a.toTop{position: absolute;right: -45px;bottom: 35px;display: block;width: 40px;height: 40px;background: #23527c;text-align: center;line-height: 40px;color: #FFF;font-size: 0;
        &:after{content:"\f281";font-family:bootstrap-icons!important;font-size: 20px;}         
    }
}

/*In focus Newsletter*/
.featuredNewsletter{ margin-bottom:0; color: var(--white);
    h1{ color: var(--white);}
    & .newsletterIssue{color: var(--primaryDark); background: var(--white);-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);padding: 15px 20px;margin-bottom: 15px;border-radius: 3px;text-align: center;
        & .detials a {color: var(--secondary);text-align: center;display: block;text-transform: uppercase;}            
    }                    
    & .newsletter-archives{padding: 0 20px;margin-bottom: 15px;border-radius: 3px;text-align: left;
        h2{color:var(--white);}
        select{margin:10px 0;color: var(--primaryDark);}     
        h3{margin:10px 0; color:var(--white);}
    }   
}

/*Contact*/
.faqWrapper {position: relative; 
    #loader {position: absolute; width: 100%; height: 100%; background: rgb(255 255 255 / 20%); top: 0; left: 0; text-align: center; display: flex; align-items: center; justify-content: center; }
    select {margin: 0; margin-bottom: 15px; }
    p {margin: 0; }
    & .audienceSelection { 
        & .fieldlabel label{font-weight:500;} 
        & .audience_selection_radio{display:inline-block;margin-right: 15px;
            input{margin:0;}                           
        }
    }
    .categoryFilters{display:flex;flex-wrap:wrap;flex-direction: column;
        label{font-weight:500;} 
        & .categoryFilter,.subcategoryFilter {/* display: inline-block; */width: 40%;padding-right: 15px;}
        & .questionFilter{min-width:100%; }
    }
    .answerWrapper {
        .answerBlock {padding: 15px; border: 1px solid #ddd; margin-bottom: 15px; }
        & .meta{display:flex;align-items:center;flex-wrap: wrap;padding: 10px 0;
            ul{list-style:none; margin:0; padding:0; display:flex;
                li{margin-right:15px;
                    a{display:inline-block;font-size:0.9em; padding:3px 10px; border:1px solid var(--border); border-radius:8px; background:var(--light); color:var(--primaryDark);
                        &:hover{background:var(--border);} 
                    }
                }  
            } 
            & .related{display:flex; align-items:center;
                > p{margin:0 !important;}
                & div{ padding-right:10px;}
            }
        }        
        .contactLink {padding: 15px; /* border:1px solid #eee; */ text-align: center; }
        .fieldrow{
            .fieldlabel, .fieldval{display: block; width: auto; text-align: center !important; margin: 0; }
            .fieldlabel label {font-weight: normal; }
            .fieldval div {display: inline-block; min-width: 60px; text-align: left; vertical-align: middle; }
            .fieldval div input,  div label {display: inline-block; margin: 0; vertical-align: middle; float: none; margin-right: 3px; }
        }
    }
}

/*Content blocks*/
/*Home*/ 
.sectionTitle{
    & .lead{color: var(--primaryDark);font-size:0.95em;font-weight: 300;}
    h2{text-transform: uppercase;}
}
.aboutContent {
    & .aboutText{ font-size:1.05em;}
    & .aboutNav{ height:100%; background:var(--highlight); padding:30px; color:var(--white);
        h2{color:var(--white); border-bottom:2px solid var(--white); padding-bottom:5px;}
        ul{margin:0; padding:0; list-style:none;
         li{ display:flex; align-items:center;
            &:before{content:"\f135"; font-family:bootstrap-icons !important; font-size:1.5em; }
            a{display:inline-block;font-size: 1.15em;font-weight:500;text-transform:uppercase;color:var(--white);padding:10px 0;}  
         }
        }
    }
}

/*assessments*/
.assementsBlock {background:var(--primary50);
    .sectionBGImage{min-height:600px;background-repeat: no-repeat;background-position-x: left;background-position-y: center;}
    .assessments{background:var(--white);margin-left: -15em;margin-right: 8em;padding: 30px 40px;border-radius:8px;
         & .assessments-links{
            & .square{background:var(--primary);text-align:center;height:100%;/* display: flex; */align-items: center;justify-content: center;transition:all .5s ease;
                h3{margin: 0;}
                a{color:var(--white);text-align:center;display:block;font-size:1.05em;padding: 2rem!important;}
                &:hover{background:var(--highlight); transition:all .5s ease;}
                &.navle:hover{background:var(--primary100);}
                &.SelfAssessment:hover{background:var(--accent);}
                &.VEA:hover{background:var(--secondary);} 
                &.SSE:hover{background:var(--highlight);}                  
            }
        }  
    }
    @media (min-width: 0px) and (max-width: 991px) {
        position:relative;
        & .sectionBGImage{background-position:center;background-size: cover;}
        & .assessments{margin:0 auto;width:90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    }
    @media (min-width: 0px) and (max-width: 768px) {
        & .sectionBGImage{display:none;}
         & .assessments{position:relative;top:auto;left:auto;transform:none;margin: 30px auto;}
    }
}

.newsBlocks .jsnews_9{display: flex;flex-wrap: wrap;flex-shrink: 0;width: 100%;max-width: 100%;/* padding-right: calc(var(--bs-gutter-x) * .5); *//* padding-left: calc(var(--bs-gutter-x) * .5); */margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x)); 
    & > *{padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}
    & .newsBlock{height:100%;padding:15px;border:1px solid var(--border);
        a strong{font-size: 1.1em;}
        &:hover {background:var(--light);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.10);box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.10);}                 
    }                    
}
 
.info-block{background:var(--highlight100);}
.bgImage-block{ background:url('/image/cache/plane_1920.jpg') no-repeat center; background-attachment:fixed;
    & .randomFacts{margin:5em auto;background: rgb(26 22 19 / 90%);display: flex;padding: 4em 2em;align-items: flex-start;
        & .aviation-icon {background: var(--highlight);/* min-height: 100px; */width: 15%;padding: 10px;margin: 0 15px;text-align: center;
            i{font-size:0;
            &:before{font-size: 70px;color:var(--white);line-height: 80px;} 
            }        
        }                          
                            
        & .aviation-fact {height: 100%;
            h1 {color: #ffeac3;font-size: 18px;display:flex;flex-wrap: wrap;align-items: flex-end;border-bottom: #b79152 solid 2px;
                span {display: block;font-size: 20px;/* width: 80%; */line-height: 1;
                    strong{display:block;font-size: 38px;}     
                }   
                & .fact-number {order:1;display: block;font-size: 2.5em;font-weight: 600;border-bottom: none;padding-left: 60px;}   
            }      
            p {color: #f2f2f2;font-style: italic;width: 100%;margin-bottom: 0;}    
        }
  
        @media (min-width: 768px) and (max-width: 1099px) {
            & .fact-number {font-size: 25px;}
        } 
        @media (min-width: 0px) and (max-width: 992px) {
            flex-direction:column;
            & .aviation-icon {width:100px;margin: 10px 0;}
             & .aviation-fact {
                 h1{font-size:14px;
                    strong{font-size:28px !important;}
                     & .fact-number {padding-left:15px !important;font-size: 2em;}                   
                }
             }
        }                   
    }
}

/*Resources*/
.libraryList{height:100%;padding:15px; margin-block:15px; border:1px solid var(--border);
    a {color:var(--primary);display:inline-flex;align-items: center;
        &:after {content:"\f30a";font-family: bootstrap-icons!important;display: inline-block;vertical-align: middle;margin-left: 8px;min-width: 15px;font-size: 17px;color: #136580;}  
        &[data-file=""]:after {content: "\f470"; display: inline-block;margin-left: 8px;}
    }
    &:hover {background:var(--light);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.10);box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.10);}                   
}
.ResourcesRow{ margin-block:15px;border-bottom: 1px solid var(--border);
    img{/* max-height:250px; */}            
}

.faqs{
    & .categoryBlock{ position:relative;}
    & .panel { margin-bottom:5px;padding:15px; border:1px solid var(--border);
        h3{margin:0; font-size: 1.0em;
            a{font-family: var(--subheader);font-weight:500;position: relative;display: flex;align-items: center;justify-content: space-between; 
                &:focus, &:focus-visible{outline:none;} 
                &:after{ font-family:bootstrap-icons!important;font-weight: 100;font-size: 1.5em;content:"\f2e5"; color: #119b8e;}
                &.collapsed:after{content:"\f4f9";}
            }  
        }
        & .panel-body{padding: 0 15px;
            table{float:none !important;}             
        }
    }
    & a.toTop{position: relative;left:calc(100% - 40px);/* bottom: 35px; */display: block;width: 40px;height: 40px;background: #23527c;text-align: center;line-height: 40px;color: #FFF;font-size: 0;
        &:after{content:"\f281";font-family:bootstrap-icons!important;font-size: 20px;}         
    }
}

/*Post Forms*/
label {font-weight: 400;display: block;font-size: 16.8px;}
#total, #Total {font-weight: bold;font-size: 1.4em;}
.fieldrow{padding-bottom: 15px;
    div[class*="_radio"]{
        label{display:inline-block;}
    }
    input[name*='date']{width:calc(100% - 30px) !important;}          
    & .dateDropdowns select{ margin-right:10px;} 
    & .forms_multicheckbox{ padding-bottom:10px;
        div{margin-left:15px; font-size:0.9em;}
    }         
}

.h3style{font-weight:600;}

.reportType {padding: 0; /* border: 1px solid #ddd; */ border-bottom: 0; margin: 15px 0; 
    .tafb_row {display: flex; width: 100%; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0; border-bottom: 1px solid #ddd; 
        .fcol {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding: 0 2px; padding-bottom: 3px; 
            &.tfbact {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; text-align: center; padding: 2px 12px; 
                a {display: block; padding: 5px; background: #119b8e; color: #fff; line-height: 35px; 
                    &:hover {background: #0c8378; text-decoration: none; } 
                    &.tfbdel {background: #ee592b; font-size: 14px; line-height: 25px; 
                        &:hover {background: #d8491d; } 
                        span {display: block; padding: 0; 
                            &:after {content: "\f5de"; font-family: bootstrap-icons !important; } 
                        } 
                    } 
                } 
            } 
            &.year_col {
                > span {font-family: "Univers LT W01_55 Roman1475956", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; display: block; font-size: 16.8px; } 
            } 
            select {/* margin: 2px 0px; */ } 
        } 
        &.head {
            .fcol {padding: 12px; line-height: 25px; margin: 0; font-weight: 500; border-left: 1px solid #ddd; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } 
        } 
    } 
    .selected_report_row {display: inline-flex;
        .fcol {padding: 12px;line-height: 25px;margin: 0;font-weight: 500;border-left: 1px solid #ddd;padding: 10px;border: 0; 
            label {margin: 0; padding: 0 5px; } 
        } 
    } 
}

@media all and (min-width: 0px) and (max-width: 579px) {
 
}
@media all and (min-width: 0px) and (max-width: 479px) {
 
}
                   
    }
    & a.toTop{position: absolute;right: -45px;bottom: 35px;display: block;width: 40px;height: 40px;background: #23527c;text-align: center;line-height: 40px;color: #FFF;font-size: 0;
        &:after{content:"\f281";font-family:bootstrap-icons!important;font-size: 20px;}         
    }
}

/*In focus Newsletter*/
.featuredNewsletter{ margin-bottom:0; color: var(--white);
    h1{ color: var(--white);}
    & .newsletterIssue{color: var(--primaryDark); background: var(--white);-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);padding: 15px 20px;margin-bottom: 15px;border-radius: 3px;text-align: center;
        & .detials a {color: var(--secondary);text-align: center;display: block;text-transform: uppercase;}            
    }                    
    & .newsletter-archives{padding: 0 20px;margin-bottom: 15px;border-radius: 3px;text-align: left;
        h2{color:var(--white);}
        select{margin:10px 0;color: var(--primaryDark);}     
        h3{margin:10px 0; color:var(--white);}
    }   
}

/*Contact*/
.infoContentBlock {position: relative; 
    #loader {position: absolute; width: 100%; height: 100%; background: rgb(255 255 255 / 20%); top: 0; left: 0; text-align: center; display: flex; align-items: center; justify-content: center; }
    select {margin: 0; margin-bottom: 15px; }
    p {margin: 0; }
    .sectionDropdown #selectSection, #subCategoriesDropdown #selectSubCategories {display: inline-block; width: auto; min-width: 380px; margin-top: 15px; }
    .answerBlock {
        .answerWrapper {padding: 15px; border: 1px solid #ddd; margin-bottom: 15px; }
        .contactLink {padding: 15px; /* border:1px solid #eee; */ text-align: center; }
        .fieldrow{
            .fieldlabel, .fieldval{display: block; width: auto; text-align: center !important; margin: 0; }
            .fieldlabel label {font-weight: normal; }
            .fieldval div {display: inline-block; min-width: 60px; text-align: left; vertical-align: middle; }
            .fieldval div input,  div label {display: inline-block; margin: 0; vertical-align: middle; float: none; margin-right: 3px; }
        }
    }
}

/*Content blocks*/
/*Home*/ 
.sectionTitle{
    & .lead{color: var(--primaryDark);font-size:0.95em;font-weight: 300;}
    h2{text-transform: uppercase;}
}
.aboutContent {
    & .aboutText{ font-size:1.05em;}
    & .aboutNav{ height:100%; background:var(--highlight); padding:30px; color:var(--white);
        h2{color:var(--white); border-bottom:2px solid var(--white); padding-bottom:5px;}
        ul{margin:0; padding:0; list-style:none;
         li{ display:flex; align-items:center;
            &:before{content:"\f135"; font-family:bootstrap-icons !important; font-size:1.5em; }
            a{display:inline-block;font-size: 1.15em;font-weight:500;text-transform:uppercase;color:var(--white);padding:10px 0;}  
         }
        }
    }
}

/*assessments*/
.assementsBlock {background:var(--primary50);
    .sectionBGImage{min-height:600px;background-repeat: no-repeat;background-position-x: left;background-position-y: center;}
    .assessments{background:var(--white);margin-left: -15em;margin-right: 8em;padding: 30px 40px;border-radius:8px;
         & .assessments-links{
            & .square{background:var(--primary);text-align:center;height:100%;/* display: flex; */align-items: center;justify-content: center;transition:all .5s ease;
                h3{margin: 0;}
                a{color:var(--white);text-align:center;display:block;font-size:1.05em;padding: 2rem!important;}
                &:hover{background:var(--highlight); transition:all .5s ease;}
                &.navle:hover{background:var(--primary100);}
                &.SelfAssessment:hover{background:var(--accent);}
                &.VEA:hover{background:var(--secondary);} 
                &.SSE:hover{background:var(--highlight);}                  
            }
        }  
    }
    @media (min-width: 0px) and (max-width: 991px) {
        position:relative;
        & .sectionBGImage{background-position:center;background-size: cover;}
        & .assessments{margin:0 auto;width:90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    }
    @media (min-width: 0px) and (max-width: 768px) {
        & .sectionBGImage{display:none;}
         & .assessments{position:relative;top:auto;left:auto;transform:none;margin: 30px auto;}
    }
}

.newsBlocks .jsnews_9{display: flex;flex-wrap: wrap;flex-shrink: 0;width: 100%;max-width: 100%;/* padding-right: calc(var(--bs-gutter-x) * .5); *//* padding-left: calc(var(--bs-gutter-x) * .5); */margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x)); 
    & > *{padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}
    & .newsBlock{height:100%;padding:15px;border:1px solid var(--border);
        a strong{font-size: 1.1em;}
        &:hover {background:var(--light);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.10);box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.10);}                 
    }                    
}
 
.info-block{background:var(--highlight100);}
.bgImage-block{ background:url('/image/cache/plane_1920.jpg') no-repeat center; background-attachment:fixed;
    & .randomFacts{margin:5em auto;background: rgb(26 22 19 / 90%);display: flex;padding: 4em 2em;align-items: flex-start;
        & .aviation-icon {background: var(--highlight);/* min-height: 100px; */width: 15%;padding: 10px;margin: 0 15px;text-align: center;
            i{font-size:0;
            &:before{font-size: 70px;color:var(--white);line-height: 80px;} 
            }        
        }                          
                            
        & .aviation-fact {height: 100%;
            h1 {color: #ffeac3;font-size: 18px;display:flex;flex-wrap: wrap;align-items: flex-end;border-bottom: #b79152 solid 2px;
                span {display: block;font-size: 20px;/* width: 80%; */line-height: 1;
                    strong{display:block;font-size: 38px;}     
                }   
                & .fact-number {order:1;display: block;font-size: 2.5em;font-weight: 600;border-bottom: none;padding-left: 60px;}   
            }      
            p {color: #f2f2f2;font-style: italic;width: 100%;margin-bottom: 0;}    
        }
  
        @media (min-width: 768px) and (max-width: 1099px) {
            & .fact-number {font-size: 25px;}
        } 
        @media (min-width: 0px) and (max-width: 992px) {
            flex-direction:column;
            & .aviation-icon {width:100px;margin: 10px 0;}
             & .aviation-fact {
                 h1{font-size:14px;
                    strong{font-size:28px !important;}
                     & .fact-number {padding-left:15px !important;font-size: 2em;}                   
                }
             }
        }                   
    }
}

/*Black out dates*/
#loader {position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 99; background: rgb(26 26 26 / 50%); display:flex; align-items:center; justify-content:center;
    i {position: relative; display: inline-block; text-align: center; left: 50%; top: 50%; font-size: 3em; transform: translate(-50%, -50%); color: #ffc107; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }         
} 

.testingDate {position: relative; 
  input {width: calc(100% - 50px) !important; } 
} 

#calendarIcon {display: inline-block; margin: 0 6px; height: 40px; line-height: 40px; 
  i {&:before {font-size: 20px; color: #ee592b; } 
  } 
} 
#calendarWrapper {position: absolute; display: none; width: 360px; z-index: 9; right: 50px; top: 90px; 
  &.show {display: block; } 
  table {position: relative; width: 100%; background: #fff; border-collapse: collapse; 
    tr {margin: 0; th {padding: 0; } 
      th, td {border: 1px solid #aeaeae; text-align: center; } 
      td {
        &.month {background: #03607d; color: #fff; font-weight: bold; text-transform: uppercase; padding: 5px; 
          span {&.month {padding: 5px 30px; display: inline-block; } 
            &.navigate {font-weight: 300; cursor: pointer; } 
          } 
        } 
      } 
      &.days {
        th {background: #0ea89a; padding: 10px; color: #000; font-weight: normal; } 
      } 
      &.dates {
        td {background: #b5b5b5; color: #282828; position: relative; padding: 10px; 
          &.past {background: #b5b5b5; color: #282828; } 
          &.current {
            &.active {
              &.future {background: #03607d; color: #fff; cursor: pointer; 
                &:hover {background: #ee592b; color: #fff; } } 
                &.selected {background: #ee592b; color: #fff; } 
              } 
              &.filled {background: #666; color: #b5b5b5; } 
              &.filling {background: #4a6c06 !important; } 
              small {font-size: 0.7em; display: block; line-height: 2; position: absolute; top: 0; color: #ffffff63; width: 100%; text-align: center; } 
            } 
          } 
        } 
      } 
    } 
  } 
  .assessmentRow {position: relative; 
    #calendarWrapper {position: relative; right: auto; top: auto; min-width: 450px; 
      table {
        tr {
          &.dates {
            td {padding: 15px; pointer-events: none; } 
          } 
        } 
      } 
    } 
  } 
  .legendDetails {
    .legendRow {display: flex; margin: 10px 0; margin-right: 10px; align-items: center; color: #333; font-weight: 500; font-size: 0.8em; 
      span {width: 30px; height: 30px; margin-right: 5px; background: #ddd; 
        &.available {background: #136580; } 
        &.unavailable {background: #b5b5b5; } 
        &.filled {background: #666; } 
      } 
    } 
  } 
  @media all and (max-width: 991px) {
    #calendarWrapper {right: 0; } 
  } 
  @media all and (max-width: 570px) {
    #calendarWrapper {right: 0; width: 100%; } 
    .assessmentRow {#calendarWrapper {min-width: 100%; } 
    } 
  }

/*Resources*/
.libraryList{height:100%;padding:15px; margin-block:15px; border:1px solid var(--border);
    a {color:var(--primary);display:inline-flex;align-items: center;
        &:after {content:"\f30a";font-family: bootstrap-icons!important;display: inline-block;vertical-align: middle;margin-left: 8px;min-width: 15px;font-size: 17px;color: #136580;}  
        &[data-file=""]:after {content: "\f470"; display: inline-block;margin-left: 8px;}
    }
    &:hover {background:var(--light);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.10);box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.10);}                   
}
.ResourcesRow{ margin-block:15px;border-bottom: 1px solid var(--border);
    img{/* max-height:250px; */}            
}

.faqs{
    & .categoryBlock{ position:relative;}
    & .panel { margin-bottom:5px;padding:15px; border:1px solid var(--border);
        h3{margin:0; font-size: 1.0em;
            a{font-family: var(--subheader);font-weight:500;position: relative;display: flex;align-items: center;justify-content: space-between; 
                &:focus, &:focus-visible{outline:none;} 
                &:after{ font-family:bootstrap-icons!important;font-weight: 100;font-size: 1.5em;content:"\f2e5"; color: #119b8e;}
                &.collapsed:after{content:"\f4f9";}
            }  
        }
        & .panel-body{padding: 0 15px;
            table{float:none !important;}             
        }
    }
    & a.toTop{position: relative;left:calc(100% - 40px);/* bottom: 35px; */display: block;width: 40px;height: 40px;background: #23527c;text-align: center;line-height: 40px;color: #FFF;font-size: 0;
        &:after{content:"\f281";font-family:bootstrap-icons!important;font-size: 20px;}         
    }
}

/*Post Forms*/
label {font-weight: 400;display: block;font-size: 16.8px;}
#total, #Total {font-weight: bold;font-size: 1.4em;}
.fieldrow{padding-bottom: 15px;
    div[class*="_radio"]{
        label{display:inline-block;}
    }
    input[name*='date']{width:calc(100% - 30px) !important;}          
    & .dateDropdowns select{ margin-right:10px;} 
    & .forms_multicheckbox{ padding-bottom:10px;
        div{margin-left:15px; font-size:0.9em;}
    }         
}

.h3style{font-weight:600;}

.reportType {padding: 0; /* border: 1px solid #ddd; */ border-bottom: 0; margin: 15px 0; 
    .tafb_row {display: flex; width: 100%; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0; border-bottom: 1px solid #ddd; 
        .fcol {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding: 0 2px; padding-bottom: 3px; 
            &.tfbact {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; text-align: center; padding: 2px 12px; 
                a {display: block; padding: 5px; background: #119b8e; color: #fff; line-height: 35px; 
                    &:hover {background: #0c8378; text-decoration: none; } 
                    &.tfbdel {background: #ee592b; font-size: 14px; line-height: 25px; 
                        &:hover {background: #d8491d; } 
                        span {display: block; padding: 0; 
                            &:after {content: "\f5de"; font-family: bootstrap-icons !important; } 
                        } 
                    } 
                } 
            } 
            &.year_col {
                > span {font-family: "Univers LT W01_55 Roman1475956", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; display: block; font-size: 16.8px; } 
            } 
            select {/* margin: 2px 0px; */ } 
        } 
        &.head {
            .fcol {padding: 12px; line-height: 25px; margin: 0; font-weight: 500; border-left: 1px solid #ddd; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } 
        } 
    } 
    .selected_report_row {display: inline-flex;
        .fcol {padding: 12px;line-height: 25px;margin: 0;font-weight: 500;border-left: 1px solid #ddd;padding: 10px;border: 0; 
            label {margin: 0; padding: 0 5px; } 
        } 
    } 
}

/*BOD Portal*/
.rgtsec{display:none;}
.holder span, .lstview.head span, .lstview span{vertical-align:middle;}
.holder .filename a { display:inline-block;  word-break: break-all;}


@media (min-width: 768px) {
  .section-innerSidebar {
    .sectionHdr-content {border-right: 2px solid #ee592b; } 
    .sectionHdr-sidebar {border-left: 2px solid #ee592b; margin-left: -2px; } 
  } 
} 

.AR_Block {padding-right: 20px; margin-top: 0; border-right: 2px solid #ee592b; 
  h1 {margin-top: 0; } 
} 
.AR_sideNavigation {
  ul {margin: 0; padding: 15px 0 0; list-style: none; background: none; border: 0; 
    li {margin-bottom: 15px; display: block; 
      a {background-color: #136580; display: inline-block; vertical-align: middle; width: 100%; padding: 10px 0; color: #fff; font-weight: 600; font-size: 1em; text-transform: uppercase; font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;
       &:before {font-family: bootstrap-icons !important; font-weight: 100; font-size: 11px; content: "\f285"; padding: 0; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin: 0 10px; line-height: 23px; text-align: center; background: #119b8e; border-radius: 50%; } 
     } 
   } 
 } 
} 
.AR_group {border-bottom: 1px solid #ddd; margin-bottom: 15px; } 
.AR_row {padding-bottom: 6px; display: flex; align-items: center; 
  .thumb {
    img {max-width: 100px; margin: 3px 10px; border: 1px solid #ddd; } 
  } 
  .details {padding: 10px; h4 {margin: 0; } p {color: #999; } 
  } 
}

.alert-text {color: var(--secondary); font-weight: 600; margin: 10px; } 

#navleProcess7-heading {height: auto; 
  a {line-height: 1.8; } 
} 

.newNavle {
  .sectionHdr {
    h2 {color: #0f9e90; font-size: 2.6em; margin-bottom: 0; } 
    .navleInfoSection {
      > h2 {background: #0f9e90; padding: 10px; font-size: 1.8em; text-transform: uppercase; margin: 30px 0 10px; 
        a {color: #fff; 
          &:hover {text-decoration: none; } 
        } 
      } 
    } 
    h3 {font-size: 1.5em; } 
  } 
  .section-innerSidebar {
    .sectionHdr-sidebar, .sectionHdr-content {margin-bottom: 0; padding-bottom: 30px; } 
    .sectionHdr-content {padding-right: 30px; } 
  } 
  .card {height: 100%; 
    &.withBG {background: #c7d0d9; border-radius: 0; border: 0; } 
    .card-header {background: #136581; color: #fff; display: flex; flex-wrap: nowrap; align-items: center; font-size: 1.3em; font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; border-radius: 0; border: 0; 
      strong {font-family: "Univers LT W01_65 Bold1475968", "Univers LT W01_55 Roman1475956", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 7px 10px; background: #f8ba25; color: #333; font-size: 2em; margin-right: 10px; } 
    } 
    .card-body {padding: 15px; border-radius: 0; border: 0; } 
  } 
} 
h4 {
  a.sectionAnchor {color: #0f9e90; text-decoration: underline; font-size: 1.25em; } 
} 

.infoSection-body, .navleInfoSection {margin-bottom: 30px; } 
.section-innerSidebar {
  .sectionHdr-sidebar {padding-left: 30px; } 
} 
.processStep {border: 2px solid #ddd; margin-bottom: 15px; height: 100%; padding: 0; 
  .title {background: #136580; color: #fff; padding: 5px; font-size: 1.2em; font-weight: 600; text-transform: uppercase; text-align: center; } 
  .stepDisc {background: #c7d0d9; padding: 5px; text-align: center; color: #136580; } 
  .icons {display: flex; align-items: flex-start; 
    .icon {height: 100%; padding: 5px; text-align: center; } 
    img {width: 65px; display: block; margin: 0 auto; } 
    span {font-size: 0.85em; width: auto; background: none; color: inherit; line-height: normal; font-weight: unset; height: auto; right: auto; } 
  } 
} 
ul.navleSideNav {list-style: none; margin: 0; padding: 0; 
  li {margin-bottom: 10px; 
    a {display: flex; background: #136581; color: #fff; padding: 9px 5px; align-items: center; text-transform: uppercase; font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; 
      &:before {content: "\f135"; font-family:bootstrap-icons!important ; background: #119b8e; border-radius: 50%; width: 20px; height: 20px; display: inline-block; line-height: 20px; text-align: center; margin-right: 5px; } 
      &:hover {text-decoration: none; } 
    } 
  } 
} 

.navle-steps-wrapper {
  .navle-step {display: flex; border-bottom: 2px solid #efefef; 
    .navle-step-number {background: #f8ba25; color: #333; font-size: 1.5em; font-weight: 600; padding: 20px; display: flex; align-items: center; margin-right: 15px; min-width: 54px; } 
    .navle-step-content {padding: 10px; img {max-width: 100%; 
      &.icon {display: inline-block; vertical-align: middle; max-width: 50px; } 
    } 
  } 
} 
.highlight {color: #ee592b; } 
} 
 
/*Footer */
footer {background:var(--dark);position:relative;z-index:1;padding-top: 30px;
    & .footerImage{
        img{filter:brightness(0) invert(1);margin-bottom: 30px;}               
    } 
    & .footerInfoBlock{display:flex; 
        & .address{ width:50%; font-size:.9em;
            div{display:flex; padding-bottom:5px;
                i{margin-right: 10px;} 
                address{margin:0;}
            }          
        }                  
    }

    & .footerNav {
        ul {display:flex;flex-wrap: wrap;justify-content: flex-start;
            li {min-width: 35%;text-align: left;
                ul{ display:block;
                    li{min-width:auto;text-align:left;padding: 5px 0;}
                } 
                a{text-align:left; font-size:0.9em; color:var(--white);}
            }
        }                    
    }
    & .copyright{ color:var(--white); margin-top:15px;
        & .subfooter-nav { 
            ul {margin:0;padding: 0;} 
            ul li{display:inline-block!important; vertical-align: middle;            
                a{padding: 0 10px 0 0!important;color:var(--white);font-size: .9em;
                    &:hover{background:none!important;} 
                }           
            } 
        }                             
    }
    @media all and (min-width: 0px) and (max-width: 767px) {
        & .footerInfoBlock{flex-direction:column; }
        & .address{text-align:left;margin-bottom: 15px;}
        & .footerNav { margin-top:10px;
            ul{display:block;}
        }
    }    
}

@media all and (min-width: 0px) and (max-width: 579px) {
 
}
@media all and (min-width: 0px) and (max-width: 479px) {
 
}