/*Fonts*/
@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Black.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates ExLight';
    src: url('../fonts/Montserrat/MontserratAlternates-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Light.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/Montserrat/MontserratAlternates-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat/MontserratAlternates-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-ExtraLight.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Demi-BoldItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Demi-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Extra-LightItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Extra-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-DemiBold.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-BoldItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Heavy.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-LightItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-RegularItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald Stencil';
    src: url('../fonts/Oswald/OswaldStencil-Bold.woff2') format('woff2'),
        url('../fonts/Oswald/OswaldStencil-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-MediumItalic.woff2') format('woff2'),
        url('../fonts/Oswald/Oswald-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



@font-face {
  font-family: 'TradeGothicLT-BoldCondTwenty';
  src: url('../fonts/TradeGothicLT-BoldCondTwenty.eot?#iefix') format('embedded-opentype'),  url('../fonts/TradeGothicLT-BoldCondTwenty.woff') format('woff'), url('../fonts/TradeGothicLT-BoldCondTwenty.ttf')  format('truetype'), url('../fonts/TradeGothicLT-BoldCondTwenty.svg#TradeGothicLT-BoldCondTwenty') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/Helvetica-BoldOblique.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-bold';
    src: url('../fonts/Helvitica/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/Helvetica-Compressed.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica-Compressed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/HelveticaRounded-Bold.woff2') format('woff2'),
        url('../fonts/Helvitica/HelveticaRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvitica/Helvetica-Oblique.woff2') format('woff2'),
        url('../fonts/Helvitica/Helvetica-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




.desktop-only { display: block; }
.mobile-only { display: none; }

svg{width: 100%;height: auto;}

html{scroll-behavior: smooth;}
body{ font-family: 'Montserrat'; font-size: 14px; color: #5D5D5D; margin: 0; box-sizing: border-box; line-height: 1.5;background: #F2F5F8;overflow-y: hidden;}
img{width: 100%;height: auto;}
header{background: #224076;padding: 10px 0px;margin-bottom: 50px;}
main{min-height: 550px;}
main:after{content: '';position: fixed;top: 0;width: 100%;height: 100%;background: #fff;z-index: 3;pointer-events: none;transition: all .3s ease;}
main.loaded:after{content: '';position: fixed;top: 0;width: 100%;height: 100%;background: #fff;z-index: 3;opacity: 0;}

.page-node-13 header{margin-bottom: 0;}

.page-node-type-programs main{min-height: 600px;}

/*#sb-site{background: #F2F5F8;}*/
.heading{font-weight: bold; color: rgb(35, 63, 113); text-align: center;margin-bottom: 30px;text-transform: uppercase;}
.section{margin-bottom: 50px;}

.region-header{display: flex; align-items:  center;margin-left: -35px;justify-content: center;}
.region-header .sub-menu{display: none;}


/*Banner*/
#page-banner{position: relative;}
#page-banner .logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 550px;}

.page-banner-static{max-width: 900px; margin: 50px auto 30px;}

#main-nav{background: #224076;}
#main-nav ul{margin: 0;padding: 0;list-style-type: none;display: flex;}
#main-nav ul a{text-decoration: none;color: #fff;font-weight: bold;}
#main-nav ul li{margin: 0 20px;}
/*#main-nav ul:nth-child(1){border-right: 1px solid rgb(255 255 255 / 0.45);margin-right: 20px;}*/
#main-nav .link-wrapper{display: flex; justify-content: center;}

.fade-slider .fade-slider-item{background: #fff; position: relative; border-top-left-radius: 100px; border-bottom-left-radius: 100px;max-width: 250px;transition: all 0.3s ease;opacity: .4}
.fade-slider .fade-slider-item .logo{max-width: 100px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);transition: all 0.3s ease;}
.fade-slider .fade-slider-item .box-wrapper{padding: 7px 15px 7px 115px;}
.fade-slider .fade-slider-item .box-wrapper .title{font-size: 9px; font-weight: bold; color: #000;}
.fade-slider .fade-slider-item .box-wrapper .text{font-size: 9px;color: #000;margin-bottom: 10px;}
.fade-slider .fade-slider-item .link-to a{color: #294f96; padding: 2px 10px; border: 1px solid #294f96; border-radius: 50px; font-weight: bold;font-size: 9px;text-decoration: none;transition: all 0.5s ease;}
.fade-slider .fade-slider-item .link-to a:hover{background: #294f96;color: #fff;}
.fade-slider .owl-stage-outer{padding: 50px 0;}
.fade-slider .owl-stage-outer .center .fade-slider-item{transform: scale(1.2);opacity: 1;}
.fade-slider .owl-stage-outer .center .logo{transform: translateY(-50%) scale(1.2);}
.fade-slider{max-width: 900px;margin: 0 auto}

.fade-slider.owl-carousel .owl-nav{display: block;}
.fade-slider.owl-carousel .owl-nav .owl-prev{font-size: 62px; position: absolute; left: -40px; top: 30px;outline: none;}
.fade-slider.owl-carousel .owl-nav .owl-next{font-size: 62px; position: absolute; right: -40px; top: 30px;outline: none;}

.grid-default ul{list-style-type: none;padding: 0;}
.grid-default .default-grid-item{margin-bottom: 30px;}
/*.grid-default .default-grid-item .title{min-height: 100px;}*/
.grid-default .default-grid-item .title a{font-weight: bold; color: #2a4f95; font-size: 18px;text-decoration: none;}
.grid-default .default-grid-item .type{color: #969696; font-size: 13px;text-transform: uppercase;margin-bottom: 15px};
.grid-default .default-grid-item .details{padding: 15px 0;}
.grid-default .default-grid-item .description{padding: 15px;min-height: 90px;}
.grid-default .default-grid-item .logo-wrapper { max-width: 190px; margin: 0 auto; }
.page-node-type-landing-page .grid-default .default-grid-item .image-wrapper{margin-bottom: 10px;}
.page-node-type-landing-page .grid-default .default-grid-item .title{min-height: 140px;}

#home-updates .image-wrapper{border-radius: 15px;overflow: hidden;margin-bottom: 20px;}
#home-updates .link-to span{margin-left: 5px;}
#home-updates .link-to a{text-decoration: none; color: rgb(35, 63, 113); background: #fddb01; font-weight: bold; padding: 5px 10px; border-radius: 5px;border: 1px solid #fddb01;transition: all 0.5s ease;}
#home-updates .link-to a:hover{background: transparent;}
#home-updates .title{min-height: 140px;}

#home-database .content-wrap{padding: 50px;background-repeat: no-repeat; background-size: cover;text-align: center;}
#home-database .heading{color: #fff;margin-top: 0;}
#home-database .cta-wrap a{background: #fddb01; padding: 5px 15px; border-radius: 15px; font-weight: bold;text-decoration: none;border: 1px solid #fddb01;transition: all 0.5s ease;color: #224076;}
#home-database .cta-wrap a:hover{background: transparent;color: #fddb01;}

#home-programs{margin-bottom: 20px;}
#home-programs .link { text-align: center; }
#home-programs .link a {background: #2a4f95; padding: 5px 15px; border-radius: 15px; font-weight: bold;text-decoration: none;border: 1px solid #2a4f95;transition: all 0.5s ease;color: #fff;}
#home-programs .link a:hover{background: transparent;color: #2a4f95;}

#home-services .link { text-align: center; }
#home-services .link a {text-transform: uppercase; background: transparent; color: #000; border: none;font-weight: bold;text-decoration: none;}
#home-services .link a:after{content: "\f077"; font-family: 'FontAwesome'; margin-left: 15px; font-weight: normal; font-size: 11px;}

.loader-icon{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: #ffffff7d;display: none;}
.loader-icon img{max-width: 160px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.3}

#home-services .services-wrapper{display: flex; justify-content: space-around; max-width: 500px; margin: 0 auto 40px;}
#home-services .services-wrapper > div{text-align: center;}
#home-services .services-wrapper > div .logo{max-width: 100px;margin: 0 auto 15px;}
#home-services .services-wrapper > div .title{color: rgb(35, 63, 113); font-weight: bold; margin: 0 auto 10px; font-size: 15px; text-transform: uppercase;text-align: center;}
#home-services .services-wrapper > div .link-to a{color: #676767; text-transform: uppercase; font-weight: bold;text-transform: uppercase;text-decoration: none;font-size: 11px;}
#home-services .services-wrapper > div .link-to span{margin-left: 10px;}

.footer-wrapper{background: url('../images/footer-bg.png');background-repeat: no-repeat;background-size: cover;padding: 80px 0;}
.footer-wrapper .icon-wrapper{margin-bottom: 30px; text-align: center;}
.footer-wrapper .icon-wrapper div{margin: 0px 20px;display: inline-block;}
.footer-wrapper .icon-wrapper div:nth-child(1){max-width: 130px;}
.footer-wrapper .icon-wrapper div:nth-child(2){max-width: 65px;}
.footer-wrapper .links{text-align: center; color: #fff; font-weight: bold;margin-bottom: 15px;}
.footer-wrapper .links a{color: #fff;text-decoration: none;text-transform: uppercase;margin: 0 10px;font-weight: bold;}
.footer-wrapper .social-links{text-align: center;display: flex;justify-content: center;}
.footer-wrapper .social-links a{color: #fff;text-decoration: none;font-size: 20px;margin: 0 5px;}

#registration-steps .signup-notes{margin-top: 50px;}
#registration-steps .signup-notes h2{color: #224076;text-align: left;}
#registration-steps .signup-notes li{color: #000; font-size: 15px; margin-bottom: 5px;}

#database-listing ul{padding: 0;margin: 0;list-style-type: none;}
#database-listing .db-list-item{max-width: 900px; margin: 0 auto 30px;}
#database-listing .db-list-item .row{display: flex;justify-content: center;}
#database-listing .db-list-item .row > div:nth-child(3){align-self: flex-start;}
#database-listing .db-list-item .profile-photo{border-radius: 50%; overflow: hidden; border: 2px solid #c7c7c7;max-width: 100px;margin: 0 auto;}
#database-listing .db-list-item .profile-details{display: flex;}
#database-listing .db-list-item .cta{display: flex;margin-bottom: 20px;}
#database-listing .db-list-item .db-name{font-size: 24px; font-weight: bold;text-transform: uppercase;}
#database-listing .db-list-item .professional-name{font-weight: bold;}
#database-listing .db-list-item .cta a{color: #294f96; padding: 2px 10px; border: 1px solid #294f96; border-radius: 5px; font-size: 13px; text-decoration: none;text-transform: uppercase;transition: all 0.5s ease;display: block;font-family: 'Oswald';font-weight: 400;}
#database-listing .db-list-item .cta a:nth-child(1){margin-right: 15px;}
#database-listing .db-list-item .cta a:hover{background: #294f96;color: #fff;}
#database-listing .db-list-item .profile-unique{padding-left: 20px; border-left: 1px solid #bbb;align-self: flex-start; margin-top: 17px;}
#database-listing .db-list-item .profile-unique div{font-size: 16px;}
#database-listing .db-list-item .profile-unique div:nth-child(1){font-weight: bold;}
#database-listing .db-list-item .role {font-size: 16px;}
#database-listing .db-list-item .affiliation {font-size: 16px; margin-bottom: 20px; }
#database-listing .db-list-item .filmph-logo{max-width: 110px;display: none;}
#database-listing .db-list-item .pt-NRC .filmph-logo{display: block;}
#database-listing .db-list-item .pt-NROA .filmph-logo{display: block;}

.view-id-profiles.view-display-id-block_1 legend{display: none;}
.view-id-profiles.view-display-id-block_1 .js-form-item input{display: none;}
/*.view-id-profiles.view-display-id-block_1 .js-form-item label{}*/
.view-id-profiles.view-display-id-block_1 .js-form-item input[checked="checked"] + label{background: #224076;color: #fff;}
.view-id-profiles.view-display-id-block_1 .js-form-item label{padding: 5px 10px;cursor: pointer;font-weight: bold;font-size: 16px;color: #000;}
.view-id-profiles.view-display-id-block_1 .js-form-item{margin: 0 0px 0 0;display: inline-block;}
    
.view-id-profiles.view-display-id-block_1 .js-form-item.form-type-textfield{margin-bottom: 20px;}
.view-id-profiles.view-display-id-block_1 .js-form-item.form-type-textfield input{display: block;padding: 5px 10px; outline: none; border: 1px solid #dadada;}
.view-id-profiles.view-display-id-block_1 .js-form-item.form-type-textfield label{padding: 0;}
.view-id-profiles.view-display-id-block_1 .form--inline{display: flex; flex-direction: column-reverse;}
.view-id-profiles.view-display-id-block_1 .views-exposed-form{display: none;}

.view-id-profiles.view-display-id-block_1 .form-radios{border-bottom: 2px solid #264887;}
/*.view-id-profiles.view-display-id-block_1 .view-filters{margin-bottom: 70px;}*/

#db-filter{max-width: 1020px;margin: 0 auto 50px;}
#db-filter .container {width: 100%;}

.secondary-banner{margin-bottom: 50px;}

#profile-main-page #profile-photo .registry-logo{max-width: 280px;margin-bottom: 35px;}
#profile-main-page #profile-photo .profile-name{display: inline-block; background: #1e355f; color: #fff; font-weight: bold; font-size: 20px; padding: 10px 120px 10px 10px;position: relative;text-transform: uppercase;}
#profile-main-page #profile-photo .profile-name:after{content: ''; position: absolute; background: #fff; width: 50px; height: 100px; transform: rotate(34deg); top: -25px; right: -35px;}
#profile-main-page #profile-photo .role{color: #1e355f; font-size: 22px; padding: 0 0px 15px 0px;}
#profile-main-page #profile-photo .role a{font-size: 15px;text-decoration: none;}
#profile-main-page #profile-photo .row{display: flex;align-items: flex-end;}
#profile-main-page #profile-photo{margin-bottom: 50px;}
#profile-main-page .section-title{font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #5d5d5d59; margin-bottom: 15px;display: flex;justify-content: space-between;}
#profile-main-page .section-title div:nth-child(2){font-weight: normal; border: 1px solid #ccc; padding: 0px 10px; border-radius: 5px; text-transform: uppercase; font-size: 12px;}
#profile-main-page .section-title div a{color: #5D5D5D;text-decoration: none;}
#profile-main-page .section-title div span{margin-left: 5px;}
#profile-main-page .profile-section{margin-bottom: 30px;}
#profile-main-page .input-group{width: 100%;margin-bottom: 20px;}
#profile-main-page .input-wrapper span{margin-left: 10px;}
#profile-main-page .input-wrapper{margin-bottom: 5px;width: 100%;}
#profile-main-page .input-wrapper div{display: inline-block;}
#profile-main-page .input-wrapper div:nth-child(1){margin-right: 10px;font-weight: bold;}

#profile-project-engagements .project-title{font-weight: bold; margin-bottom: 5px;}
#profile-project-engagements .project-duration{color: #757575a6;margin-bottom: 5px;}
#profile-project-engagements .project-company{color: #757575a6;margin-bottom: 5px;}
#profile-project-engagements .engagement{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #a9a9a961;}

.user-logged-in #home-registration{display: none;}
.user-logged-in .not-logged-in{display: none !important;}

 /*#views-exposed-form-profiles-block-1 .form-radios > .js-form-item:nth-child(1){display: none;}*/

.profile-form > fieldset > .fieldset-wrapper{position: relative; transition: all 0.5s ease; max-height: 65px; overflow: hidden;}
.profile-form > fieldset > .fieldset-wrapper.form-expanded{max-height: 2000px;}
.profile-form > fieldset > .fieldset-wrapper .toggleForm{position: absolute; top: 15px; right: 20px; color: #224076; border: 2px solid #224076; border-radius: 50%; font-size: 20px; height: 30px; display: flex; align-items: center; justify-content: center; width: 30px; padding-top: 3px; cursor: pointer;transition: all 0.5s ease;}
.profile-form > fieldset > .fieldset-wrapper.form-expanded .toggleForm{transform: rotate(180deg);}

.profile-form .private-fields .form-item{display: flex; flex-direction: row; align-items: center;position: relative;}
.profile-form .private-fields .form-item:before{content: ''; position: absolute; background: #888; width: 30px; height: 15px; border-radius: 15px;left: -2px;transition: all 0.5s ease;}
.profile-form .private-fields .form-item:after{content: ''; position: absolute; height: 13px; width: 13px; background: #fff; z-index: 2; border-radius: 50%;transition: all 0.5s ease;}
.profile-form .private-fields .form-item.toggleOn:after{transform: translateX(14px);}
.profile-form .private-fields .form-item.toggleOn:before{background: #459a44;}
.profile-form .private-fields .form-item input{border: none; border-bottom: 1px solid #ccc; outline: none; z-index: 3; width: 30px; height: 15px; opacity: 0;margin-top: 0;transition: all 0.5s ease;}
.profile-form .private-fields .form-item label{margin: 0;padding-left: 10px;}


.logged-in-menu{display: flex;align-items: center;position: relative;}
.logged-in-menu ul{padding: 0;margin: 0;list-style-type: none;}
.logged-in-menu .nr-logo{max-width: 70px; display: inline-block; margin-right: 15px;}
.logged-in-menu .profile-pic{max-width: 30px; border-radius: 50%; overflow: hidden; display: inline-block; border: 1px solid #797979;cursor: pointer;}

#block-views-block-profiles-block-4 .main-ul > ul{padding: 0;list-style-type: none;margin: 0}

.logged-in-menu .submenu{position: absolute; background: #fff; padding: 20px 20px 0; box-shadow: 0 0 20px #0000002e; top: 50px;margin: 0; list-style-type: none; width: 280px;list-style-type: none;z-index: 2;left: -40px;display: none;}
.logged-in-menu.dropdown-active .submenu{display: block;}
.logged-in-menu .submenu:before{content: ''; position: absolute; top: -17px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 29px solid #fff; left: 50%; transform: translateX(-50%);}
.logged-in-menu .submenu .list-head{display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #b2b2b2;margin-bottom: 15px;}
.logged-in-menu .submenu .list-head .image{width: 50px; margin-right: 10px; border-radius: 50%; overflow: hidden; border: 1px solid #bfb5b5;}
.logged-in-menu .submenu .list-head .name a{font-weight: bold; color: #224076; font-size: 11px;text-decoration: none;text-transform: uppercase;}
.logged-in-menu .submenu .list-head .build{margin-top: -5px;}
.logged-in-menu .submenu .list-head .build a{color: #b2b2b2; font-size: 12px; text-decoration: none;}
.logged-in-menu .submenu .menu-link{margin-bottom: 15px;}
.logged-in-menu .submenu .menu-link a{font-size: 14px; color: rgb(166 166 171);text-decoration: none;}
.logged-in-menu .submenu .menu-link.separate{border-bottom: 1px solid #dedede; padding-bottom: 15px;}
.logged-in-menu .submenu .nr-number{color: rgb(166 166 171); margin-bottom: 5px; font-size: 12px;}
.logged-in-menu .submenu .nr-number span {color: #224076; }
.logged-in-menu .submenu .name{line-height: 12px;}

/* .logged-in-menu .submenu .menu-link.with-sub{position: relative;display: none;} */
.logged-in-menu .submenu .menu-link.with-sub{position: relative;}
.logged-in-menu .submenu .menu-link.with-sub:hover > ul{display: block;}
.logged-in-menu .submenu .menu-link.with-sub > ul{position: absolute;top: 0; right: 100%; background: #fff; padding: 10px 55px 10px 20px; width: max-content;display: none;}
.logged-in-menu .submenu .menu-link.with-sub > ul li{margin-bottom: 5px;}
.logged-in-menu .submenu .menu-link.with-sub > ul li a:hover{color: #224076;}
.logged-in-menu .submenu .menu-link.with-sub:hover a{color: rgb(166 166 171);}

.role-nraw .logged-in-menu .submenu .menu-link.with-sub{display: block;}
.role-nrep .logged-in-menu .submenu .menu-link.with-sub{display: block;}

#profile-social .social-wrapper div{max-width: 30px; margin-right: 10px; display: inline-block;}
#profile-imdb a{text-decoration: none;color: #5d5d5d;}

.profile-nrc-edit-form #edit-group-step-3{display: none;}
.profile-nrc-edit-form #edit-group-group .tabledrag-toggle-weight-wrapper{display: none;}
.profile-nrc-edit-form #edit-group-group .field-label{display: none;}

#profile-services .list-item{margin-bottom: 5px;}

#loginPopup .flex-form{display: flex; align-items: center; padding: 20px;}
#loginPopup .modal-content{background: url('../images/sign-in-box.png');background-repeat: no-repeat;background-size: cover;}
#loginPopup .signin-form{padding: 50px 30px; text-align: center;}
#loginPopup .registry-logo{max-width: 315px; margin-right: 50px;}
#loginPopup .signin-form .title{color: #fcda00; font-size: 37px; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 20px #00000080;}
#loginPopup .signin-form .text{color: #fff;font-size: 15px;margin-bottom: 20px;}
#loginPopup label{display: none;}
#loginPopup #block-userlogin input{background: transparent; border: none; border-bottom: 1px solid #ffffff8c; width: 100%; max-width: 200px; outline: none; color: #fff;text-align: center;}
#loginPopup #block-userlogin input::placeholder{ color: #ffffff9c; }
#loginPopup #block-userlogin input::-webkit-input-placeholder{ color: #ffffff9c; }
#loginPopup #block-userlogin input:-ms-input-placeholder{ color: #ffffff9c; }
#loginPopup #block-userlogin .form-submit{background: #fcda00; color: #224076; font-size: 19px; font-weight: bold; padding: 3px 5px; max-width: 100px; border-radius: 30px; box-shadow: 0 0 15px #00000040; margin-top: 15px; transition: all 0.5s ease; border: 1px solid #fcda00;}
#loginPopup #block-userlogin .form-submit:hover{background: transparent;color: #fcda00;}
#loginPopup #block-userlogin .item-list ul{list-style-type: none;padding: 0;margin: 0;display: flex;justify-content: center;margin-top: 25px;}
#loginPopup #block-userlogin .item-list ul li{margin: 0;}
#loginPopup #block-userlogin .item-list ul li:nth-child(1){padding-right: 15px; border-right: 1px solid #fff; margin-right: 14px;}
#loginPopup #block-userlogin .item-list a{color: #fff;text-decoration: none;}
#loginPopup .modal-body{padding: 0;}
#loginPopup .close{position: absolute; color: #000; opacity: 1; text-shadow: none; background: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: -10px; top: -10px; box-shadow: 0 0 13px black;outline: none;cursor: pointer;z-index: 2;}

@media screen and (min-width: 768px){
    
/*
    .desktop-only { display: none; }
    .mobile-only { display: block; }
*/
    
	#loginPopup .modal-dialog{width: 850px;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0;}
    main .container{width: 1020px;}
    #database-listing .container{width: 900px;}
    #database-listing .container .view-display-id-block_1{position: relative;}
}

/* Before */
/* .messages--status{display: none;} */

/* After */
.messages--status{max-width: 570px; margin: 0 auto;}

#register-page-block{margin-bottom: 0;}
#register-page-block .heading{text-align: center;}
#register-blocks{display: flex; flex-wrap: wrap; max-width: 800px; justify-content: center; margin: 0 auto 50px;}
#register-blocks a{text-decoration: none;}
#register-blocks .registration-item{text-align: center; padding: 30px 20px;}
#register-blocks .registration-item .logo{max-width: 80px; margin: 0 auto; padding: 20px; border-radius: 25px; transition: all 0.5s ease; margin-bottom: 20px; box-shadow: 0 0 4px #00000014;}
#register-blocks .registration-item .title{color: rgb(35, 63, 113); font-weight: bold; max-width: 180px; margin: 0 auto; font-size: 15px; text-transform: uppercase; min-height: 100px;}
#register-blocks .registration-item .small-text{margin-bottom: 10px; color: #969696; max-width: 170px; margin: 0 auto 15px;}
#register-blocks .registration-item .link a{color: rgb(35, 63, 113); text-decoration: none; text-transform: uppercase;font-family: 'Oswald'}
#register-blocks .registration-item:hover .logo{background: rgb(35, 63, 113);}
#register-blocks .registration-item:hover .logo svg path{fill: #fddb01;}


.field--name-field-gallery tbody{display: flex;flex-wrap: wrap;justify-content: center;}
.field--name-field-gallery tbody tr{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px;}
.field--name-field-gallery .image-widget-data{display: none;}
.field--name-field-gallery label{display: inline-block; max-width: 135px; background: #000; text-align: center; padding: 10px 0px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; margin-bottom: 15px;cursor: pointer;}
.field--name-field-gallery thead{display: none;}
.field--name-field-gallery .image-preview{margin-bottom: 10px; max-width: 100px; min-height: 100px; display: flex; align-items: center; justify-content: center;}

#profile-gallery .gallery-item{margin-bottom: 30px;}

#block-mainnavigation ul{margin-left: 1em;list-style: none outside; text-align: left; margin: 0;list-style-type: none; display: flex;border-right: 1px solid rgb(255 255 255 / 0.45);margin-right: 20px;}
#block-mainnavigation ul li{margin: 0 20px;}
#block-mainnavigation ul li a{text-decoration: none; color: #fff; font-weight: bold; padding: 7px 0px;transition: all 0.5s ease;text-transform: uppercase;font-size: 12px;}
#block-mainnavigation ul li a:hover{color: #fddb01;}
#block-mainnavigation ul li a.is-active{border-bottom: 5px solid #fddb01;color: #fddb01;}

.logged-in-menu .submenu .menu-link span{margin-right: 10px; font-size: 17px; color: rgb(166 166 171);min-width: 20px;}
.logged-in-menu .submenu .menu-link:hover span,
.logged-in-menu .submenu .menu-link:hover a{color: #224076;}

.my-list{background: #e6e6e6a6; padding: 5px 10px; cursor: pointer; font-weight: bold; font-size: 18px;position: absolute;right: 0;display: none;top: -10px;}
.user-logged-in .my-list{display: block;}
.my-list a{color: #000; text-decoration: none;}
.no-result{text-align: center;}

#mylistPopup ul{margin: 0;padding: 0;list-style-type: none;}
#mylistPopup ul .db-name{font-weight: bold;font-size: 22px;text-transform: uppercase;}
#mylistPopup ul .role{font-size: 18px;margin-bottom: 10px;}
#mylistPopup ul .cta{display: flex;}
#mylistPopup ul .cta > div{margin-right: 20px;}
#mylistPopup ul .db-list-item{margin-bottom: 20px;}
#mylistPopup .close{z-index: 2; background: #224076; opacity: 1; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: -12px; right: -7px; box-shadow: 0 0 13px black;outline: none;}
#mylistPopup ul li:last-child .db-list-item{margin-bottom: 0;}
#mylistPopup ul li a{text-decoration: none;}
#mylistPopup .region-mylist-popup{padding: 50px 10px;}

#block-views-block-profiles-block-3 .profile-photo{border-radius: 50%; overflow: hidden;}
#block-views-block-profiles-block-3 .profile-details{margin-top: 10px;}

/*.flag-profile-list{position: relative;}*/
/*.flag-profile-list .ajax-progress{position: absolute;}*/

#benefits .paragraph{margin-bottom: 20px;}
#benefits .paragraph .title{font-size: 21px; color: #616161; font-weight: bold;}

#faq{max-width: 900px; margin: 0 auto 50px;}
#faq #accordion .panel-heading a{color: #5d5d5d;text-decoration: none;}
#faq #accordion .panel-heading a:nth-child(2){font-weight: bold; font-size: 30px;}
#faq .panel-heading{background: transparent; padding-left: 0; padding-right: 0;}
#faq .panel-title{display: flex; justify-content: space-between;text-transform: uppercase;font-size: 18px;padding: 0 15px;align-items: center;padding: 0 15px;}
#faq .panel-title.head-active{background: #224076;}
#faq #accordion .panel-title.head-active a{color: #fff;transition: all 0.5s ease;}
#faq #accordion .panel-title.head-active a:nth-child(2){transform: rotate(45deg);}
#faq .panel{background: transparent; border: none; box-shadow: none; padding: 5px 0px; border-bottom: 2px solid #61616138; border-radius: 0;}
#faq .panel-body{border: none;background: transparent;padding: 0;padding-bottom: 10px;}

.error-page{max-width: 450px; margin: 5% auto 0;}
.success-page{text-align: center;margin-top: 5%;}
.success-page .image-wrap{max-width: 110px;margin: 0 auto}

.user-pass-reset{max-width: 450px; margin: 0 auto; padding: 5px 0px 40px;}
.user-pass-reset #edit-actions input{padding: 10px 30px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}
.user-pass-reset #edit-actions input:hover{background: transparent;color: #224076;}

.view-updates.view-display-id-block_1 .js-pager__items .button{background: #224076; color: #fff; font-weight: bold;transition: all 0.5s ease;border: 1px solid #224076;}
.view-updates.view-display-id-block_1 .js-pager__items .button:hover{background: transparent;color: #224076;}

/*#block-mainnavigation ul li:nth-child(3){display: none;}*/
/*.user-logged-in #block-mainnavigation ul li:nth-child(3){display: block;}*/

#home-updates{background: #fff;}
#home-updates .updates-block .block-head{display: flex; align-items: center; justify-content: space-between;}
#home-updates .updates-block .cta a{color: #224076; font-weight: bold; font-size: 13px;text-decoration: none;position: relative;margin-right: 40px;text-transform: uppercase;}
#home-updates .updates-block .cta a:after{content: "\f061"; transition: all 0.5s ease; font-family: 'FontAwesome'; color: #224076; position: absolute;top: -2px; right: -30px;}
#home-updates .updates-block .cta a:hover:after{transform: translateX(10px);}
#home-updates .updates-block{border-bottom: 1px solid #d4d4d4; padding: 30px 0px;}

/*Messaging*/

/*.block-private-message-inbox-block .private-message-recipients{display: none;}*/
.block-private-message-inbox-block .field--name-owner h2{display: none;}
.block-private-message-inbox-block .field--name-owner p{margin: 0;}
.block-private-message-inbox-block .field--name-owner .field__label{display: none;}
.block-private-message-inbox-block .field--name-owner .field__item{font-weight: bold; font-size: 18px;text-transform: uppercase;}
.block-private-message-inbox-block .field--name-message p{margin: 0;}
.block-private-message-inbox-block h2{margin-bottom: 30px;}
.block-private-message-inbox-block .private-message-thread-inbox{border: none; background: #fff; border-left: 7px solid #224076; padding: 20px 0px;margin-bottom: 20px;}
.block-private-message-inbox-block .private-message-thread-inbox.unread-thread{background: #eaeaea;border-left-color: #e1ec38;}
.block-private-message-inbox-block .private-message-thread-inbox .field--name-members{display: none;}
.block-private-message-inbox-block .private-message-recipients{display: none;}

.send-pm{display: flex; align-items: center; font-size: 16px; color: #1e355f; font-weight: bold;}
.send-pm a{text-decoration: none;color: #1e355f;}
.send-pm span{color: #1e355f;margin-top: -3px;margin-right: 10px;}
.send-pm{display: none;}

#thread-members-display-container{display: none; align-items: center;}
#thread-members-display-container .private-message-member-display-item{margin: 0;}
#thread-members-display-container label{margin-right: 10px;}
.private-message-form{max-width: 550px; margin: 0 auto;}
.private-message-form textarea{outline: none; border: 1px solid #ececec; padding: 10px;}
.private-message-form .form-actions .form-submit{color: #fff; padding: 2px 30px; border: 1px solid #294f96; background: #294f96; border-radius: 50px; font-weight: bold; font-size: 16px; text-decoration: none; transition: all 0.5s ease;}
.private-message-form .form-actions .form-submit:hover{background: transparent;color: #294f96;}

#private-message-page{padding: 50px 0px;}
#private-message-page .field__label{display: none;}
#private-message-page .private-message-thread-messages{max-width: 700px; margin: 0 auto; max-height: 350px; overflow: hidden; overflow-y: scroll; padding: 10px;display: flex;flex-direction: column-reverse;border-top: 1px solid #ccc;}
#private-message-page .private-message-thread-messages .load-previous-position-before{border: none;font-size: 16px;}
#private-message-page .private-message-form{max-width: 700px;}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message{border: none;}
#private-message-page .private-message .field--name-owner{display: none;}
#private-message-page .private-message > div{display: flex; flex-direction: column-reverse;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message.private-message-author-other > div .field--name-message{background: #fff; padding: 15px; border-radius: 15px; width: max-content; max-width: 350px;margin-bottom: 5px;border: none;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message.private-message-author-self > div .field--name-message{background: #224076; padding: 15px; border-radius: 15px; width: max-content; max-width: 350px;margin-bottom: 5px;color: #fff;border: none;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message.private-message-author-self > div{display: flex; flex-direction: column-reverse; align-items: flex-end;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message.private-message-author-self{display: flex;justify-content: flex-end;}
#private-message-page .private-message > div .field--name-created{float: none; margin-left: 10px; font-size: 12px;}
#private-message-page .private-message-thread-full .private-message-recipients{max-width: 700px; margin: 0 auto; padding: 10px; margin-bottom: 25px; border-bottom: 1px solid #c1c1c1;}
#private-message-page .private-message-recipients span{display: none;}
#private-message-page .private-message-recipients span{display: none;}
#private-message-page .private-message-recipients .username a{pointer-events: none; color: #000; font-weight: bold; font-size: 22px;}
#private-message-page .private-message-recipients h2{display: none;}
#private-message-page .private-message-recipients p{margin-bottom: 0;}
#private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper{border: none;}
#private-message-page .private_message_thread_delete_link_wrapper{max-width: 700px; margin: 0 auto; text-align: right;margin-bottom: -40px;display: none;}
#private-message-page .private_message_thread_delete_link_wrapper a{color: #d84a4a; font-size: 15px;}
/*#private-message-page .field--name-members .field__items > .field__item:nth-child(2){display: none;}*/
#private-message-page .field--name-members .field__items .field__item{max-width: 700px; margin: 0 auto; font-size: 18px; font-weight: bold;margin-bottom: 20px;}


.block-private-message-notification-block{display: none;}
.notif-count{position: absolute; background: red; color: #fff; top: -8px; right: -8px; padding: 2px; border-radius: 50%; font-size: 12px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.msg-count{font-size: 15px; margin-left: 5px;}
.logged-in-menu .submenu .message-url.active span,
.logged-in-menu .submenu .message-url.active a{color: #fe0e0f}

/*SF FORMS*/
.default-form{margin: 20px auto 50px; max-width: 700px;}
.default-form section{background: #fff; padding: 20px 20px 20px; box-shadow: 0 0 4px rgb(0 0 0 / 25%); margin-bottom: 30px;}
.default-form .webform-section-title{font-size: 18px; color: #878d92;}
.default-form .form-item{display: flex; flex-direction: column; margin-bottom: 20px;}
.default-form .form-item.js-form-type-checkbox{flex-direction: row;align-items: center;}
.default-form .form-item.js-form-type-checkbox input{margin: 0; margin-right: 20px;}
.default-form .form-item.js-form-type-checkbox label{font-size: 14px;margin: 0;}
.default-form .form-item input{border: none; border-bottom: 1px solid #ccc; outline: none; background: none;}
.default-form .form-item label{color: #aeb5bb; font-weight: normal; font-size: 16px; text-transform: uppercase;}
.default-form .form-item.webform-type-radios .js-webform-radios{display: flex;}
.default-form .form-item.webform-type-radios .js-webform-radios .js-form-item{flex-direction: revert; margin-right: 30px;margin-bottom: 0;}
.default-form .form-item.webform-type-radios .js-webform-radios .js-form-item input{margin-right: 10px;}
.default-form .form-actions{text-align: center;}
.default-form .form-actions input{padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; outline: none;}
.default-form .form-actions input:hover{background: transparent;color: #224076;}

.clear{clear: both;}
.default-form .form-item.half-width{width: 50%;float: left;padding-right: 20px;}

.briefer-page .element-part{margin-bottom: 30px;}
.briefer-page .element-part .cta{text-align: center;}
.briefer-page .element-part .cta a{padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; outline: none;text-decoration: none;}
.briefer-page .element-part .cta a:hover{background: transparent;color: #224076;}
.briefer-page .element-part.header{display: flex; flex-direction: column; justify-content: center; align-items: center;text-align: center;}
.briefer-page .element-part.header img{max-width: 240px; margin-bottom: 10px;}


.view-id-data_export .csv-feed{display: block; text-align: center; margin-bottom: 30px;}
.view-id-data_export .csv-feed a{text-indent: initial; width: initial; background-image: none; display: inline-block; padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; outline: none; height: initial;}

.view-id-data_export{background: #fff;margin-bottom: 50px;}
.view-id-data_export .view-header{margin-bottom: 30px;}
.view-id-data_export .views-exposed-form .form--inline{display: flex;align-items: center;margin-bottom: 30px;}
.view-id-data_export .views-exposed-form .form--inline .js-form-item{margin: 0;margin-right: 25px;max-width: 180px;}
.view-id-data_export .views-exposed-form .form--inline .form-actions{margin: 0;margin-right: 25px;margin-top: 20px;}
.view-id-data_export .views-exposed-form .form--inline .js-form-item input{margin-bottom: 0; padding: 5px; font-size: 16px; border: none; background: #efefef; outline: none;width: 100%;}
.view-id-data_export .views-exposed-form .form--inline .js-form-item select{padding: 5px; font-size: 16px; outline: none; border: none;background: #efefef;width: 100%;}
.view-id-data_export .views-exposed-form .form--inline .js-form-item label{margin-bottom: 0;}
.view-id-data_export .table-responsive{border: 1px solid #a9a8a8;margin-bottom: 30px;}
.view-id-data_export table{table-layout: fixed;}
.view-id-data_export table th{width: 250px;vertical-align: inherit !important;text-align: center;}
.view-id-data_export table #view-status-table-column{width: 140px;}
.view-id-data_export table #view-uid-table-column{width: 270px;}
.view-id-data_export table #view-uid-table-column,
.view-id-data_export table #view-uid-1-table-column{width: 320px;}
.view-id-data_export table #view-field-user-id-table-column{width: 150px;}
.view-id-data_export table #view-field-first-name-table-column{width: 190px;}
.view-id-data_export table #view-field-last-name-table-column{width: 190px;}
.view-id-data_export table #view-field-middle-name-table-column{width: 190px;}
.view-id-data_export table #view-field-suffix-table-column{width: 190px;}
.view-id-data_export table td{vertical-align: center;}
.view-id-data_export table .views-field-status a.user-status-0{display: block; background: #e25252; padding: 5px; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase;}
.view-id-data_export table .views-field-status a.user-status-1{display: block; background: #3faf47; padding: 5px; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase;}
.view-id-data_export .actions-wrapper{text-align: center;}
.view-id-data_export .actions-wrapper a{min-width: 65px; font-size: 11px;}

.view-id-data_export table .views-field-status a.user-status{display: flex; align-items: center; justify-content: flex-end; flex-direction: row-reverse;text-decoration: none;}
.view-id-data_export table .views-field-status a.user-status input{margin-top: 0;margin-right: 10px;}
.view-id-data_export .status-button{margin-bottom: 20px;}
.view-id-data_export .status-button select{margin-bottom: 0; padding: 5px; font-size: 16px; border: none; background: #efefef; outline: none; margin-right: 10px;}

#to-print{display: none;}

.actions-wrapper.approved .approve-user{display: none;}
.actions-wrapper.blocked .block-user{display: none;}

#block-searchblock{position: relative;text-align: center; padding: 20px 0px 50px;}
#block-searchblock .form-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#block-searchblock h2{color: #fff; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;}
#block-searchblock p{color: #fff; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;}
#block-searchblock input{padding: 5px; font-size: 17px; width: 300px; outline: none;}
#block-searchblock button{padding: 9px 14px; background: #224076; border: none; color: #fff;}
#block-searchblock form{display: flex;align-items: center;justify-content: center;}

.profile-stats .stats-wrapper{display: flex; justify-content: center; align-items: center; text-align: center;}
.profile-stats .stats-item{max-width: 100px;margin: 0 auto;}
.profile-stats .stats-item .count{font-weight: bold;}
.profile-stats .stats-item .text a{font-size: 18px;font-weight: bold;text-decoration: none;}
.profile-stats .stats-item img{margin-right: -20px;}
.profile-stats{margin-bottom: 40px;}
.profile-stats .container{background: #fff;padding-top: 15px; padding-bottom: 15px;}

/*Filters*/
#db-filter .filter-wrapper{float: left;margin-right: 20px;margin-bottom: 25px;display: flex;flex-direction: column;}
#db-filter .filter-wrapper input{display: block; padding: 5px 5px; outline: none; border: 1px solid #dadada;}
#db-filter .filter-wrapper select{display: block; padding: 6px 5px; outline: none; border: 1px solid #dadada;}
#db-filter .filter-profile{float: none;clear: both;display: block;}
#db-filter .filter-profile .radio-item{width: 100%; text-align: center;}
#db-filter .filter-profile{border-bottom: 4px solid #264887; display: flex; flex-direction: row; justify-content: space-around;}
#db-filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){max-width: 170px;}
#db-filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button{display: block; padding: 5px 10px; outline: none !important; border: 1px solid #dadada; background: #fff; border-radius: 0;}

/* width */
#db-filter .filter-profile::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

/* Track */
#db-filter .filter-profile::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#db-filter .filter-profile::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
#db-filter .filter-profile::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#db-filter .filter-profile .radio-item{position: relative;}
#db-filter .filter-profile .radio-item:after{content: ""; position: absolute; right: 0; width: 1px; background: #00000059; height: 23px; top: 5px;}
#db-filter .filter-profile .radio-item:last-child:after{display: none;}
#db-filter .filter-profile .radio-item input{display: none;}
#db-filter .filter-profile .radio-item input[type="radio"]:checked + label{background: #224076; color: #fff;width: 100%;}
#db-filter .filter-profile .radio-item label{padding: 5px 10px; cursor: pointer; font-weight: bold; font-size: 16px; color: #000;margin-bottom: 0;position: relative;}
#db-filter .filter-actions button{padding: 5px 10px; outline: none; border: 1px solid #224076;background: #224076;color: #fff;text-transform: uppercase; font-family: 'Oswald';}
#db-filter .filter-actions .filter-apply { margin-right: 5px;}
#db-filter .filter-actions { float: none; clear: both;display: block;}
#db-filter .filter-business select { max-width: 150px; }

#sliding-banner .sliding-banner-item{position: relative;}
#sliding-banner .sliding-banner-item .container{position: absolute; left: 0; top: 0; bottom: -0; right: 0;}
#sliding-banner .sliding-banner-item .container .heading{color: #fddb01;font-size: 28px;margin-top: 15%;}
#sliding-banner .sliding-banner-item .container .description{text-align: center; color: #fff;font-size: 16px;}
#sliding-banner .owl-carousel .owl-prev{color: #fff; position: absolute; top: 105px; left: 60px; font-size: 45px; outline: none;}
#sliding-banner .owl-carousel .owl-next{color: #fff; position: absolute; top: 105px; right: 60px; font-size: 45px; outline: none;}

#home-search-section{position: relative;}
#home-search-section .container{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin-top: 3%;text-align: center;}
#home-search-section h2{color: #fddb01; font-size: 28px;margin-bottom: 20px;}
#home-search-section p{color: #fff;font-size: 16px;margin-bottom: 20px;}
#home-search-section #search{width: 100%; max-width: 250px; border-radius: 2px; border: none; margin-right: 10px;padding: 5px;outline: none;}
#home-search-section button{background: transparent; box-shadow: none; border: none; color: #f8db02; font-size: 17px;}

#home-registration{max-width: 1150px; margin: 0 auto;}
#home-registration .registration-block-item{text-align: center;flex-grow: 1; flex-basis: 0;}
#home-registration .registration-block-item a{text-decoration: none;}
#home-registration .registration-block-item .logo{max-width: 80px;margin: 0 auto;padding: 20px; border-radius: 25px;transition: all 0.5s ease;margin-bottom: 20px;box-shadow: 0 0 4px #00000014;}
#home-registration .registration-block-item .logo svg{transition: all 0.5s ease;}
#home-registration .registration-block-wrapper{display: flex;}
#home-registration .registration-block-wrapper .title{color: rgb(35, 63, 113); font-weight: bold; margin: 0 auto; font-size: 14px; text-transform: uppercase; min-height: 90px;}
#home-registration .registration-block-wrapper .text{margin-bottom: 10px; color: #969696; font-size: 12px; padding: 0px 15px;min-height: 40px;}
#home-registration .registration-block-wrapper .link-to a{color: rgb(35, 63, 113); text-decoration: none; font-weight: bold;text-transform: uppercase;font-size: 12px;}
#home-registration .registration-block-wrapper .link-to span{margin-left: 10px;}
#home-registration .registration-block-wrapper .registration-block-item:hover .logo{background: rgb(35, 63, 113);}
#home-registration .registration-block-wrapper .registration-block-item:hover svg path{fill: #fddb01;}
#home-registration h2{color: rgb(35, 63, 113);}

/*.page-node-65 .secondary-banner{margin-top: 50px;}*/

#cat-sec1 .cat-flex{display: flex;}
#cat-sec1 .cat-flex .main-cat{background: rgb(35, 63, 113); padding: 30px 50px; border-radius: 20px;margin-right: 30px;}
#cat-sec1 .cat-flex .main-cat .image-wrapper{max-width: 250px;}
#cat-sec1 .cat-flex .main-cat svg path{fill: #fddb01;}
#cat-sec1 .cat-flex .main-cat .title{font-family: Oswald; color: #f8db02; font-weight: 500; font-size: 30px; text-align: center;}
#cat-sec1 .cat-flex .category-overview .heading{font-size: 22px;margin-bottom: 10px;text-align: left;}
#cat-sec1 .cat-flex .category-overview .description{font-size: 16px; color: #000; font-weight: 400;}
#cat-sec1 .cat-flex .category-overview .cta a{font-family: 'Oswald'; background: #233e71; color: #fff; display: inline-block; padding: 5px 15px; text-transform: uppercase;text-decoration: none;transition: all 0.5s ease;border: 1px solid #233e71;}
#cat-sec1 .cat-flex .category-overview .cta a:hover{background: transparent;color: #233e71;}
#cat-sec1 .cat-flex .other-cat-wrapper{width: 100%;text-align: center; color: #233f71;}
#cat-sec1 .cat-flex .other-cat-wrapper .other-cat{display: flex; justify-content: space-between;margin-bottom: 30px;}
#cat-sec1 .cat-flex .other-cat-wrapper .other-cat .other-cat-item{box-shadow: 0 0 13px rgb(0 0 0 / 7%); border-radius: 20px; padding: 20px;transition: all 0.5s ease;}
#cat-sec1 .cat-flex .other-cat-wrapper .other-cat .other-cat-item:hover{background: #233e71;color: #ebce1f; text-decoration: none;}
#cat-sec1 .cat-flex .other-cat-wrapper .other-cat .other-cat-item:hover svg path{fill: #ebce1f;}
#cat-sec1 .cat-flex .other-cat-wrapper .image-wrapper{max-width: 100px;padding: 15px;}
#cat-sec1 .cat-flex .other-cat-wrapper a:hover{text-decoration:none;}

#programs-sec1 .cat-flex .main-cat{background: rgb(35, 63, 113); padding: 60px 50px; border-radius: 20px;margin-right: 30px;min-height: 300px; display: flex; align-items: center;}
#programs-sec1 .cat-flex .main-cat .image-wrapper{max-width: 250px;}
#programs-sec1 .cat-flex .main-cat svg path{fill: #fddb01;}
#programs-sec1 .cat-flex .main-cat .title{font-family: Oswald; color: #f8db02; font-weight: 500; font-size: 30px; text-align: center;}
#programs-sec1 .cat-flex .category-overview .heading{font-size: 22px;margin-bottom: 10px;text-align: left;}
#programs-sec1 .cat-flex .category-overview .description{font-size: 16px; color: #000; font-weight: 400;}
#cat-sec1 .category-overview{text-align: left;}
#programs-sec1 .cat-flex .category-overview .cta a{font-family: 'Oswald'; background: #233e71; color: #fff; display: inline-block; padding: 5px 15px; text-transform: uppercase;}
/*#programs-sec1 .cat-flex .other-cat-wrapper{width: 100%;}*/
#programs-sec1 .cat-flex .other-cat-wrapper .slider-item svg{box-shadow: 0 0 8px #00000029; margin: 5px; padding: 30px; min-height: 140px;}
#programs-sec1 .cat-flex .other-cat-wrapper .owl-carousel{list-style-type: none;padding: 0;}
#programs-sec1 .cat-flex .other-cat-wrapper .owl-carousel .owl-prev{position: absolute; font-size: 45px; color: #000; top: 30px; left: -50px; outline: none;}
#programs-sec1 .cat-flex .other-cat-wrapper .owl-carousel .owl-next{position: absolute; font-size: 45px; color: #000; top: 30px; right: -50px; outline: none;}
#programs-sec1 .cat-flex .other-cat-wrapper .program-title{font-size: 22px; color: #233e71; font-weight: bold;max-width: 500px;}
#programs-sec1 .cat-flex .other-cat-wrapper .read-more button{font-family: 'Oswald'; background: #233e71; color: #fff; display: inline-block; padding: 5px 15px; text-transform: uppercase; border: none; font-size: 14px;outline: none;}
#programs-sec1 .cat-flex .other-cat-wrapper .read-more button span{margin-left: 10px;}
#programs-sec1 .cat-flex .other-cat-wrapper .overview-wrapper{display: flex; justify-content: space-between; align-items: center;margin-bottom: 30px;}
#programs-sec1 .cat-flex .other-cat-wrapper .programs-inner-slider{margin-bottom: 50px;}
#programs-sec1 .cat-flex .other-cat-wrapper .program-content{transition: all 0.5s ease;max-height: 250px; overflow: hidden;padding: 30px 30px; background: #f2f5f8;}
#programs-sec1 .cat-flex .other-cat-wrapper .content-expanded{max-height: 2000px;padding-bottom: 10px;padding: 30px 30px;}
/*#programs-sec1 .cat-flex .col-md-8{padding: 0;}*/
#programs-sec1 .cat-flex .slider-item{max-width: 140px;}
#programs-sec1 .view-website-link{margin-top: 40px; text-align: center;}
#programs-sec1 .view-website-link a{background: #f8db02; color: #233e71; font-family: 'Oswald'; padding: 7px; margin-top: 40px;text-decoration: none;transition: all 0.5s ease;text-transform: uppercase;}
#programs-sec1 .view-website-link a:hover{background: #233e71; color: #f8db02;}

#cat-qualifications .section-title{font-size: 26px; color: #2a2a2a; font-weight: 700; font-family: 'Montserrat';margin-bottom: 30px;text-transform: uppercase;}
#cat-qualifications .qualifications-wrapper .qualification-item{margin-bottom: 20px;display: flex; align-items: center;}
#cat-qualifications .qualifications-wrapper .qualification-item .logo-wrapper{width: 100px; margin-right: 30px;}
#cat-qualifications .qualifications-wrapper .qualification-item .type{font-weight: bold;margin-bottom: 5px;}

#cat-benefits .benefits-wrapper .benefit-item{display: flex; align-items: center;margin-bottom: 40px;}
#cat-benefits .benefits-wrapper .benefit-item:last-child{margin-bottom: 0;}
/*#cat-benefits .benefits-wrapper .benefit-item .description{font-size: 16px;}*/
#cat-benefits .benefits-wrapper .benefit-item .image-wrapper{max-width: 100px; margin-right: 30px;min-width: 100px;}
#cat-benefits .benefits-wrapper .benefit-item .description p{margin-bottom: 0;}
#cat-benefits{background: #F2F5F8;padding: 50px 0px;}
#cat-benefits .heading{margin-top: 0;}

#cat-benefits .benefits-wrapper .benefit-item .cta-link{margin-top: 20px;}
#cat-benefits .benefits-wrapper .benefit-item .cta-link a{background: #233f71; color: #fff; padding: 7px 15px;text-decoration: none;border: 1px solid #233f71;transition: all 0.5s ease;}
#cat-benefits .benefits-wrapper .benefit-item .cta-link a:hover{background: transparent;color: #233f71;}


#cat-requirements{background: #F2F5F8;padding: 50px 0px;margin-bottom: 0;}
#cat-requirements .heading{margin-top: 0;}

#cat-process .process-arrow{max-width: 10px;max-width: 10px; position: absolute; top: 100%;}
#cat-process .process-item{border: 3px solid rgb(35, 63, 113); border-radius: 10px; max-width: 360px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px 30px;margin: 0 auto 50px; position: relative;}
#cat-process .process-item .step{color: rgb(35, 63, 113); font-weight: bold; font-size: 20px;}
#cat-process .process-item .note{color: rgb(35, 63, 113); font-weight: bold; font-size: 14px;margin-bottom: 10px;}
#cat-process .process-item:last-child{margin-bottom: 0;}
#cat-process .process-item:last-child .process-arrow{display: none;}

#about-us-content .heading{text-align: left; font-size: 18px; margin-bottom: 15px;}

.page-node-type-updates .heading{text-align: left;}

.text-white{color: #fff}
.text-gray{color: #9a9a9a;}
.text-gray-itallic{color: #9a9a9a;font-style: italic;}
.font-bold{font-weight: bold;}

#generate-certificate{width: 800px; margin: 0 auto; margin-bottom: 50px;border: 1px solid #f2f2f2;font-family: 'Helvetica-bold';}
#generate-certificate .image-wrapper{position: relative;}
#generate-certificate .image-wrapper .name{position: absolute; left: 50%; transform: translate(-50%, -27%); top: 50%; font-size: 33px; width: 100%; text-align: center; color: #231d1e;}
#generate-certificate .image-wrapper .address{position: absolute; left: 50%; transform: translate(-50%, 150%); top: 50%; font-size: 13px; width: 100%; text-align: center; color: #231d1e;}
#generate-certificate .cert-cta{display: inline-block; background: #224076; color: #fff; padding: 15px 15px; margin-bottom: 30px; cursor: pointer;}
#generate-certificate .cert-cta i{margin-left: 10px;}
#generate-certificate .cert-cta{border: 1px solid #999999;background-color: #cccccc;color: #666666;cursor: not-allowed;}
.verification-msg{text-align: center; font-size: 30px; color: #224076; margin-top: 40px; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; display: flex; flex-direction: column-reverse;}
.verification-msg i{margin-left: 15px; font-size: 70px; margin-bottom: 5px;}

#generate-certificate #qr-code{height: 150px; width: 150px; position: absolute; bottom: 85px; right: 55px;}
#generate-certificate .cert-p{position: absolute; top: 50%; transform: translate(-50%,-175%); text-align: center; left: 50%; color: #231d1e; width: 100%; font-size: 16px;}
#generate-certificate .cert-p1{position: absolute; top: 50%; transform: translate(-50%,135%); text-align: center; left: 50%; color: #231d1e; width: 100%; font-size: 16px;}
#generate-certificate .cert-p1 .role{text-transform: uppercase;}
#generate-certificate .cert-p2{position: absolute; top: 50%; transform: translate(-50%,280%); text-align: center; left: 50%; color: #231d1e; width: 100%; font-size: 16px;}
#generate-certificate .cert-p3{position: absolute; top: 50%; transform: translate(-50%,425%); text-align: center; left: 50%; color: #231d1e; width: 100%; font-size: 16px;}
#generate-certificate .profile-pic{width: 185px; height: 190px; position: absolute; bottom: 53px; left: 55px;display: flex;align-items: center;justify-content: center;}
#generate-certificate .profile-pic img{width: 185px; height: 190px;}

#steps-to-apply .steps-logo-wrapper{display: flex;align-items: center;justify-content: center;}
#steps-to-apply .logo-text{font-size: 38px; font-weight: bold; color: #224076; line-height: 1.1; margin: 0; text-transform: uppercase; font-family: 'TradeGothicLT-BoldCondTwenty';}
#steps-to-apply .logo-text span{color: #BBC4CD; font-size: 25px;}
#steps-to-apply h2{color: #224076; font-size: 24px; margin-bottom: 50px; text-transform: uppercase; font-weight: 700; text-align: center;}
#steps-to-apply .steps-wrap{padding: 50px; box-shadow: 0 0 14px #00000026;margin-bottom: 60px;}
#steps-to-apply .steps-wrap .flex-display{display: flex; justify-content: space-between;}
#steps-to-apply .steps-wrap .flex-display .flex-item{max-width: 260px;position: relative;}
#steps-to-apply .step-block{background: #224076; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 23px; width: 60px; height: 60px; border-radius: 50%; font-weight: 700; margin: 0 auto 10px;}
#steps-to-apply .step-block span{text-transform: uppercase;font-weight: 700;}
#steps-to-apply .flex-display .flex-item .step-list{color: #333333;margin-bottom: 40px;}
#steps-to-apply .flex-display .flex-item .step-list ul{padding-left: 20px;margin-bottom: 0;}
#steps-to-apply .flex-display .flex-item .step-list li{margin-bottom: 20px;}
#steps-to-apply .flex-display .flex-item .step-list li:last-child(){margin-bottom: 0px;}
/* #steps-to-apply .flex-display .flex-item .cta-register{position: absolute; bottom: 50px;} */
#steps-to-apply .flex-display .flex-item label{text-transform: uppercase; font-size: 24px; color: #224076; text-align: center; width: 100%; margin-bottom: 20px;}
#steps-to-apply .logo-subtext{color: #bbc4cb; font-weight: 700; font-size: 22px; text-transform: uppercase; text-align: center;margin-bottom: 60px;}
#steps-to-apply .cta-register{text-align: center; margin: 35px 0 0px;}
#steps-to-apply .cta-register a{background: #274989; color: #fff; padding: 10px 15px; border-radius: 6px; text-transform: uppercase; font-weight: 700;text-decoration: none;}

#steps-to-apply .steps-wrap .flex-display .flex-item:nth-child(1):after,
#steps-to-apply .steps-wrap .flex-display .flex-item:nth-child(2):after{content: ''; background: #f2f2f2; width: 2px; height: 100%; right: -30px; position: absolute; top: 0;}
#steps-to-apply .steps-wrap .link-popup{text-align: center;}
#steps-to-apply .steps-wrap .link-popup a{color: #224076; font-weight: 700;text-decoration: none;}
#steps-to-apply .steps-wrap .link-popup a i{margin-left: 5px;}

#list-of-ids .card-body{overflow: hidden;}
#list-of-ids .card-header{background: #f2f2f2;margin-bottom: 10px;}
#list-of-ids .card-header button{outline: none; color: #224076; font-weight: 700; text-decoration: none; position: relative; width: 100%; text-align: left; white-space: normal; padding-right: 60px;}
#list-of-ids .card-header button:after{content: ''; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #224076; right: 15px; top: 12px;}

.steps-apply-modal .modal-dialog{width: 100%; max-width: 900px;}
.steps-apply-modal .modal-body{padding: 0}
.steps-apply-modal .close{position: absolute; background: #fff; top: -10px; right: -10px; z-index: 1; opacity: 1; width: 20px; height: 20px; border-radius: 50%;}
.steps-apply-modal .close-modal{background: #234076;text-shadow: none;color: #fff;padding: 10px 22px;font-weight: 700;text-transform: uppercase;margin: 0 auto 30px;display: flex;}


.steps-apply-modal .step-heading {font-weight: 700;color: #234076;}
.steps-apply-modal .step-count {position: relative;}
.steps-apply-modal .step-count .step-number {position: absolute;top: 0px;left: 70px;background: #234076;color: yellow;width: 25px;height: 25px;border-radius: 100%;text-align: center;font-weight: 700;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.steps-apply-modal .step {position: relative;padding: 30px 80px;}
.steps-apply-modal .step:after {content: "";position: absolute;width: 100%;height: 2px;background: #f1f1f1;max-width: 800px;left: 50%;transform: translateX(-50%); bottom: 0;}
.steps-apply-modal .step-img-wrapper{margin: 30px auto; display: flex; justify-content: center; align-items: center;}
.steps-apply-modal .step-img-wrapper img{max-width: 500px;}

.downloading-toast{background: #fddb01; color: #224076; font-weight: 500; padding: 15px 25px; font-size: 18px; border-radius: 6px;margin-bottom: 35px; max-width: 800px; margin: 0 auto 30px; text-align: center;display: none;}

#request-submitted{box-shadow: 0 0 8px #00000026; padding: 50px; text-align: center; max-width: 500px; margin: 0 auto;}
#request-submitted i{font-size: 90px; color: #224076;}
#request-submitted h2{text-transform: uppercase; color: #224076;margin-bottom: 20px;}
#request-submitted a{padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; outline: none; text-decoration: none;}
#request-submitted p{margin-bottom: 40px;}

.order-failed{text-align: center; margin-top: 50px;}
.order-failed h2{text-transform: uppercase; color: #224076;}

#order-tracker-wrapper h2{color: #bfbfbf;text-transform: uppercase;text-align: center;margin-bottom: 50px;}
#order-tracker-wrapper .order-tracker-table{min-height: 300px; box-shadow: 0 0 14px #00000017; padding: 30px;}
#order-tracker-wrapper .order-tracker-table th{text-transform: uppercase; color: #bfbfbf; font-weight: 500; border-bottom: none;padding-bottom: 15px;}
#order-tracker-wrapper .order-tracker-table td{text-transform: uppercase;padding:15px 5px}

#request-id-card{max-width: 500px; margin: 0 auto; padding: 20px; box-shadow: 0 0 8px #0000001f;display: none;}
#request-id-card .logo-wrap{font-size: 70px; color: #224076; text-align: center;padding-left: 20px;}
#request-id-card .heading{font-size: 22px; text-transform: none; margin-bottom: 20px;}
#request-id-card p{text-align: center;margin-bottom: 35px;}
#request-id-card .cta{text-align: center;margin-bottom: 30px;}
#request-id-card .cta a{background: #224076; color: #fff; padding: 15px; border-radius: 10px; font-weight: 700; text-decoration: none;}

#nr-id-preview{box-shadow: 0 0 11px #0000002e;}
#nr-id-preview .row{display: flex;align-items: center;}
#nr-id-preview .card-wrapper{background: #224076; padding: 50px 30px;}
#nr-id-preview .card-wrapper .image-wrapper{width: 420px;position: relative;}
#nr-id-preview .card-wrapper .fname{position: absolute; top: 90px ; font-weight: bold; left: 172px ; font-size: 14px; color: #224076;}
#nr-id-preview .card-wrapper .position{position: absolute; top: 107px ; font-weight: 700; left: 172px ; font-size: 12px; color: #224076;}
#nr-id-preview .card-wrapper .address{position: absolute; top: 140px ; font-weight: 500; left: 173px ; font-size: 11px; color: #222222; line-height: 1;}
#nr-id-preview .card-wrapper .labeled-title{font-weight: 600; color: #224076; font-size: 11px;}
#nr-id-preview .card-wrapper .labeled-title.nr-number{position: absolute; bottom: 12px ; left: 142px ; font-weight: bold; color: #000;}
/* #nr-id-preview .card-wrapper .labeled-title span{color: #5D5D5D;} */
#nr-id-preview .card-wrapper .labeled-title.birth{position: absolute; top: 172px ; left: 236px ; color: #000;}
#nr-id-preview .card-wrapper .labeled-title.issued{position: absolute; top: 186px ; left: 236px ; color: #000;}
#nr-id-preview .card-wrapper .desc{position: absolute; top: 153px; left: 155px; font-size: 10px; line-height: 13px;}
#nr-id-preview .card-wrapper .validity{position: absolute; top: 198px ; left: 226px ; color: #000; font-size: 11px; font-weight: 600;}
#nr-id-preview .id-info{margin-left: 50px;}
#nr-id-preview .id-info > label{color: #224076;margin-bottom: 20px;}
#nr-id-preview .id-info .input-wrap{display: flex; flex-direction: column;margin-bottom: 25px;}
#nr-id-preview .id-info .input-wrap label{font-weight: 500; color: #0000004a; text-transform: uppercase;}
#nr-id-preview .id-info .input-wrap input{border: none; border-bottom: 1px solid #dcdcdc; max-width: 400px; font-weight: 500;pointer-events: none;}

#order-identification-card{display: none;}
.role-nrep #order-identification-card{display: block;}
.role-nraw #order-identification-card{display: block;}

@media print {
    header{display: none;}
    .block-private-message{display: none;}
    #block-nr-content{display: none;}
    footer{display: none;}
    #to-print{display: block;}
    #to-print h2{text-align: center;margin-bottom: 50px;}
    #to-print .profile-contents{column-count: 2;}
    #to-print .profile-contents div{margin-bottom: 10px;}
    .profile-stats{display: none;}

    #page-banner{display: none;}
    .page-node-type-page #block-nr-content{display: block;}
}