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

:root{
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-white:#fff;
    --bs-gray:#6c757d;
    --bs-gray-dark:#343a40;
    --bs-primary:#003060;
    --bs-secondary:#6c757d;
    --bs-success:#198754;
    --bs-info:#0dcaf0;
    --bs-warning:#DDBD7E;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#212529;
    
    --bs-font-sans-serif:'Mont Book';
    --bs-nib-pro: 'Nib Pro';
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

html{
    font-size: 18px;
}
body{
    font-family: var(--bs-font-sans-serif);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{font-family: var(--bs-nib-pro);font-weight: bold;}

h2, .h2{font-size:2.666rem;}

p{letter-spacing: .2px;}

.bg-warning {background-color: var(--bs-warning)!important;}
.bg-primary {background-color: var(--bs-primary)!important;}

.text-warning {color: var(--bs-warning)!important;}
.text-primary {color: var(--bs-primary)!important;}

.btn {font-size: 1.111rem;height: 4.777rem;text-transform: uppercase;line-height: 4.777rem;padding: 0 4.777rem;border-radius: 0;letter-spacing: 1.2px;}
.btn:after {content: '';border:none;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid var(--bs-primary);margin-left: 2rem;display: inline-block;position: relative;top: -1px;transition: all .5s;}

.btn-primary {color: var(--bs-warning);background-color: var(--bs-primary);border-color: var(--bs-primary);}
.btn.btn-primary:after{border-left-color: var(--bs-warning);}
.btn-primary:hover{background-color: var(--bs-primary);border-color: var(--bs-primary);}
.btn-primary:hover:after{transform: translateX(10px);border-left-color: var(--bs-white);}

.btn-link {color: var(--bs-primary);text-transform: uppercase;letter-spacing: 1.2px;text-decoration: none;border: none;border-bottom: 2px solid var(--bs-primary);border-radius: 0;padding: 0;line-height: 1.2;font-size: 1rem;height: auto;}
.btn.btn-link:after {margin-left: 0.777rem;}
.btn-link:hover{color: var(--bs-primary);}

@media (min-width:576px){
    .container,
    .container-sm{max-width:540px}
}
@media (min-width:768px){
    .container,
    .container-md,
    .container-sm{max-width:720px}
}
@media (min-width:992px){
    .container,
    .container-lg,
    .container-md,
    .container-sm{max-width:960px}
}
@media (min-width:1200px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl{max-width:1140px}
}
@media (min-width:1400px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl{max-width:1220px}
}

#loader {position: absolute;left: 50%;top: 50%;z-index: 1;width: 140px;height: 140px;margin: -70px 0 0 -70px;border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid var(--bs-warning);-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
#loader:after {content: '';background-image: url(../images/logo-yellow.png);width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-size: 80px auto;background-position: center 20px;-webkit-animation: spin-reverse 2s linear infinite;animation: spin-reverse 2s linear infinite;}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin-reverse {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

@keyframes spin-reverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* Add animation to "page content" */
.animate-bottom {position: relative;-webkit-animation-name: animatebottom;-webkit-animation-duration: 1s;animation-name: animatebottom;animation-duration: 1s}
@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}
#main_page {display: none;text-align: center;}

.header-logo{padding: 0 0 60px;}
.header-logo img{width: 320px;}
.header-top{height: 60px;color: var(--bs-primary);}
.header-top p{font-size: 0.888rem;}

.banner {padding-bottom: calc(125px + 235px);padding-top: 70px;background-image: url(../images/banner.jpg);background-size: cover;background-position: center center;}

/*.video-section{padding-bottom: 165px;}*/
.video-section .video-outer {border-radius: 10px;overflow: hidden;position: relative;transform: translateY(-235px);}
.video-section .video-outer iframe{vertical-align: top;}
.video-section .video-outer video{outline: none;border-radius: 10px;display: block;margin: 0 -2px;width: calc(100% + 4px);background-color: #FAD485;}
.video-section h3{margin-top: -200px;margin-bottom: 180px;}
.video-section .profile-img img{border-radius: 250px 250px 0 0;width: 100%;z-index: 1;position: relative;}
.video-section .profile-img{position: relative;}
.video-section .profile-img::before {content: '';width: 473px;height: 4px;background-color: var(--bs-warning);position: absolute;right: 75%;top: 280px;z-index: 3;}
.video-section .profile-img::after {content: '';width: 16px;height: 16px;background-color: var(--bs-warning);border-radius: 50%;position: absolute;left: -350px;top: 273px;z-index: 3;}
.video-section .profile-img .img-inner{position: relative;}
.video-section .profile-img .img-inner::after {content: '';width: 355px;height: 200px;background-color: var(--bs-warning);position: absolute;right: -34px;bottom: -34px;z-index: 0;}

.donate-section{background-image: url(../images/donate-bg.jpg);padding-top: 245px;padding-bottom: 175px;}

footer{padding: 45px 0;}
footer p{font-size: 0.888rem;text-align: center;margin: 0;text-transform: uppercase;font-weight: 600;line-height: 1;}

@media screen and (max-width: 1600px){
    html{font-size: 16px;}
}

@media screen and (max-width: 991px){
    .video-section .video-outer video,
    .video-section .video-outer iframe{height: 400px;}
    .banner {padding-bottom: calc(65px + 135px);}
    
    /*.video-section {padding-bottom: 50px;}*/
    .video-section .video-outer {transform: translateY(-135px);}
    .video-section h3 {margin-top: -100px;}
    .video-section .profile-img::before,
    .video-section .profile-img::after{display: none;}
    .video-section .profile-img .img-inner {display: inline-block;}
    .video-section .profile-img img {width: 280px;}
    .video-section .profile-img .img-inner::after {width: 178px;height: 101px;right: -17px;bottom: -17px;}

    .donate-section {padding-top: 100px;padding-bottom: 100px;}
}

@media screen and (max-width: 767px){
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left: 20px;padding-right: 20px;}

    .btn {font-size: 0.875rem;height: 4.062rem;line-height: 4.062rem;padding: 0 2rem;}
    .btn:after{margin-left: 1.125rem;}

    .btn-link{padding: 0;line-height: 1.2;font-size: 1rem;height: auto;}

    h2{font-size: 1.75rem;line-height: 1.25;}

    .banner{padding-top: 46px;padding-bottom: calc(60px + 45px);}
    .header-logo {padding: 0 0 40px;}
    .header-logo img{max-width: 125px;}
    .banner-content p{padding: 0 20px;line-height: 1.625;margin-bottom: 75px!important;}
    .banner-content .container{padding-left: 12px;padding-right: 12px;}

    .video-section {padding-bottom: 70px;}
    .video-section .video-outer video,
    .video-section .video-outer iframe {height: 285px;}
    .video-section .video-outer {transform: translateY(-45px);}
    .video-section h3 {margin-top: -10px;margin-bottom: 55px;}
    .video-section .white-logo{max-width: 120px;}
    .video-section h2{margin-bottom: 50px;}

    .donate-section {padding-top: 185px;padding-bottom: 165px;}
    footer {padding: 30px 0;}
}

@media screen and (max-width: 575px){
    .video-section .video-outer video,
    .video-section .video-outer iframe {height: 200px;}
}