/*
red : # D8303E
grey: #333333

*/

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Thin.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('fonts/Bebas.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/fonts/GothamNarrow-Bold.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Bold.woff') format('woff'),
        url('/fonts/GothamNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} */
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Gotham', sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 30px;
}

a{-webkit-transition: all 0.32s linear; -moz-transition: all 0.32s linear; -o-transition: all 0.32s linear; -ms-transition:  all 0.32s linear; transition: all 0.32s linear; text-decoration:none;}
a:hover{color: #D8303E; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.bg-grey{background-color: #333333!important; }
.bg-red{background-color: #D8303E;}
.bg-dark{background-color: #9B9B9B!important;}
.bg-light{background-color: #EFEDED!important;}

.btn-brand{ transition: all 0.5s linear; color: #2C323F; font-weight: 600; font-size: 14px; padding: 4px 18px; letter-spacing: 1.5px; border: 1px solid #666666; display: inline-block;}
.btn-brand:hover{background-color: #333333; color: #FFF!important;}

.text-red, .text-brand{color:#D8303E!important;}
.text-black{color:#000!important;}
.text-grey{color:#666666!important;}
.text-light{color:#AAAAAA!important;}

.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5 linear;
    -o-transition: all 0.5 linear;
    -ms-transition:  all 0.5 linear;
    transition: all 0.5 linear;
}
.img-linked:hover{
    transform: scale(1.05);
    cursor: pointer;
}
.img-zoom:hover{
   cursor: zoom-in;
}

.top-0{
    position: relative;
    top: -10px;
}

li.nav-item {
    padding-left: 30px;
}

.text-linked{color: #000;}
.text-linked:hover{cursor: pointer;}

.ff-be{font-family: 'Bebas', 'sans-serif'; letter-spacing: 5px; word-spacing: 6px;}

.fw-xl{font-weight: 300;}
.fw-bk{font-weight: 500;}
.fw-me{font-weight: 600;}
.fw-bo{font-weight: 700;}

.fs-11{font-size: 11px;}
.fs-14{font-size: 14px;}
.fs-19{font-size: 19px;}
.fs-17{font-size: 17px;}
.h-17{font-size: 17px;}
.h-24{font-size: 24px; line-height: 36px;}
.h-32{font-size: 32px!important;}
.h-36{font-size: 36px;}
.h-38{font-size: 38px;}
.h-42{font-size: 42px;}


@media screen and (max-width: 767px){
    .h-36{font-size: 30px;}
}
@media screen and (max-width: 567px){
    .h-36{font-size: 26px;}
}



/* Navigation */

#mainNavigation .nav-link{font-size: 18px; color: #333333; font-weight: 600;}
#mainNavigation .active,
#mainNavigation .nav-link:hover{color: #D8303E;}

#mainNavigation  .navbar-collapse{padding-bottom: 10px;}
#mainNavigation .dropdown-toggle:after { content: none }

 #mainNav .dropdown-menu{border: none; border-radius: 0; font-size: 14px;}

@media screen and (min-width: 768px){
    .desktop-adjust {padding-left:0px !important;}
    #mainNavigation {align-items: flex-end; padding-right: 35px;}
    #mainNav .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block;}
    #mainNav .dropdown-menu{margin-top: 0; }
    #mainNav .dropdown-toggle{ margin-bottom: 2px; }
    #mainNav .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}

    #mainNav .navbar-nav{margin-bottom: -18px;}
    #mainNavigation .nav-link{padding-bottom: 30px;}
    #mainNav .dropdown-menu{background-color: #333333; padding: 0;}
    #mainNav .dropdown-menu a{color: #FFF;}
    #mainNav .dropdown-menu a:hover, #mainNav .dropdown-menu a:focus, #mainNav .dropdown-menu a:active {background-color: #6B6B6B;}


}
@media screen and (min-width: 1024px){
.desktop-adjust {max-width: 12.666667% !important;}
}

@media screen and (max-width: 767px){

    #mainNavigation .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(216, 48, 62, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #mainNavigation  .navbar-toggler {border-color: rgb(255, 255, 255);}
    #mainNavigation .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none; }

    #mainNavigation .navbar-brand img{width: 200px;}
    #mainNav .dropdown-menu{padding-top: 0; margin-top: 0;}
    #mainNav .dropdown-menu a{font-weight: 500;}
    #mainNav .dropdown-menu a:hover{color: #D8303E;}

    .mb-mobile-0 {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 567px){
    #mainNavigation .navbar-brand img{width: 120px;}
}

footer{background-color: #5B5B5B;}
footer p{line-height: 20px;}
footer .footer-title{opacity: 1; margin-bottom: 7px; font-size: 14px;}
footer .footer-link{color: #FFF; opacity: .7; font-size: 11px; font-weight: 500; display: block; line-height: 24px; letter-spacing: 1px;}
footer .footer-link:hover{opacity: 1; }
footer .social-icon{opacity: 60%; padding: 17px 2px;}
footer .social-icon:hover{opacity: 1;}
footer .address{font-size: 9px; letter-spacing: 2px;}

/* Welcome */

  .hero-video-wrapper {
    height: calc(100vh - 139px);
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 100;
}
#hero-video {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom: 0;
    z-index: -10;
    object-fit: cover;
}

@media screen and (max-width: 992px){
  .hero-video-wrapper {height: auto; min-height: auto;}
  #hero-video { position: relative;   max-width: 100%;}
}

.gallery-caption{width: 85%; z-index: 50; margin-top: -40px; margin-left: 25px; display: inline-block;}

.gallery-caption .contents-wrapper,
.gallery-caption .arrow{float: left;}

.gallery-caption .contents-wrapper{width: calc(100% - 27px);  padding: 15px; border-right: 1px solid #FFF;}
.gallery-caption .arrow{ width: 27px;padding-top: 11.111%;}

.gallery-caption h2{color: #000;}

#gallery-wrapper{top:-100vh; left: 0; opacity: 0; transition: all .15s ease-in-out; position: fixed; z-index: 99;  background-color: rgba(0,0,0, .90); width: 100%; height: 100%;}
.showGallery{top: 0!important; opacity: 1!important;}

#gallery-wrapper .carousel-indicators{position: relative; justify-content: center; margin-top: 20px; margin: 20px 0; background-color: #333; padding: 15px;}
#gallery-wrapper .carousel-indicators li{width: 115px; height: auto; border: 5px solid rgba(0,0,0,0);}
#gallery-wrapper .carousel-indicators .active{border: 5px solid rgba(255, 255, 255 , .8);}

#gallery-wrapper .carousel-control-next,
#gallery-wrapper .carousel-control-prev{opacity: 1; width: auto;}

#gallery-wrapper .carousel-control-next-icon,
#gallery-wrapper .carousel-control-prev-icon{background-color: #6D470F; height: 38px; width: 38px; background-image: none; font-size: 50px; line-height: 30px;}

.gallery-wrapper{max-width: 360px; margin: auto;}
@media screen and (max-width: 767px){
    .gallery-caption h2{font-size: 12px; margin-bottom: 0;}
    .gallery-caption .fs-18{ font-size: 14px;}
    #gallery-wrapper .carousel-indicators li{margin-left: 0; margin-right: 0;}
}

#coming-soon{background-image: url('/images/coming-soon-barrie.jpg');}
#coming-soon .overlay{background-color: rgba(0,0,0, .6); max-width: 400px; padding: 40px 30px;}


.page-hero{height: 750px;}
.img-hero-caption{margin-bottom: 200px;}
#hero-about-us{background-image: url('/images/hero/about-us.jpg');}
#hero-vision-and-values{background-image: url('/images/hero/vision-and-values.jpg');}
#hero-who-we-are{background-image: url('/images/hero/who-we-are.jpg');}
.signature-project{color: #FFF; text-align: center; font-size: 70px; line-height: 60px;}


#hero-contact-info{background-image: url('/images/hero/contact-info.jpg');}
#hero-inquiries{background-image: url('/images/hero/inquiries.jpg');}
#hero-register-now{background-image: url('/images/hero/register-now.jpg');}

.contactMap{height: 450px; width: 100%;}

@media screen and (max-width: 1199px){
    .page-hero{height: 650px;}
    .page-hero img{width: 180px;}
    .img-hero-caption{margin-bottom: 180px;}

}


@media screen and (max-width: 991px){
    .page-hero{height: 550px;}
    .page-hero img{width: 150px;}
    .img-hero-caption{margin-bottom: 180px;}

     #Forest-bay img{max-width: 100px;}
      #Forest-bay .h-24{font-size: 22px;}


}

@media screen and (max-width: 767px){
    .page-hero{height: 350px;}
    .page-hero img{width: 100px;}
    .img-hero-caption{margin-bottom: 140px;}

    #core-values .h-36{font-size: 20px; line-height: 30px;}

    .signature-project{font-size: 48px; line-height: 52px;}

    #Forest-bay img{max-width: 100px;}
    #Forest-bay .h-24{font-size: 20px; margin-bottom: 15px;}

}

@media screen and (max-width: 567px){
    .page-hero{height: 250px;}
    .page-hero img{width: 80px;}
    .img-hero-caption{margin-bottom: 100px;}

    #core-values .h-36{font-size: 18px; line-height: 24px;}

    .signature-project{font-size: 32px; line-height: 32px;}
    .img-gall-thumb{max-width: 360px;}

    #Forest-bay img{max-width: 100px;}
    #Forest-bay .h-24{font-size: 18px; margin-bottom: 15px;}

    .logo-h{max-width: 120px;}
}

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 47%;
    z-index: 15;
    color: #FFF;
    font-size: 14px;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out;
    -moz-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

    }

@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#registrationForm .form-control{border-radius: 0; border: 1px solid #231F20; margin-bottom: 25px;}
#registrationForm .form-control::placeholder { color: #231F20; opacity: 1;  font-size: 17px;}
#registrationForm .form-control:-ms-input-placeholder { color: #231F20;}
#registrationForm .form-control::-ms-input-placeholder { color: #231F20;}
.form-control option{padding: 15px 5px!important;}
.btn-registration{background-color: #D8303E; color: #FFF; font-size: 15px; border: none; padding: 10px 25px; letter-spacing: 2px; transition: all .4s linear; display: inline-block;}
.btn-registration:hover{background-color: #333;  color: #FFF;}

@media screen and (max-width: 992px){
    .showMore{ display: none;}
}

@media screen and (max-width: 767px){
    .btn-registration{font-size: 24px!important;}
}

@media screen and (max-width:567px){

}

select {
    display: inline-block;
    font: inherit;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


@media (min-width: 1200px){
    .showGallery .container {
        max-width: 960px !important;
    }
}