@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'FaithAndGloryOne';
    src: url('fonts/FaithAndGloryOne.ttf') format('truetype');
    font-weight: 500;
}




html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Lato', sans-serif;
    font-size: 18px; 
    color: #333333;
    font-weight: 400;
}



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

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

/*COMMOM STYLES*/
.ff-fg{font-family: 'FaithAndGloryOne', serif;}

.fw-bo{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}

.fs-152{font-size: 152px;}
.fs-75{font-size: 75px;}
.fs-60{font-size: 60px;}
.fs-40{font-size: 40px;}
.fs-30{font-size: 30px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-16{font-size: 16px;}





.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-5{letter-spacing: 5px;}
.ls-9{letter-spacing: 9px;}

.lh-2{line-height: 2;}

.mx-900{max-width: 900px; margin: 0 auto;}

@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}
  
}

.bg-grey{background-color: #F5F3F4!important; }
.bg-brand{background-color: #548073;}

.text-brand{color:#548073!important;}
.text-black{color:#000!important;}
.text-grey{color:#A7A9AC!important;}


.btn-brand{background-color: #3F4B62; border:3px solid #3F4B62; display: inline-block;  transition: all 0.32s ease-out; color: #FFF; font-weight: 500; font-size: 19px; padding: 10px 35px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #548073;  border:3px solid #FFF; color: #FFF!important;}

.btn-share{background-image: url('../images/logos/share.png');     background-repeat: no-repeat;     background-position: 90% center;     padding-right: 74px;}

.border-l{border-left:1px solid #FFF;}

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


.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}





/* Navigation */

#topNavigation .img-logo{width: 350px;}
#nav-register{position: fixed; right: 0; top: 50px; z-index: 1200;}
.logo-sm{width: 150px!important;}
#topNavigation .nav-link{color: #FFF; letter-spacing: 2px;}
#gallery #topNavigation .nav-link,
#topNavigation .nav-link:hover{color: #3F4B62;}


@media screen and (min-width: 1200px){
    #topNavigation #mainNav{position: fixed; bottom: 100px; right: 15px; z-index: 999;}
    #topNavigation .navbar-nav{flex-direction: column;}
}


footer{background-color: #548073;}
footer .ico-social {filter: invert(1) brightness(5);}

.hero-wrapper{background-color: #548073;}
.hero-wrapper .img-logo-lg{width: 350px;}
.hero-wrapper .img-hero{margin-left: 50px; width: calc(100% - 250px);}

#leavesBlock{background-image: url('../images/leaves.png'); background-position: 95% bottom; background-repeat: no-repeat;}

#registrationForm .form-control,
#registrationForm .form-select{border-radius: 0; border: 1px solid #A7A9AC; margin-bottom: 27px;}
#registrationForm .form-select{color:#A7A9AC ;}

#galleryCarousel .carousel-indicators{position: relative; margin-left: auto; margin-right: auto;}
#galleryCarousel .carousel-indicators [data-bs-target]{width: auto;}


@media  (min-width: 1400px) and (max-width: 1725px){
    .container{max-width: 990px;}
}

@media  (min-width: 1200px) and (max-width: 1399px){
    .container{max-width: 790px;}
}

@media screen and (min-width: 992px){
    .text-blue{color:#3F4B62!important;}
}

@media screen and (max-width: 1199px){
    body{padding-top: 48px;}
    .fs-152{font-size: 112px;}
    .fs-75{font-size: 65px;}
    .fs-60{font-size: 55px;}
    .fs-40{font-size: 40px;}
    .fs-30{font-size: 29px;}

    .ls-9{letter-spacing: 8px;}

    #topNavigation{background-color: #548073;}
    #topNavigation  .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(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation  .navbar-toggler {border-color: rgba(255,255,255,0); position: relative; top: -10px;} 
    #topNavigation  .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;  }
    #topNavigation .img-logo {width: 115px;}

    #gallery #topNavigation .nav-link{color: #FFF;}
}

@media screen and (max-width: 991px){
    body{padding-top: 48px;}
    .fs-152{font-size: 102px;}
    .fs-75{font-size: 55px;}
    .fs-60{font-size: 50px;}
    .fs-40{font-size: 38px;}
    .fs-30{font-size: 28px;}

    .ls-9{letter-spacing: 7px;}
    .hero-wrapper .img-hero{width: calc(100% - 40px); margin-left: 20px;}

}

@media screen and (max-width: 767px){
    .fs-152{font-size: 82px;}
    .fs-75{font-size: 45px;}
    .fs-60{font-size: 40px;}
    .fs-40{font-size: 36px;}
    .fs-30{font-size: 26px;}
    .fs-22{font-size: 21px;}
    .ls-9{letter-spacing: 6px;}


   
 

   #leavesBlock{background-size: 50%;}
}

@media screen and (max-width: 576px){
    .fs-152{font-size: 52px;}
    .fs-75{font-size: 35px;}
    .fs-60{font-size: 30px;}
    .fs-40{font-size: 26px;}
    .fs-30{font-size: 24px;}
    .fs-22{font-size: 20px;}

    .ls-9{letter-spacing: 4px;}

}