:root {
    --primary: #33cc99;
}
body {font-family: 'Catamaran', sans-serif !important;width:100%;overflow-x:hidden;}

:focus{outline:none !important;}

p, ol, li, footer{font-family: 'PT Sans', sans-serif !important;font-size:16px !important; color:#7e838a;line-height: 2;}

h1, h2, h3, h4, h5, h6 {color: #051227;}

h1{font-size:60px; font-family: 'Catamaran', sans-serif !important;}
h2{font-size:38px !important;}
h3{font-size:30px;}
h4{font-size:21px !important;letter-spacing:1.05px;font-family: 'PT Sans', sans-serif !important;color:#0d163f;line-height:36px;}
h5{font-size:18px;}

a{cursor:pointer;}
h6{font-size: 15px; color: #33cc99;}
::-webkit-input-placeholder {color:#051227;}
::-moz-placeholder {color:#051227;}
:-ms-input-placeholder {color:#051227;}
:-moz-placeholder {color:#051227;}
.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt5 {margin-top: 5rem;}
.pt-5 { padding-top: 5rem; }
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.text-white { color: white !important; }
.thin {font-weight:300;}
.blue-bg {background-color:#37C2DE;}
.text-upper {text-transform:uppercase;}
.no-padding {padding:0;}
.d-flex {display:flex;}
.justify-content-center {display:flex;justify-content:center;}
.flex-wrap {flex-wrap:wrap;}
.btn {text-transform: uppercase; font-size:10px !important;padding:17px 35px !important;border-radius:40px !important;border:1px solid transparent;}
.col-count-3 {column-count:3;}
.btn-success{font-size:15px !important;background-color: #33cc99;letter-spacing:1.5px !important;transition:background-color 0.3s ease-out;background-image:none;}
.btn-success:hover, .btn-success:focus, .btn-success:active{background-color:#fff;color:#33cc99;border:1px solid currentColor;background-position:0 0;}
.btn-default {color: #000; font-size:15px !important;letter-spacing:1.5px !important;background-image:none;}
.text-link{text-transform: uppercase;text-decoration: underline;color:#434d5c;font-size:15px !important;letter-spacing: .1px !important;}
.cta-book {text-align: center;background-color:#70299a;padding:5px 0; font-size:18px !important;z-index:3;position:relative;}
.cta-book a{text-decoration: underline;color:#fff !important;}
#cta-btn{border:none;background:none;z-index:2;position:absolute;right:15px;font-size:13px;font-family: 'Catamaran', sans-serif !important;color:#fff;opacity:.5;top:10px;}
#cta-btn:hover, #cta-btn:focus{opacity:1;}
form .error{
    color: #FF0000;
    font-size: 14px;
}
.object-fit-cover {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.order-0 {
    order: 0;
}
@media (min-width: 992px) {
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
}

.section-padding > section + section:not(.image) {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-block: 5rem; /* 50px */
}
.section-padding > .first {margin-top:120px;}
.bg-green {
    background-color: #33cc99;
    font-weight: bolder;
    color: white;
}

.bg-purple {
    background-color: #f069ff;
    color: white;
    font-weight: bolder;
}
:where(.bg-purple, .bg-green) p {
    color: white;
}
.become .form .file-input-box, .become .form .richText {margin-bottom: 10px;}
.navbar {padding-bottom:20px;margin-bottom:0;}
.navbar .container{height:100%;}
.navbar .navbar-nav{height:100%;padding:16px 0;} 
.navbar .navbar-brand svg {height:100px;width:auto;}

header{z-index:40;position:absolute; top:0; right: 0; left: 0;}
.navbar-invert a{color:#fff !important; font-size:18px !important;}
.navbar-invert .dropdown-menu li a{color: #434d5c !important;}
.navbar-right .dropdown-submenu .dropdown-menu{margin-left:273px !important}

.navbar-white a{color:#434d5c !important;}
.nav>li>a:focus,.nav>li>a:hover {background-color:#3c9;color:#fff!important;}
.nav>.dropdown>a:focus, .nav>.dropdown>a:hover {background-color:#3c9;color:#fff !important;}
.nav .open:not(.dropdown-submenu)>a {background-color:#3c9 !important;color:#fff !important;}
.nav .open.dropdown-submenu>a{background-color:#fff;color:#434d5c;}
.nav .open:not(.dropdown)>a:hover, .nav .open:not(.dropdown)>a:focus {border-color:#dadce0;background: -webkit-linear-gradient(left, #4ce3ca, #33cc99) !important;background: -o-linear-gradient(left, #4ce3ca, #33cc99) !important;background: -moz-linear-gradient(left, #4ce3ca, #33cc99) !important;background: linear-gradient(left, #4ce3ca, #33cc99) !important;}
.navbar-nav .img-responsive{display:inline-block; margin-right:10px;}
.navbar-nav .nav-icon{width:20px;vertical-align:middle;height:20px;}

.navbar-form{margin-top:25px;}

.dropdown-menu{padding:0;list-style:none !important;}
.dropdown a:hover path {fill:white;}
.dropdown .dropdown-menu, .first .dropdown-menu, .last .dropdown-menu{padding-top:0;border-radius:0 !important;width:275px !important;box-shadow: none;border:solid 1px #dadce0;border-bottom: solid 3px #33cc99;list-style:none;}
.dropdown .dropdown-menu li a, .first .dropdown-menu li a, .last .dropdown-menu li a{padding-top:10px;padding-bottom:10px;padding-left:10px;border-bottom:solid 1px #dadce0;}
.dropdown .dropdown-menu li a:hover, .first .dropdown-menu li a:hover, .last .dropdown-menu li a:hover{background: -webkit-linear-gradient(left, #4ce3ca, #33cc99) !important;background: -o-linear-gradient(left, #4ce3ca, #33cc99) !important;background: -moz-linear-gradient(left, #4ce3ca, #33cc99) !important;background: linear-gradient(left, #4ce3ca, #33cc99) !important;color:#fff !important;border-bottom:solid 1px #dadce0 !important;}
.dropdown-submenu .dropdown-menu li{padding:0 !important;margin:0 !important;}
.dropdown-submenu .dropdown-menu li a{padding:3px 20px !important;border:none;}
.dropdown-submenu .dropdown-menu li a:hover{background:#fff !important;color:#33cc99 !important;border:none !important;}
.dropdown-submenu ul{top:-1px;;margin:0;}
.dropdown-submenu a .fa-angle-right{z-index:1010; position: absolute;right:20px;border-left:solid 1px #dadce0;padding-left:20px;padding-top:14px;padding-bottom:14px;margin-top:-10px;}
.dropdown > .has-submenu > .fa-angle-down, .dropdown-submenu > .has-submenu > .fa-angle-down {
    display: none;
    z-index: 1010;
    position: absolute;
    right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: -32px;
}
.dropdown-menu a{padding-top:10px;padding-bottom:10px;}
footer .logo {height:50px;width:auto;}

section.container {padding:15px 15px;}

.color-hover {padding-bottom:20px !important;}
.color-hover .hori {display:flex;flex-direction:row;}
.color-hover .vert {display:flex;flex-direction:column;}
.color-hover .svg {display:inline;min-height:30px;min-width:48px;max-width:54px;flex-basis:25%;max-height:45px;}
.color-hover .hori .svg {align-self: start;margin: 13px 13px 0 0;}
.color-hover a:hover > .svg path, .color-hover a:focus > .svg path {fill:white;}
.color-hover a:hover > .svg, .color-hover a:focus > .svg {}
.color-hover a:hover, .color-hover a:focus{color: #fff !important;text-decoration: none !important;}
.color-hover .row{display:flex;flex-flow: row;}
.color-hover .row .col-md-4, .color-hover .row .col-md-6{display:flex;}
.color-hover a .vert {border:solid 1px #eaeaea;height:100%;padding:40px 30px;border-radius: 5px;background-color:#fff;}
.color-hover a .vert .text-link{z-index:2;margin-top:15px;}
.color-hover a:hover .vert, .color-hover a:hover .hori {cursor:pointer;}
.color-hover a:hover .vert p, .color-hover a:hover .vert h2, .color-hover a:hover .vert .text-link {color: #fff;}
.color-hover h2{margin-bottom: 20px;}
.color-hover a .hori {border:solid 1px #eaeaea;height:100%;padding:20px 30px;border-radius: 5px;background-color:#fff;}
.color-hover a:hover .hori p, .color-hover a:hover .hori h2, .color-hover a:hover .hori .text-link {color:#fff;}
.color-hover .over{z-index:1;position:relative;margin-top:15px;margin-bottom:-40px;flex-wrap:wrap;display:flex;}


.home .carousel-indicators li{border:none !important;width:25% !important;height:auto !important;text-indent:0 !important;background-color:transparent !important;border-radius:0 !important;margin:0 !important;border-top: solid 1px #958f90 !important; padding: 20px 10px !important;color:#fff !important;text-align:left !important; font-size:13px !important;}
.home .carousel-indicators li.active{border-top: solid 2px #fff !important;}
.home .content h2{font-weight:300;letter-spacing:3.8px;line-height:48px;}
.home .content{z-index:2;position:relative;}
.home .muska-img img{z-index:1; position:relative;margin:-12% auto 0; width: 100%;}
.home .map {height: 700px;}
.home .map .btn-default:hover {color: #000; background-color: #FFF; border-color: transparent; opacity: .8;}
.home .content{margin-top: 5em;}

.carousel .item img {width:100%;object-fit:cover;}
#carousel-example-generic .carousel-caption{top:25%;text-align: left;text-shadow: none;bottom:unset !important;z-index:2;}
#carousel-example-generic .carousel-caption h1{font-size:60px;color:#fff;}
#carousel-example-generic .carousel-caption strong{color:#46cf96;font-weight: 400;}
#carousel-example-generic .carousel-caption .btn{margin-top:35px;}
#carousel-example-generic .carousel-inner .item {background-image:linear-gradient(to bottom, #051227, #081d3e);}
#carousel-example-generic .carousel-inner .item img {opacity:0.5;}
#carousel-example-generic .carousel-inner .item .swoosh{opacity:1;z-index:2;position:absolute;bottom:0;}
#carousel-example-generic .carousel-indicators{left:unset;width:100%;margin-left:-15px;position:relative;bottom:unset;margin-top:-150px;}

.sitl-title {
    font-size: 2rem !important;
    color: #051227;
}

@media (min-width: 768px) {
    .sitl-title {
        font-size: calc(1.325rem + .9vw) !important;
    }
}
.sitl-pagination {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.sitl-pagination > li {
    display: inline-block;
}
.sitl-pagination a {
    color: black !important;
    border-radius: 500000rem !important;
    aspect-ratio: 1;
    height: 58px;
    width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: transparent !important;
}
.sitl-pagination .active {
    background-color: var(--primary) !important;
    color: white !important;
}
.sitl .hero-title {
    display: grid;
    align-content: center;
    height: 100%;
    color: white;
}
.map .container{height:100%;}
.map .container .row {align-items:center;height:100%;}
.map .btn{font-size:15px !important;}
.map {color: #FFF; font-weight: bold; background: -webkit-linear-gradient(left, #4ce3ca , #33cc99) !important;background: -o-linear-gradient(left, #4ce3ca , #33cc99) !important;background: -moz-linear-gradient(left, #4ce3ca , #33cc99) !important;background: linear-gradient(left, #4ce3ca , #33cc99) !important;}


.quote .q-up{z-index:1;position:relative;top:-30px;}
.quote p{color:#051227;font-weight: 500;font-family: 'Catamaran', sans-serif !important;font-size:18px !important;letter-spacing: .1px !important;}
.quote .source{color:#00ACD6; font-size:13px !important;margin:0;}
.quote .name{color:#00acd6; font-size:13px !important;font-weight:800;}

.quotation{font-size:72px;font-family: 'Noto Sans', sans-serif;color:#00acd6;}

.content{padding-bottom:0 !important;}
.content .col-md-12 img{z-index:-1;position:relative;top:-95px;}

.home-blog{padding-top:0 !important;}
.home-blog .col-md-4{padding-bottom:75px;text-align: center;}
.home-blog .col-md-4 h2{margin-bottom:0;}
.home-blog .col-md-3{padding:0 15px;}
.home-blog .date{font-size:13px !important;}
.darkblue, .bg-dark-blue {
    background-color: #051227;
}
.resources-section .darkblue {
    background-color: #051227; padding: 3.5rem 0;
}
.resources-section h3 {
    color:#fff;
    margin-bottom:2rem;
}
.resources-section .row {
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
}


.newsletter {margin-top: 25px;}
.newsletter .row .col-md-8 {align-content: center;}
.newsletter h2{margin-bottom:25px;font-weight:300;text-align:center;}
.newsletter input[type="email"]{width:65%;border-radius:35px; padding:15px 35px;border:none;background-color: #f7f8f9;align-content: center;margin-left:15%;}
.newsletter input::placeholder{font-size:18px !important; color:#767b83 !important;letter-spacing: .1px !important;}
.newsletter .btn-success{z-index:1; position:relative;margin-left:-15%;padding: 14px 45px !important;}
.btn-success:hover, .btn-success:focus, .btn-success:active{background-image:linear-gradient(45deg, rgb(76,227,202) 0%, rgb(51,204,153) 100%) !important; color: #FFF; border-color: transparent !important; background-color: #33cc99 !important;}

footer {padding-top: 5rem; background-color: #FFF}
footer li{list-style: none;font-size:15px !important;}
footer ul{padding-left:0 !important;}
footer .social li{display: inline-block;padding-right:20px;font-size:18px !important;}
footer .social .fa-google-plus{color:#dd4b39 !important;}
footer .social .fa-facebook{color:#3b5998 !important;}
footer .social .fa-youtube-play{color:#e52d27 !important;}
footer .social .fa-twitter{color:#0084b4 !important;}
footer p, footer a{color:#b2b9c5 !important;}
footer p{font-size:13px !important;}
footer h5{color:#979ba1;font-size:15px !important;}
footer .green{color:#33cc99 !important;}

.modal-dialog{height:auto;margin-top:100px !important;max-height:80vh;}
.modal-content{box-shadow:none;border-radius:0;background-color: transparent;border:none;max-height:100%;background-color:#fff;padding:15px;border-radius:5px;}
.modal-content.white-bg{background:#fff; padding:25px;border-radius:5px;border:2px solid #33cc99;}
.modal-body{padding:0;max-height:100%;}
.modal-backdrop{background-color: rgba(255, 255, 255, 1);}
.modal-body img{max-height:50vh;}
.modal-body .caption{margin-top:25px;}
.glightbox {display:block;}
.style .glightbox {color:black;}
.glightbox figure {max-width:min-content;}

.owl-item {
    width: -webkit-min-content !important;
    width:-moz-min-content !important;
    width:min-content !important;
}
.owl-item figcaption{color:#00acd6;font-size:13px;letter-spacing:.1px;}

.owl-carousel .owl-item img {object-fit:contain;height:100%;max-height:282px;max-width:550px;width:auto;}
.glightbox p {max-width:550px;}
.close{text-shadow:none;opacity:1;color:#0a0a0a; padding-left:20px !important;}

.multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
    -webkit-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
}

.first h4, .first h1{color:#0a102e;}
.hero .first h4{color:#fff;}
.first h4{text-align:center;font-family: 'PT Sans', sans-serif;margin-bottom:25px;font-weight:400;}

.time-slot{margin-bottom:35px;}
.time-slot .intro{margin-bottom:25px;}
.time-slot .time{text-align:right;color:#051227;margin-bottom:25px;}
.time-slot .time a{text-transform:uppercase;text-decoration:underline;color:#051227;letter-spacing:.1px;}
.time-slot .time h4{margin-bottom:25px;color:#051227;font-family:'Catamaran', sans-serif !important;line-height:1.5;margin-top:0;}
.time-slot .time h2{margin-bottom:0;margin-top:0;}
.time-slot .caption{font-size:13px !important;letter-spacing:.1px;color:#00acd6;}

.history .container.first {padding-bottom: 0; margin-top:120px; padding-top:100px;}
.history .timeline{padding-top:100px;}
.history .back-logo {background-image: url('assets/images/logo/spectrum-icon.svg'); background-repeat: no-repeat; background-size: contain; filter: blur(50px); position: absolute; width:inherit; max-width: 1300px; height: 168%; background-position: center 1%; left:0; right: 0; top: 0; bottom: 0; opacity: .3; margin: 0 auto;} 
.history .profile-img {margin: 0 auto; margin-top: 10px;}
.history h1{text-align:center;}
.history .info a {color: #33cc99;}
.history .quote{text-align:center;margin-top:30px;}
.history .quote .q-up{padding:0;}
.history .resource{list-style:none;margin-top:90px; line-height: 2.5;}
.history .resource li{margin-bottom:5px;}
.history .resource li a{text-transform:uppercase;text-decoration:underline;color:#051227;letter-spacing:.1px;}
.history .content {margin-top: 30px;}
.history .content h2{margin-bottom:25px;}
.history .content p {margin-bottom: 3rem;}
.history .border{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin:50px auto;}
.history .border h2{margin-bottom:25px;letter-spacing:.1px;text-align:center;}
.history .authors {margin-top: 7em; padding-bottom: 0; margin-bottom: 0;}
.history .bio-links .btn-success{z-index:1;position:absolute;left:calc(50% - 138.5px);top:calc(50% - 28px);padding:17px 15px !important;}

.hero{min-height:500px;}
.style .hero{min-height:500px;}
/*.hero-title {padding-top: 7em;}*/
.hero .hero-title h4{color:#fff;}
.hero-title h4{line-height:1.5;font-family: 'PT Sans', sans-serif;margin-bottom:25px;font-weight:400;text-align:center;}
.style-container .hero-title{padding-top:14rem;margin-top:30px;}
.components .hero-title{padding-top:75px;}

.bio .hero {min-height: 600px;}
.bio .container.first{padding:25px 15px;}
.bio .quote{margin-top:0;}
.bio .content{column-count:2;}
.bio section.container{padding:25px 15px;}
.bio .blue-bg{color:#fff; background-color:#00acd6;padding:75px 0;}
.bio .white-content h2, .bio .white-content p{color:#fff !important;}
.bio .anecdotes{margin-bottom:35px;}
.bio .uneven{margin: 55px -15px;}
.bio .uneven .col-md-7{padding-right:0;}
.bio .uneven .col-md-5{padding-left:0;}
.bio .uneven .caption{font-size:13px !important;letter-spacing:.1px;color:#00acd6;line-height:1.5;}
.bio .uneven .cap{width:50%;padding-left:15px;padding-bottom:50px;padding-top:50px;}
.bio .bio-over-link{z-index:2;position:relative;margin-top:-75px;margin-bottom:25px;}
.bio .bio-over-link .btn-success{z-index:3;position:absolute;left:calc(50% - 138.5px);top:calc(50% - 28px);padding:17px 15px !important;}

.history .first h4{text-align:center;}
.container.faq{padding-top:3em;padding-bottom:100px;}
.faq .panel-heading{border-radius:0;background-color:#fff; padding:25px 35px 25px 15px;}
.faq a{color:#051227; text-decoration: none;}
.faq a:hover{color:#fff;text-decoration:none;}
.faq a:hover>.panel-heading{background-color:#33cc99 !important;}
.faq .panel-heading i{z-index:2;position:absolute; right:30px;margin-top:-20px;font-size:21px !important;}
.faq a[aria-expanded="true"]>.panel-heading{background-color:#f7f8f9;}
.faq a[aria-expanded="true"]>.panel-heading i{-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Safari */transform: rotate(180deg);}
.faq .panel{border-radius:0;border-left:none;border-right:none;border-color:#f0f0f0;box-shadow:none;border-bottom:none;}
.faq .panel:last-child{border-bottom:1px solid #f0f0f0;}
.faq .panel-group .panel+.panel{margin-top:0;}
.faq .panel-body{border-top:none !important;padding-top:0 !important;background-color:#f7f8f9;}
.faq .panel-body a:hover {color:#00acd6;}
.faq img{max-width:100%;height:auto;}

.selectDropdown {z-index: -1;position: absolute;top: 15px;right: 30px;font-size:10px;}
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: transparent !important;z-index:3;position:relative;cursor:pointer;}
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
    height: 99px;
    width: 100%;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    color: hsl(0deg 0% 93.33%);
    text-shadow: 0 0 2px rgba(0,0,0,.5);
    font-size: 18px;
    padding: 25px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

lite-youtube:hover::before {
    color: white;
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    /* Make the button element cover the whole area for a large hover/click target… */
    width: 100%;
    height: 100%;
    /* …but visually it's still the same size */
    background: no-repeat center/68px 48px;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
.form ul.unstyled {margin: 0;padding: 0;list-style-type: none;margin-top:25px;}
.form li {margin: 5px 10px 4px 0;display:block;}
.form .styled-checkbox {position:absolute;opacity:0;}
.form .styled-checkbox + label{position: relative; cursor: pointer; padding: 0;font-size:13px;color:#767b83;font-weight:400;}
.form .styled-checkbox + label:before { content: ''; margin-right: 8px; margin-top: 0; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; background: white;border: 1px solid #eaeaea;border-radius:5px;}
.form .styled-checkbox:hover + label:before { background: #fff; } 
.form .styled-checkbox:focus + label:before { border-color:#33cc99; }
.form .styled-checkbox:checked + label:before { background: #fff;}
.form .styled-checkbox:checked + label:after { content: ''; position: absolute; left: 4px;top:12px; background: #33cc99; width: 2px; height: 2px; box-shadow: 2px 0 0 #33cc99, 4px 0 0 #33cc99, 4px -2px 0 #33cc99, 4px -4px 0 #33cc99, 4px -6px 0 #33cc99, 4px -8px 0 #33cc99; transform: rotate(45deg); }
.form input:not(.btn), .form select{border:none;border-bottom:1px solid #051227;border-radius:0;padding:7px 20px;font-size:18px;line-height:30px;margin-bottom:10px;height:auto;font-family: 'PT Sans', sans-serif !important;color:#051227;box-shadow:none;}
.form input::-webkit-input-placeholder{color:#051227 !important;}
.form input::-moz-placeholder{color:#051227 !important;}
.form input::-ms-input-placeholder{color:#051227 !important;}
.form input::placeholder{color:#051227 !important;}
.form textarea::-webkit-input-placeholder{color:#051227 !important;}
.form textarea::-moz-placeholder{color:#051227 !important;}
.form textarea::-ms-input-placeholder{color:#051227 !important;}
.form textarea::placeholder{color:#051227 !important;}
.form textarea{font-size:18px;line-height:30px;border-color:#051227;padding:10px;}
.form p{line-height:30px;margin-top:25px}
.form .btn-success{margin-top:15px;}
.form input:not(.btn):hover, .form select:hover, .form input:not(.btn):focus, .form select:focus{border-color:#33cc99;}


.form .file-input-box{border:1px solid #051227;border-radius:5px;margin-bottom:25px}
.form .file-input-box .fileUpload {position: relative;overflow: hidden;margin: 10px;}
.form .file-input-box .fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer !important;opacity: 0;filter: alpha(opacity=0);}
.form .file-input-box .btn-default i{font-size:16px;line-height:30px;color:#051227;cursor: pointer;}
.form .file-input-box .btn-default{margin:0;padding:5px 30px !important;border:1px solid #051227 !important;border-radius:5px !important;float:right;margin-top:3px;margin-right:3px;cursor: pointer;}
.form .file-input-box .btn-default:hover, .form .file-input-box .btn-default:focus{background-color:#051227;}
.form .file-input-box .btn-default:hover>span>i, .form .file-input-box .btn-default:focus>span>i{color:#fff !important;}
.form .file-input-box .file-name{border:none;background-color:#fff;font-size:13px;font-style:italic;line-height:30px;margin-bottom:4px;margin-left:3px;padding: 9px 5px 5px 5px;width:75%;}

.form-control{box-shadow:none;}
.form-control:focus{box-shadow:none;border-color:#33cc99;}
.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}
.become h2{text-align:center;font-family: 'Catamaran', sans-serif !important;margin-bottom:25px;line-height:48px;}
.become .hero h4 {color: #000;}
.become .hero {background-repeat: no-repeat; height: 550px; background-color: #FFF;background-size:cover;background-position:center;}
.become .hero .background-image{height: 550px;background-size:cover;background-position:center;background-repeat: no-repeat;z-index:0;position:absolute;opacity:.3;width:100%;margin-top:-48px;}
.become .hero .container{z-index:2;position:relative;margin-top:50px !important;}
.become .mess {padding: 32px 0 22px;}
.become .pretty {
    margin-bottom:10px;
}
.become form .form-control::placeholder {color:#051227!important;}

.theory-hero {height:600px;background-image: url(assets/images/theory/spectrum-theory-herobg-1920x500.png);background-size: 100%; background-color: #3acb9b; background-repeat: no-repeat; background-position: center bottom -100px;}
.theory-hero .hero-text * {color:white;}
.theory-hero .hero {margin-top: 0; height: inherit; background-image:  url(assets/images/theory/spectrum-theory-heroswoosh.svg); background-repeat: no-repeat; background-position: bottom center;}
.theory-anatomy-container {margin-bottom:150px;margin-top:50px;}
.spectrum-styles-section {background-color:#f0f3f9;margin-bottom:120px;padding-top:120px;margin-top:115px;}
.spectrum-styles-section p {column-count:2;}
.spectrum-styles-section .btn {margin-bottom:120px;}
.spectrum-subtitle {margin-bottom:50px;}
.spectrum-header {justify-content:center;}
.spectrum-list {display:flex;justify-content:center;margin-block-start:0;padding-inline-start:0;}
.spectrum-list li {display:inline;flex-basis:calc(95% / 11);width:65px;line-height:17px;color:#3fc1e0;text-align:center;align-self:center}
.spectrum-content {display:flex;justify-content:center;flex-wrap:wrap;}
.spectrum-content p {width:83%;}
.spectrum-content a {flex-basis:345px;height:60px;}
.clusters {margin-bottom:180px;}
.clusters h2 {letter-spacing:4px;}
.clusters h2, .clusters h4 {font-weight:300;}
.dev-effects {margin-bottom:150px;}
.dev-effects h2 {letter-spacing:4px;}
.dev-effects h2, .dev-effects h4 {font-weight:300;}
.anatomy-img {width:50%;height:50%;margin-top:150px;}
.framework {}
.framework-title {text-align:center;margin-bottom:75px;}
.framework-title h2 {margin-bottom:0;letter-spacing:4px;}
.framework-subtitle {text-align:center;}
.framework-subtitle h4 {text-transform:uppercase;margin: 0;}
.framework-subtitle p {color:#3fc1e0;}
.framework-anatomy li {list-style:none;color:#3fc1e0;}
.framework_box-title {width: 96%;height:80px;margin-left: calc((100% - 96%) / 2);position:relative;bottom:40px;background-color:#eaeaea;}
.framework_clusters {display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.framework_clusters-titles {flex-basis:50%;color:#00acd6;margin-top:40px;}
.spectrum-styles {display:flex;flex-basis:100%;text-align:center;justify-content:center}
.spectrum-styles > a {flex-basis:calc(95% / 11);width:65px;height:calc(95% / 11);color:#fff;text-transform:uppercase;font-size:35px;}
.spectrum-styles > a:hover {text-decoration:none;}
.spectrum-styles > .red {background-color: #d92736;}
.spectrum-styles > .d-orange {background-color: #ec5423;}
.spectrum-styles > .l-orange {background-color: #ec8a2c;}
.spectrum-styles > .yellow {background-color:#edd83c;}
.spectrum-styles > .d-green {background-color:#22ae7d;}
.spectrum-styles > .l-green {background-color:#3acb9b;}
.spectrum-styles > .cyan {background-color:#33dcd7;}
.spectrum-styles > .l-blue {background-color:#2fb5db;}
.spectrum-styles > .d-blue {background-color:#3294d5;}
.spectrum-styles > .purple {background-color:#712e97;}
.spectrum-styles > .pink {background-color:#db4396;}
.the-clusters {flex-basis:100%;text-align:center;text-transform:uppercase;font-weight:400;}
.framework_box {box-shadow: 0 3px 10px  rgba(51,204,153,0.1),1px 5px 10px -5px rgba(51,204,153,0.1),3px 12px 15px -3px rgba(51,204,153,0.3);margin-bottom:60px;}
.framework_box-links {text-transform:uppercase;padding:40px 135px;display:flex;flex-wrap:wrap;justify-content:center;}
.framework_links-title {flex-basis:100%;text-align:center;}
.framework_links-flexitem {flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.framework_links-link {margin: 0 1%;color:#3fc1e0;}
.framework_content {column-count:2;}

.devChan .hero {min-height: 600px; background-image: url(assets/images/channels/spectrum-devchannel.svg), linear-gradient( 45deg, rgb(136,23,74) 0%, rgb(222,77,152) 50%, rgb(243,132,124) 100%); background-position: bottom center; background-size: 50%, 100%; background-repeat: repeat-x, no-repeat;}
.devChan .hero .hero-title h1, .devChan .hero .hero-title h4 {color: #FFF;}
.devChan .hero .hero-title {padding-top: 14rem;}
.devChan .quote{top:-10px;}
.devChan .quote .q-up {padding-right: 0;}
.devChan .content {margin-top: 8rem;}
.devChan .content h2 {margin-bottom: 2rem;}
.ind-block {border: 1px solid rgb(234, 234, 234); height: 385px; padding: 1.5em; border-radius: 5px; margin-bottom: 30px;}
.devChan a:hover , a:hover .ind-block h2, a:hover .ind-block p {color: #FFF; text-decoration: none;}
.devChan a:hover .ind-block span  {color: #FFF;}
a .ind-block .learn {font-size: 15px; text-transform: uppercase; text-decoration: underline; color: #051227;}
.ind-block p { margin-bottom: 6rem; height: 40%;}
.devChan .chans {margin-top: 8rem;}
.indiv-channel{padding-top:100px !important;}

.inddev-hero {padding-top:200px;min-height:550px;}
.inddev-hero .fa-chevron-down {font-size:14px;}

.container.first{padding-top:4%;padding-bottom: 4%;}
.contact .container.first{padding:12rem 15px 1%;}
.style h1{text-align:center;}
.style .hero .svg path{fill: #FFF;}
.style-steps{color:#fff;padding:7% 0;}
.style-steps h2{color:#fff;text-align:center;font-weight:300;margin-bottom:6%;}
.style-steps h4{color:#fff;font-weight:300;font-family: 'Catamaran', sans-serif !important;margin-bottom:20px;}
.style-steps p{color:#fff;}
.style-modal-btn{background:none !important;border:none;}
.style-modal-btn:focus{outline:none !important;}
.style-carousel .owl-carousel .owl-stage-outer {max-height:340px;}
.style-carousel .owl-carousel .owl-stage {max-height:400px;}
.style-carousel p.caption{font-size:13px !important;letter-spacing:1.3px;line-height:21px;color:#00acd6;}
.col-two{column-count:2;}
.style-object{margin-bottom:5%;}
.style-object h2{font-weight:300;margin-bottom:25px;}
.style-object ul{padding-left:25px;list-style: none;}
.style-object li{font-size:16px;line-height:30px;letter-spacing:0.8px;color:#767b83;font-family: 'PT Sans', sans-serif !important;margin-bottom:10px;}
.style-object li:before {
font-family: 'FontAwesome';
content: '\f178';
position: absolute;
color:#33cc99;
margin-left:-1.5em;
}

.WordSection2 p {float:left;margin:0 2px;}
.WordSection2 p::after {content:' | ';display:inline-block;margin:0 2px;width:auto;}
.WordSection2 p:last-of-type {margin:0 0 15px 2px;}
.WordSection2 p:last-of-type::after {content:'';}
.WordSection2 ~ p {clear:left;}
@supports (margin-start:1px) or (-webkit-margin-start:1px) {
    .WordSection2 p {margin-start:2px;margin-end:2px;-webkit-margin-start:2px;-webkit-margin-end:2px;}
    .WordSection2 p::after {margin-start:2px;margin-end:2px;-webkit-margin-start:2px;-webkit-margin-end:2px;}
}

.style .first{padding-top:100px;margin-top:100px;padding-bottom:100px;}
.style .ind-block{height:auto;margin-bottom:25px;}
.learning-styles{padding:2% 0;}
.leaning-styles h2{font-size:32px;}
.learning-styles h3{font-size: 32px;text-transform:uppercase;color:#00acd6;letter-spacing:2.4px;line-height:42px;font-family: 'PT Sans', sans-serif !important;margin-bottom:25px;font-weight: 600;}
.style .content {margin-top:6rem;} 
.style-link:focus, .style-link:hover,.style-link:focus small, .style-link:hover small{color:#fff;text-decoration:none !important;}
.style-link:focus>*, .style-link:hover>*{text-decoration:none !important;}
.style a:focus>.ind-block>.learn {color:#fff;} .style a:hover>.ind-block>.learn{color:#051227;}
.style a>.ind-block>.learn, .style a>.ind-block>.learn{color:#FFFFFF;}
.style a, .style a .ind-block h2, .style a .ind-block p{color: #FFFFFF;}
.style-link:focus, .style-link:hover,.style-link:focus small, .style-link:hover small{color:inherit; text-decoration:none !important;}
.style-link small {color: #FFFFFF;}
.style a:hover {color: inherit;} 
.style a:hover .ind-block h2 {color: inherit;}
.style a:hover .ind-block p {color: inherit;}
.style .ind-block.gradient {background: linear-gradient(to bottom, rgba(0,0,0,.3),rgba(0,0,0,.1));}
.style a:hover .ind-block{background: none;}
.subtext {margin-top: 3rem;}
.style-anatomy h2{font-weight:300;margin-bottom:25px;}
.styles-table #article-table .name{width:500px !important;}
.style-carousel{padding-top:10px !important;}
.style .tab-content a:not(.btn){
    color:#00acd6;
}
.style .tab-content a:not(.btn):hover,
.style .tab-content a:not(.btn):focus{
    color:#33cc99;
}
.style .tab-content a:hover,
.style .tab-content a:focus{
    color:#fff;
}

.contact h1{margin-bottom:8%;}
.contact .title{color:#051227;margin-bottom:0;}
.contact .contact-img{margin-top:100px;margin-bottom:50px;}
.contact .info-sec{min-height: 84px;}
.contact .info{margin-bottom:20px;}
.contact form .form-control::placeholder {color:#051227!important;}

.video-library .container.first{min-height:600px; padding-top: 16rem;}
.video-library .videos .row{margin-bottom:45px;}
.video-library.resource-articles .input-group{margin-right: 1%;width: 74%;}
.video-library .input-group{margin-top:10%;border: 2px solid #0d163f;border-radius:30px;}
.video-library .input-group input{border-radius:30px;border:none;font-size:18px;letter-spacing:1.8px;line-height:30px;font-family: 'PT Sans', sans-serif;height:auto;color:#767b83;background-color:#f7f8f9;padding:10px 15px;}
.video-library .input-group .input-group-addon{border-radius:30px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#f7f8f9;padding-right:0;padding-left:24px;border:none;}
.video-library .input-group .input-group-addon i{color:#051227;font-size:16px;}
.video-library .input-group  input::-webkit-input-placeholder{color:#051227 !important;}
.video-library .input-group  input::-moz-placeholder{color:#051227 !important;}
.video-library .input-group  input::-ms-input-placeholder{color:#051227 !important;}
.video-library .input-group  input::placeholder{color:#051227 !important;}
.video-library .reset-btn{margin-top: 10%;}
.video-library .hidden{display:none;}
.video-library .channel{margin-bottom:6%;}
.video-library .channel .video-wrap{background-color:#33cc99; position: relative;}
.video-library .video-title hr{margin-bottom:30px;width:100%; margin-right: -15px; margin-left: -15px;}
.video-library .channel h6{font-size:13px;letter-spacing:1.3px;line-height:30px;font-family: 'PT Sans', sans-serif !important;color:#00acd6;}
.video-library .channel .video-wrap span{z-index:2;position:absolute;bottom:calc(50% - 27px);margin-left:calc(50% - 79.625px);font-size:15px;text-transform:uppercase;padding:10px 50px;border:2px solid #fff;border-radius:30px;color:#fff;letter-spacing:1.5px;display:none;}
.video-library .channel a:hover>.video-wrap>img, .video-library .channel:focus>.video-wrap>img{opacity:0.5;}
.video-library .channel a:hover>.video-wrap>span, .video-library .channel:focus>.video-wrap>span{display:block;}
.video-library .channel a:hover,.video-library .channel a:focus {text-decoration: none;}

.training .hero {height: 95vh; background-size: cover; background-repeat: no-repeat; background-position: bottom; padding: 0;}
.training .title{ height: 40vh; padding-top: 20rem; position: relative; z-index: 1;}
.training .title * {color: #FFF!important;}
.training .hero .overlay {background-color: #000; opacity: .5; position: absolute; width: 100%; height: 95vh; z-index: 1; top: 0;} 
.training .hero h1 {color: #000;}
.training .hero h4 {line-height: 2; color: #000;}
.training .content h2 {line-height: 1.25;}
.training .content .contact{margin-top: 6rem;}
.training  .content .contact .text {text-align:right;}
.contact .text h2 {color: #33cc99; margin-top: .5rem;}

.donate-hero{min-height:calc(60vh - 104px);padding:30px 0;}
.donate-hero .btn-success{width:215px;margin-top:5%;}
.donate-blue{background-color:#00acd6;padding:2% 0;}
.donate-blue h2{color:#fff;text-align:center;font-weight:300;}
.donate-blue h4{color:#fff;text-align:center;}
.donate-content{padding-top:100px !important;}
.history .cta h2{color:#33cc99;font-weight:300;line-height:42px;text-align:center;}
.history .cta h2 .btn{margin-left:30px;}

#article-table .type{width:60px;} 
#article-table tbody .type {text-align:center;} 
#article-table tbody .type i{font-size:21px;} 
#article-table tbody .type i.fa-file-pdf-o{color:#db2834;} 
#article-table tbody .type i.fa-file-powerpoint-o{color:#ed8a16;} 
#article-table .name{width:750px;} 
#article-table .name h4{font-weight:300;line-height:32px;font-family: 'Catamaran', sans-serif !important;letter-spacing:0;margin-top:0;} 
#article-table .subject{width:180px;} 
#article-table .subject p{letter-spacing:1.6px;} 
#article-table .download{width:180px;text-align:right;} 
#article-table .download a{text-transform:uppercase;text-decoration:underline;color:#051227;font-size:15px;font-family: 'Catamaran', sans-serif !important;letter-spacing:1.5px;} 
#article-table>tbody>tr>td{vertical-align:top;border:none;padding:15px 15px;} 
#article-table>tbody>tr:hover{background-color:#33cc99;} 
#article-table>tbody>tr:hover > td.dataTables_empty{background-color:#fff;}
#article-table>tbody>tr:hover>td>i, #article-table>tbody>tr:hover>td>p, #article-table>tbody>tr:hover>td>h4, #article-table>tbody>tr:hover>td>a{color:#fff !important;} 
#article-table>thead>tr>th{border-bottom:1px solid #f0f0f0;font-size:13px;letter-spacing:1.3px;line-height:30px;color:#00acd6;font-family: 'PT Sans', sans-serif !important;margin-bottom:25px;font-weight:400;} 
#articles .pagination>li>a{border:none;border-radius:55%;height:28px;width:28px;padding:2px 0 5px 0;margin-left:2px;color:#051227;}
#articles .pagination>li.first>a, #articles .pagination>li.previous>a, #articles .pagination>li.last>a, #articles .pagination>li.next>a{width:auto;height:auto;padding:2px 12px 7px 12px;border-radius:50%;}
#articles .pagination>li>a:focus{outline:none;}
#articles .pagination>.active>a{background-color:#33cc99;color:#fff;}
#articles .pagination>.disabled>a{opacity:.5;}
#articles .pagination{padding-top:50px;padding-bottom:50px;}

.news-article .hero {max-height: 900px; margin-bottom: 3rem;}
.news-article .hero img { position: relative;}
.news-article section.container {padding: 50px 15px 0;}
.news-article .art-quote {padding-left: 60px; padding-top: 40px;}
.news-article .quote .quotation {position: absolute; top:0; right:  0;}
.news-article .caption p{font-size:13px !important;letter-spacing:1.3px;line-height:21px;color:#00acd6;}
.news-article .tagbox {background-color: #eaeaea; color: #767b83; text-transform: capitalize; display: inline-block; padding: .5rem 1.5rem; border-radius: 3px; margin-right: .5rem;}
.news h4 p {font-size: 21px!important; line-height: 1.5;}
.news .post {margin-top: 3rem;}
.news .post * {color: #1d283b;}
.news .post-info {margin-top: 2rem;}
.news .post .divide {margin-top: 3rem;}
.news .post .divide hr {width: 100%;}
.news .post small {color: #767b83; font-size: 13px;}
.news .last {margin-bottom: 40px;}
.news .author {text-decoration: underline;}
.news .tags li {list-style: none; display: inline-block; text-decoration: underline; text-transform: uppercase; margin-right: 2rem; color: #051227; font-size: 15px; font-weight: 600;}
.news .tags li a {color: black;}
.news a:hover{color: #33cc99; text-decoration: underline;}
.news .first{padding-top:100px;margin-top:120px;}
.news .first h1{margin-top:0;}
.news .pageList>li{padding-right:0;padding-left:0;}
.news .pageList>li>a{border:none;border-radius:55%;height:28px;width:28px;padding:2px 0 5px 0;margin-left:2px;color:#051227;display:block;line-height:1.4;text-align:center;}
.news .pageList>li.control>a{width:auto;height:auto;padding:2px 12px 7px 12px;border-radius:50%;}
.news .pageList>li>a:focus{outline:none;background-color:#eee;}
.news .pageList>li>a:hover{background-color:#eee;text-decoration:none;}
.news .pageList>li>a.active{background-color:#33cc99;color:#fff;}

.book{background-color:#f0f3f9;}
.book h1{margin-top:0;text-transform:uppercase;letter-spacing:.6px;line-height:58px;font-weight:500;margin-bottom:0;}
.book h2{margin-top:0;text-transform:uppercase;font-weight:300;margin-bottom:25px;font-family: 'PT Sans', sans-serif !important;}
.book .first h5{font-family: 'PT Sans', sans-serif !important;letter-spacing:0.9px;line-height:36px;margin-bottom:25px;font-weight:400;}
.book .first h5 a{text-decoration:underline;color:#051227;}
.book p{letter-spacing:0.8px;line-height:30px;}
.book #read-more{cursor:pointer;text-decoration:none;font-family: 'PT Sans', sans-serif !important;font-size:inherit;letter-spacing:inherit;line-height:inherit;color:#33cc99;}
.book #read-more:hover, .book #read-more:focus{text-decoration:underline;}
.book .btn-success{margin-top:25px;display:inline-block;padding:20px 25px !important;}
.book .correction-btn {margin-top: 2rem;}
.book .detail{text-transform:uppercase;color:#051227;font-size:15px !important;letter-spacing:1.5px;line-height:18px;margin-top:30px;cursor:pointer;}
.book section.first{padding:16rem 15px;padding-top:200px;}
.book form .btn-success{padding:12px 20px!important;}
.book .modal .form-group{position:relative;}
.book .modal-dialog{margin-top:10% !important;}
.modal-open .modal.show .modal-dialog, .modal-open .modal.fade .modal-dialog {
    transform: none;
}
.books .newsletter{padding:75px 15px 60px 15px;}

.list-inline{margin-left:0;margin-bottom:0;}
.glossary-nav{padding-top: 1rem;padding-bottom: 1rem;padding-right: 1.5rem; padding-left: 1.5rem;background-color:#33cc99;margin-bottom:5%;display: flex; align-items: center;align-content:center;justify-content: center;}
.glossary-nav > strong {
    font-size: 2rem;
}
.glossary-nav ul {text-align:center;}
.glossary-nav .glossary-nav-list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
}
.glossary-nav a{color:#fff;text-decoration:underline;font-size:38px;font-weight:300;font-family: 'Catamaran', sans-serif !important;width:41.87px;display:block;text-align:center;}
.glossary-nav li{padding:0;}

.glossary-list div[id] {display:none;}
.glossary-list h2{font-weight:300;font-family: 'Catamaran', sans-serif !important;color:#33cc99;margin-bottom:3%;}
.glossary-list h2 a{text-transform:uppercase;text-decoration:underline;font-family: 'PT Sans', sans-serif !important;font-size:18px;letter-spacing:0.9px;line-height:36px;color:#051227;margin-left:5px;}
.glossary .term{margin-bottom:35px;}
.glossary .term h4{font-weight:600;font-family: 'Catamaran', sans-serif !important;margin-bottom:15px;}
.glossary .gloss{padding-bottom:75px;}
.glossary .first{padding-bottom:0;margin-top:75px !important;}

/** TRANSLATIONS **/
#translations .title {margin-top:12em;}
#translations .title h1 {text-align:center;width:100%;}
.translation-links {color:#00ACD6;text-decoration:none;margin-bottom:60px;list-style:none;padding:0;}
.translation-links li {margin: 0 7.5px;}
.translation-links a li, .translation-links a{color:#00acd6;}
.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col {width:calc(100% / 6);flex:0 0 calc(100% / 6);padding: 0 15px;}
.col-3 {width:calc((100% / 7) * 3);flex:0 0 calc((100% / 7) * 3)}
.flex-wrap {flex-wrap:wrap;}
.modal .book-cover {transform:rotate(-5deg);margin-top:30px;}
.book .modal .book-cover {transform: scale(1.35) rotate(3deg);}
.modal .modal-lg {max-width:1170px;}
.modal .modal-header {border-bottom:transparent;}
.modal-open .modal-backdrop.in{opacity:0.9;}
.modal .translators {color:#051227;}
.modal .isbn {color:#051227;}
.modal-body img {margin: 0 auto;}
.books .col{height:225px;}
.book-modal .modal-dialog{width:60%;max-width:650px;}
.book-modal .modal-dialog .book-cover{max-height:225px;}

.evo section.mt-8 {padding-top: 8rem;}
.evo .hero {height: 600px; position:relative; background-color: gray}
.evo .hero-title {padding-top:15rem;}
.evo .hero-title  h1, .evo .hero-title h4 {color: #FFF; text-transform: capitalize;}
.evo .hero-title h4{line-height: 1.75;}
.evo h2 {text-transform: capitalize;}
.evo .tabs {position: absolute; bottom: 0; right: 0; left: 0;}
.evo .tabs .nav-tabs .active a, .evo .tabs .nav-tabs .active a:focus, .evo .tabs .nav-tabs .active a:hover {color: #000!important; background-color: #FFF;}
.evo .tabs .nav-tabs li a:hover {text-decoration: underline;}
.evo .nav-tabs, .evo .nav-tabs li a {border: none; border-radius: 0;}
.evo .nav-tabs li a {color: #FFF; text-transform: uppercase; padding: 2rem 13px 10px; font-size: 13px; height: 80px; text-align: center; word-break: break-word;}
.evo .nav-tabs li a:hover, .evo .nav-tabs li a:focus {background-color: transparent; border: none;}
.evo .nav-tabs li {width: calc(100% / 5);}
.evo .tab-title {margin-bottom: 2rem;}
.evo .tab-content figure {margin: 3rem 0;}
.evo .tab-content figure img {margin: 0 auto;}
.evo .panel-group {margin-top: 3rem;}
.evo .panel {box-shadow: none;}
.evo .panel-default .panel-heading{background-color: #FFF; padding: 3rem 15px;}
.evo .panel-default .panel-heading i {float: right;}
.evo .panel-default .panel-heading:hover {background-color: #33cc99;}
.evo .panel-default .panel-heading:hover h4 { color: #FFF;}
.evo .panel a[aria-expanded="true"] .panel-heading i {transform: rotate(180deg);}
.evo .panel a[aria-expanded="true"] .panel-heading {background-color: #f7f8f9;}
.evo .panel a[aria-expanded="true"] .panel-heading:hover h4 { color: #051227;}
.evo .panel-body {background-color: #f7f8f9;}
.evo .panel-group .panel {border-color: #eaeaea; border-right: none; border-left: none; border-radius: 0;}
.evo .panel-group .panel+.panel {margin: 0; border-top: none;}
.evo .panel a {color: #051227;}
.evo .panel a:hover, .evo .panel a:focus {text-decoration: none;}
.evo .tab-content figcaption {color: #33cc99;}
.tab-navigation a {color: #051227; margin-right: 2rem; font-size: 15px; text-transform: uppercase;}
.tab-navigation a.disabled{opacity:.35;cursor:no-drop;text-decoration:none !important;}

.canopy .hero{min-height:600px;}
.canopy .hero .first{padding:10% 15px;margin-top:0;}
.canopy h2{text-align:center;font-weight:300;}
.canopy .content h2{margin-bottom:20px;margin-top:35px;}
.canopy .content .col-two{margin-bottom:4%;}
.mt-2{margin-top:2%;}
.canopy .example{margin-top:2%;text-align:center;margin-bottom:10px;}
.canopy .example h4{font-weight:300;margin-top:25px;font-family: 'Catamaran', sans-serif !important;margin-bottom:0;}
.canopy .canopy-gray{background-color:#f0f3f9;margin:4% 0;padding:5% 0;}
.canopy .canopy-gray h3{font-weight:300;margin-top:0;margin-bottom:15px;}
.canopy .canopy-gray .mc-row{margin-bottom:7%;align-items:center}

.green-bkg{ 
  background-image: -moz-linear-gradient( 45deg, rgb(76,227,202) 0%, rgb(51,204,153) 100%); 
  background-image: -webkit-linear-gradient( 45deg, rgb(76,227,202) 0%, rgb(51,204,153) 100%); 
  background-image: -ms-linear-gradient( 45deg, rgb(76,227,202) 0%, rgb(51,204,153) 100%); 
  background-repeat:no-repeat;min-height:100vh; 
} 
.green-bkg .main-body{padding-top:35vh;} 
.green-bkg h1{color:#fff;text-align:center;letter-spacing:0.6px;line-height:66px;}
.green-bkg p{color:#fff;text-align:center;letter-spacing:0.8px;line-height:30px;}
.green-bkg p a{color:#fff;font-size:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:underline;}
.login-form{padding-top:10vh;}
.login-form a{color:#fff;display:block;text-decoration:underline;font-size:15px;letter-spacing:.75px;line-height:20px;margin-top:35px;}
    .login-form h1{margin-bottom:20%;}
    .login-form .form-control{background-color:transparent;text-align:center;color:#fff;border-color:#fff;letter-spacing:1.8px;margin-bottom:15px;}
    .login-form .form-control::-webkit-input-placeholder {color:#fff !important;}
    .login-form .form-control::-moz-placeholder {color:#fff !important;}
    .login-form .form-control:-ms-input-placeholder {color:#fff !important;}
    .login-form .form-control:-moz-placeholder {color:#fff !important;}
    .login-form .btn-default{margin:25% auto 10px auto;color:#33cc99;border:2px solid #33cc99 !important;padding:10px 45px !important;display:block;font-family: 'Catamaran', sans-serif !important;vertical-align:middle;}
    .login-form .btn-default:focus, .login-form .btn-default:hover{border-color:#fff !important;background-color:transparent;color:#fff;}



.colleagues .container.first {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url(assets/images/home/spectrum-home-map-1140x527.svg);
    padding-top: 10%;
    height: 100vh;
}
.colleagues .green-bkg {padding-top: 0; padding-bottom: 5%;}
.colleagues .green-bkg h4 {color: #FFF;}
.colleagues .green-bkg .hero-button {padding-top: 15rem;}
.colleagues section.container.country {margin-top: 5em;}
.colleagues .country button {
    margin-bottom:1rem;
    float:right;
}
.colleagues .bottom {padding: 0; height: 85vh; background-repeat: no-repeat; background-position: bottom; background-size: cover;}
.colleagues .newsletter {margin-top: 120px;margin-bottom: 100px;}
.colleagues .panel, .colleagues .panel .panel-heading, .colleagues .panel .panel-body{
    border: none;
    box-shadow: none;
}

.colleagues .panel.panel-default {
    margin-bottom: 40px;
}

.colleagues .panel .panel-heading {
    background-color: #f7f8f9;
    padding-top: 20px;
    padding-bottom: 20px;
}

.colleagues .panel a {
    color: #00acd6;
    font-family: 'PT Sans';
}

.colleagues .panel a:hover, .colleagues .panel a:focus {
    text-decoration: none;
}

.colleagues .panel .panel-heading i {
    float: right;
}

.colleagues .panel .collLink {
    padding: 15px 0;
}

.colleagues .panel .collLink:hover {
   background-color: #33cc99;
}
.colleagues .panel .collLink:hover button {
    background:white !important;
    color:#33cc99;
}
.colleagues .panel .collLink:hover h4, .colleagues .panel .collLink:hover p {
   color: #FFF;
}

.colleagues .panel .collLink p {
   margin-top: 10px;
}

.colleagues .panel .collLink:hover .learn p{
    color: #FFF;
    text-decoration-color: #FFF;
}

.colleagues .panel .collLink .learn p {
   text-transform: uppercase;
   text-decoration: underline;
   color: #051227;
}
.colleagues .container.first {
    padding-top:240px;
}
.colleagues section.content {
    padding-top:120px;
    padding-bottom:100px;
}
.colleagues .bottom {
    padding-top:80px;
}

.event .form .btn-success {margin-top: 5rem; padding-top: 1rem!important; padding-bottom: 1rem!important;}
.event .head {margin-top: 175px;}
.event form .form-control::placeholder {color:#051227!important;}

.drop_uploader.drop_zone{margin-bottom:15px;}

.around .title {margin-bottom: 2rem; margin-top: 15em;}
.around .title-block {padding: 0 50px;}
.around .image > img {
    width: 100%;
}
.around .darkblue {background-color: #051227; padding: 3.5rem 0;}
.around h3 {color: #FFF; font-weight: 400;}
.around .btn-success {margin-top: 2rem; padding: 17px 30px!important;}
.around .info {
    width: 100%;
}
.around .pink {
    margin-bottom: 5px;
    line-height: 1.5;
}

.around p.pink {
    font-size: 12px!important;
}
.around h4.pink {
    font-size: 16px!important;
    color: #de4d98;
}

.dev-hero{height:600px;}
.dev-hero .img-responsive{height:100%;width:100%;object-fit:cover;}

.observations {background-color: #EFEFEF;}
.observations .hero .hero-title {padding-top:14rem;margin-top:30px;}

.observations .grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8em;
}
.observations .grid .item {
    width: calc(25% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.observations .grid .medium {
    width: calc(50% - 30px);
}

.observations .grid .large {
    width: calc(75% - 30px);
}

.observations .grid .item .panel {
    height: 100%;
}

@supports (grid-auto-rows: auto) {
   .observations .grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: dense;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-auto-rows: auto;
        margin-bottom: 8em;
    }
    
    .observations .grid .item .panel {
        height: 100%;
        margin: 0;
    }
    .observations .grid .item {
        width: auto;
        margin:0;
    }
    
    .observations .grid .medium {
        grid-column: span 2;
        width: auto;
    }
    
    .observations .grid .large {
        grid-column: span 3;
        width: auto;
    }              
 }
.filter-wrapper .btn {
    width: 100%;
}
.filter-wrapper .flex-row {
    row-gap: 1ch;
}
.list-wrapper .pagination {
    display: flex;
    justify-content: center;
    gap: 1ch;
}
#articles .pagination li a {
    display: grid;
    width: 40px;
    height: 40px;
    place-content: center;
}
.list-wrapper .list {
    padding: 0;
    list-style-type: none;
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.flex-row::before,
.flex-row::after {
    content: none;
}
.flex-row .input-group.input-group {
    margin: 0;
    width: auto;
}
.d-none {
    display: none !important;
}
@media (min-width: 992px) {
    .d-md-block {
        display: block !important;
    }
}
.video-library .input-group {
    display: grid;
    grid-template-rows: 1em auto;
    gap: 0.5em;
    border: none;
}
.video-library .input-group label {
    grid-row: 1;
}
.video-library .input-group .form-control {
    border: 2px solid #f7f8f9;
    background-color: #f7f8f9 !important;
    padding: 10px 15px;
    border-radius: 50em;
    min-height: 54px;
}
.filter-item {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    font-family: Catamaran sans-serif;
    color: #7e838a;
    padding: 1rem 2rem;
}
.filter-item:hover {
    background-color: #3c9;
    color: #fff;
}
.filter-item:hover :is(strong, h3) {
    color: #fff;
}
.filter-item .type {
    font-size: 21px;
    text-align: right;
}
.filter-item strong {
    color: black;
}
.filter-item a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.filter-item .doi-link {
    position: relative;
    z-index: 10;
}
.filter-item .doi-link::after {
    content: unset;
}
.filter-item .meta {
    gap: 0.5rem 1rem;
}
.filter-item .meta .year {
    flex-basis: 100%;
}
.filter-item .subject {
    max-width: 180px;
}
.filter-item .name > * {
    font-size: 21px;
    line-height: calc(32 / 21);
    margin-top: 0;
    font-weight: 300;
}
/* Change Border Radius value here to change on each corner */
.content-box {margin:30px 0 15px;--border-radius:30px;}
.content-box .content-box-header {color:#fff;padding:10px 30px;border-radius: var(--border-radius) var(--border-radius) 0 0;}
.content-box .content-box-header * {color:inherit;text-align:justify;}
.content-box .content-box-header h2 {text-align:center;}
.content-box .content-box-text {background-color:#f7f8f9;padding:20px 30px;border-radius:0 0 var(--border-radius) var(--border-radius);text-align:justify;color:#051227;}
.content-box .content-box-text * {color:inherit;}
.content-box .content-box-text li{font-size:16px;line-height:2;font-family: 'PT Sans', sans-serif;}
.content-box .allrounded {border-radius:var(--border-radius);}

.tab-navigation{margin-top:55px;margin-bottom:50px;}
.tabs .nav.nav-tabs{padding-left:15px;}
.sitl .hero,
.components .hero {height: 600px;background-color: #33cc99; padding-top: 100px; position: relative;}
.sitl .background-image,
.components .background-image { min-height: 500px; width: 100%; position: absolute;background-repeat:no-repeat;background-size:100% auto;background-position:bottom; opacity: .2;}
.components .hero .hero-title * {color: #FFF;}
.components .hero .hero-title h4 {line-height: 1.75;}
.components .tabs {position: absolute; bottom: 0; right: 0; left: 0;}
.components .tabs .nav-tabs .active a, .components .tabs .nav-tabs .active a:focus, .components .tabs .nav-tabs .active a:hover {color: #000!important; background-color: #FFF;}
.components .tabs .nav-tabs li a:hover {text-decoration: underline;}
.components .tab-content .main-img {padding-top: 3rem; padding-bottom: 3rem;}
.components .tab-content .main-img img {margin: 3rem auto;}
.components .tab-content p {margin-bottom: 3rem; line-height: 1.875;}
.components .nav-tabs, .components .nav-tabs li a {border: none; border-radius: 0;}
.components .nav-tabs li a {color: #FFF; text-transform: uppercase; padding: 3rem 13px 10px; font-size: 13px; height: 80px; text-align: center; word-break: break-word;letter-spacing:1.3px;}
.components .nav-tabs li a:hover, .components .nav-tabs li a:focus {background-color: transparent; border: none;}
.components .nav-tabs li {flex-basis:0;-ms-flex-preferred-size:0;flex-grow:1;-ms-flex-positive:1;max-width:100%;}
.components .tab-title {margin-bottom: 2rem;margin-top:80px;}
.components .panel-group {margin-top: 3rem;}
.components .panel {box-shadow: none;}
.components .panel-default .panel-heading{background-color: #FFF; padding: 3rem calc(8.3333333% + 15px);}
.components .panel-default .panel-heading i {float: right;}
.components .panel-default .panel-heading:hover {background-color: #33cc99;}
.components .panel-default .panel-heading:hover h4 { color: #FFF;}
.components .panel a[aria-expanded="true"] .panel-heading i {transform: rotate(180deg);}
.components .panel a[aria-expanded="true"] .panel-heading {background-color: #f7f8f9;}
.components .panel a[aria-expanded="true"] .panel-heading:hover h4 { color: #051227;}
.components .panel-body {background-color: #f7f8f9; padding-left: 0; padding-right: 0;}
.components .panel-body img {width: 100%;}
.components .panel-group .panel {border-color: #f7f8f9;border-right: none; border-left: none; border-radius: 0;}
.components .panel-group .panel+.panel {margin: 0; border-top: none;}
.components .panel a {color: #051227;}
.components .panel a:hover, .components .panel a:focus {text-decoration: none;}

.text-center{text-align:center !important;}
.theory-v2 .nav.nav-tabs{padding-right:0;padding-left:0;}
.theory-v2 .nav-tabs li a{padding:2.5rem 0px 10px;}
.theory-v2 .tab-content strong{font-weight:700;color:#0e163e;}
.theory-v2 .hero{height:600px;}
.theory-v2 .hero .background-image{height:calc(100% - 100px);}
.theory-v2 .tab-content ul{list-style:none;padding-left:0;}
.theory-v2 .tab-content ul li{font-family: 'PT Sans', sans-serif !important;font-size:16px !important; color:#7e838a;}
.dropdown-container {
    padding:15px 15px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}
.dropdown-container .row {
    position:relative;
}
.tab-dropdown {
    height:auto;
    font-size:21px;
    color: #fff;
    border:transparent;
}
.tab-dropdown ~ i {
    z-index:10;
    font-size:13px;
    color:white;
}
.tab-dropdown:focus{
    color:#333;
}
.tab-dropdown:focus ~ i{
    color:#333;
}
.p-relative {
    position:relative;
}

.legacy .hero {margin-top: 175px;}
.legacy .hero .title h4 {line-height: 1.75;}
.legacy .hero-image {background-repeat: no-repeat; background-size: cover; margin-top: 2em; background-position: top center;height: 100vh; max-height:1000px;margin-top:-12%;}
.legacy .content {margin-top: 4em;}
.legacy .content h2{margin-top: 0;}
.legacy .form-container {background-color: #00acd6; margin-top: 4em; padding:7em 0;}
.legacy .form-container h2, .legacy .form-container p { color: #FFF;}
.legacy .form-container p {margin-bottom:15px;}
.legacy .form-container h4 {color: #FFF; opacity: .5;margin-top:25px;}
.legacy .form-container  hr {margin-bottom: 6rem; margin-top: 14rem; opacity: .5;}
.legacy .form-container .form input:not(.btn):not(.styled-checkbox), .legacy .form-container .form select, .legacy .form-container .form textarea  {background-color: inherit; border-color: #FFF; opacity: .5; width: 100%; color: #FFF;}
.legacy .form-container .form input::placeholder, .legacy .form-container .form select::selection, .legacy .form-container .form textarea::placeholder {color: #FFF !important;}
.legacy .form-container .form input:not(.btn):not(.styled-checkbox):focus, .legacy .form-container .form select:focus, .legacy .form-container .form textarea:focus {opacity: 1;}
.legacy .form-container .form select {color: #FFF;background-color:transparent !important;}
.legacy .form-container .form select > option {color: #000;}
.legacy .selectDropdown {color: #FFF; opacity: .5;z-index:0;}
.legacy .form-container .form .drop_uploader {background-color: #FFF; border-color: #00acd6;}
.legacy .form-container .form .drop_uploader .button {display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .875rem 3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}
.legacy .form-container .form .drop_uploader .button-primary {color: #fff; background-color: #25c2f2; border-color: #25c2f2; text-transform: uppercase;font-weight:600;border-radius:5px;}
.legacy .form-container .styled-checkbox + label span {color: #FFF; opacity: .5;}
.legacy .form .styled-checkbox:hover + label:before { background: inherit;} 
.legacy .form .styled-checkbox:focus + label:before { border-color:#FFF; opacity: .5;}
.legacy .form .styled-checkbox + label:before { background: inherit; opacity: .5;}
.legacy .form .styled-checkbox:checked + label:before {opacity: 1;}
.legacy .form .styled-checkbox:checked + label:after { content: ''; position: absolute; left: 4px;top:12px; background: #FFF; width: 2px; height: 2px; box-shadow: 2px 0 0 #FFF, 4px 0 0 #FFF, 4px -2px 0 #FFF, 4px -4px 0 #FFF, 4px -6px 0 #FFF, 4px -8px 0 #FFF; transform: rotate(45deg);}
.legacy .form-container .form .btn-success {background-color: #fff; color: #00acd6; border: 1px solid currentColor;}
.legacy .form-container .form .btn-success:hover, .legacy .form-container .form .btn-success:focus {background-color: #00acd6; color: #FFF; border: 1px solid currentColor; opacity: .5;}
.legacy .addressSp {margin: 0 10px;}

.legacy .hero {
        margin-top:120px;
        padding-top:100px;
    }
    .legacy .form-container {
        padding:100px 0;
        margin-top:0;
    }
    .legacy .form-container hr {
        margin: 100px 0;
    }
    .legacy .content {
        margin-top:0;
        padding-top:100px;
        padding-right:15px;
        padding-left:15px;
        padding-bottom:100px!important;
    }
    .legacy .hero .btn {
        margin-top:45px;
    }
    section.newsletter {
        margin-top:0;
        padding:100px 15px;
    }
   
    .legacy .form li {
        margin:0;
    }
    .legacy .form ul.unstyled {
        margin-top:10px;
    }
    .legacy .form .btn-success {
        margin-top:40px;
    }
    .legacy .form .btn-success:hover {
        opacity:1;
        background-image:#00ACD7;
    }

.nav-icon path {fill: #434d5c;}

.update {
    padding-bottom: 8em;
}
.update .title {
    padding: 10em 0 8em;
}
.update form i {
    margin-top: -5px;
}

.institute .owl-carousel {
    max-height:300px;
}
.institute #main-img {
    margin: 0 auto;
    width: 100%;
}

.institute #second-img {
    margin-left: 0;
}

.article {
    background-color: #ddd;
}

.article #flipbookContainer {
    width: 100vw;
    height: calc(100vh - 160px)!important;
    background-color: #ddd!important;
}

.article p {
    margin-top: 110px;
}

.article-submit .container.first {padding-top: 16rem;}
.article-submit .form .form-control::placeholder {color:#051227!important;}
.article-submit .form{padding-bottom:50px;}
.dataTables_filter {display: none;}
.article-submit .form input, .article-submit .form select, .article-submit .form textarea {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) and (min-width: 992px){
    .form input:not(.btn).form-control, .form select.form-control{
        padding: 7px 5px;
    }
}

@media only screen and (max-width: 1200px){
    .become .mess {padding-top: 0; margin-top: 0;}
}


.hide-mp{display:block;}

.show-mp{display:none;}

.modal{padding-right:0 !important;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{padding:10px 10px 5px 10px !important;margin:5px 15px 25px 15px !important;border:1px solid #33cc99;color:#33cc99;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus{background-color:#33cc99;color:#fff;}

/*Become Preloader*/
.preloader-container {
    position: fixed;
    z-index: 1001;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    height: 100vh;
    width: 100vw;
    display: none;
    justify-content: center;
}
.preloader {
    margin-top:calc(50vh - 45px);
}
.loader-text {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1.5px;
}

.display-flex {
    display: flex;
}
/*Preloader Animation*/
.lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.errorContainer {
    height: auto;
}
.search-results{padding:100px 15px;}
.search-link{border-bottom:1px solid #dadce0;padding:15px 15px;}
.search-link h4{font-weight:700;font-family: 'PT Sans', sans-serif !important;}
.search-link:hover, .search-link:focus{text-decoration:none;background-color:#33ccaa;}
.search-link:hover> h4, .search-link:focus> h4, .search-link:hover> p, .search-link:focus> p{color:#fff;}
.search-results h2{margin-bottom:35px;color:#00acd6;font-weight:400;font-family: 'PT Sans', sans-serif !important;letter-spacing:1.3px;font-size:13px !important;}

.btn-donate{margin:0 10px;}
.mb-10{margin-bottom:15px;}


.theory-v2 .tab-content.grant-award-content ul{
    list-style:disc;
    padding-left:40px;
}

.theory-v2 .tab-content.grant-award-content p{
    margin-bottom:10px;
}
.theory-v2 .tab-content.grant-award-content .pb-4{
    padding-bottom:1.5rem;
}
.mt-0{
    margin-top:0;
}
.grant-award-years .grant-year-winner{
    padding:30px 0;
}
.grant-award-years .grant-year-winner .well{
    border:none;
    background-image:none;
    background-color:#fff;
    box-shadow:none;
}
.panel-default>.panel-heading{
    background-image:none;
    
}
.grant-award-years .grant-year-winner .btn[role="button"]{
    font-size:30px !important;
}
.grant-award-years .grant-year-winner .glightbox{
    display:inline-block;
}
.components .grant-award-years .grant-year-winner .panel-group .panel{
    border-color:#33cc99;
}

.components .panel-default .panel-heading:hover h2 { color: #FFF;}
.components .panel .panel-heading a[aria-expanded="true"]  i {transform: rotate(180deg);}
.components .panel .panel-heading a[aria-expanded="true"]  {background-color: #f7f8f9;}
.components .panel .panel-heading:hover a[aria-expanded="true"]  h2 { color: #051227;}
.components .grant-year-winner .panel-body {background-color: #f7f8f9; padding-left: 15px; padding-right: 15px;}
.components .panel a.btn {color: #fff; margin-top:10px;
    margin-bottom:10px;}
.mb-0{
    margin-bottom:0;
}
.flex-row::before,
.flex-row::after {
    content: unset;
}
.flex-row [class*="col-"] {
    float: unset;
}
.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
@media (min-width:1200px){
    .flex-row .col-lg{
        width:100%;
        max-width:100%;
        flex: 1 0 0%;
    }
}