@font-face {

    font-family: 'Josepin Sans';

    src: url('../fonts/josepin-sans/JosefinSans-VariableFont_wght.ttf') format('truetype')

}





body {

     font-family: 'Josepin Sans', sans-serif !important;

}







.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1300px;

}



.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1300px;

}



.hidden {

    display:none !important;

}

.header {

    position: fixed;

    width: 100%;

    z-index: 999;

    transition: all ease .4s;

    background: #fff;

    top: 0;



    background-color:#2c3032

}







.h2, h2 {

    font-size: 1.6em;

}



.h3, h3 {

    font-size: 1.25em;

}



.h4, h4 {

    font-size: 1.125em;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin-bottom: .5rem;

    font-weight: 700;

    line-height: 1.4;

       color:var(--primaryColor);

}





.slick-dots li {

    width: 12px;

    height: 12px;

    margin: 0 4px;

}





.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 12px;

    height: 12px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: var(--primaryColor);

    opacity: 0.3;

    border-radius:100px;

}



.slick-dots li.slick-active button {

     opacity: 1;

}



.slick-dots li button:before  {

    content:unset;

}





.light .h1,.light  .h2,.light  .h3,.light  .h4,.light  .h5, .light .h6,.light  h1,.light  h2,.light  h3,.light  h4,.light  h5,.light  h6  {

   color:#fff;

}



section img {

    width:100%;

}



.header.logined {

    margin-top: 32px

}



.header .nav-comp-column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100px;

    align-items: center;

    transition: all ease 0.4s

}



#font-page {

    margin-top:100px;

}



.section {

    position:relative;

    padding:50px 0;

    overflow-x:hidden;

}



.light {

    color:#fff;

}

.section .section-background {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    z-index:-1;

}



.section .section-background .background-image{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

}



.section .section-background .background-image img {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover

}



.section .section-background  .background-overlay {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover

}



.header.logined #font-page {

    margin-top:132px;

}



.header__inner .logo {

    width: 150px;

    text-align: center

}



.header__inner .logo img {

    width: 100%;

    position: relative;

    transition: all ease 0.4s

}



.header__inner .main-menu {

    width: 50%

}







.header__inner .main-menu:first-of-type .navbar-nav {

    justify-content: flex-start

}



.header__inner .main-menu:last-of-type .navbar-nav  {

    justify-content: flex-end

}







.header.scroll .header__inner .logo img {

    width: 70px

}



.header.scroll .header__inner {

    height: 70px

}





.header__inner .navbar-nav>.nav-item>.nav-link {

    color: #fff;

    text-transform: uppercase;

    padding:10px !important;

}



.header__inner .navbar-nav>.nav-item>.nav-link:hover {

    color: var(--colorHover) !important;

} 

.header__inner .navbar-nav .nav-item.active .nav-link {

    color: rgb(191 143 63)

}



.header__inner .navbar-nav>.nav-item:hover>.nav-link {

    color: rgb(191 143 63)

}



.navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.navbar-nav>.nav-item {

    -webkit-transition: all ease 0.6s;

    -o-transition: all ease 0.6s;

    transition: all ease 0.6s;

    position: relative

}



.header.active .navbar-nav .nav-item {

    padding: 10px

}



.navbar-nav .nav-item.active .nav-link {

    position: relative;

    z-index: 2

}



.navbar-toggler {

    display: none;

    outline: none

}



.mobile-menu {

    display: none

}



.section-1 {

    padding:0;

}





.section-1 .banner-item .banner-inner {

    position:relative;

}



.section-1 .banner-item .banner-image {

    padding-top:40%;

    position:relative;

    min-height:280px;

} 

.banner-item .banner-content-inner {

    opacity: 0;

    transform: scale(1.5);

}



.banner-item.slick-current .banner-content-inner {

    animation: bannerAnimate 2s forwards; 

}



@keyframes bannerAnimate {

    from {

        opacity: 0;

        transform: scale(1.5);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}





.section-1 .banner-item .banner-image img {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover

}





.section-1 .banner-item .banner-image .overlay  {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    z-index:5;

    background-color: rgb(0 0 0 / 33%);

}



.section-1 .banner-item .banner-content {

    position:absolute;

    padding:15px;

    left:50%;

    top:50%;

    transform:translate(-50%, -50%);

    z-index:10;

    color:#fff;

    text-align:center;

}





.section-1 .banner-item .banner-content .sub-title {

    font-size:24px;

}



.section-1 .banner-item .banner-content .title {

    font-size:64px;

}





.section-1 .banner-item .banner-content .desc {

    

}





.section-1 .slick-arrow {

    transform: translateY(-50%);

    position: absolute;

    top: 50%;

    z-index: 10;

    background: var(--primaryColor);

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity:0.75;

    transition:all 0.2s;

}





.section-1 .slick-arrow:hover {

    opacity:1;

}



.slick-prev:before, .slick-next:before {

    font-size: 24px;

    top: -2px;

    position: relative;

      opacity:1;

}





.section-1 .slick-prev {

        left: 15px;

        right:auto;

}



.section-1 .slick-next {

        left: auto;

        right:15px;

}





.section-3 .background-overlay {

        background-color: #171511cc;

}



.section-title {

    margin-bottom: 15px;

}



.section-title.has-line {

    display:flex;

    align-items:center;

}



.section-title.has-line .text {

    margin: 0 10px;

    

}

 

.section-title .line {

    display:inline-block;

    width:100%;

    height:1px ;

    background-color:red;

    background-color: var(--primaryColor);

    flex: 1;

    opacity: .5;

}



.section-3 .section-title {

    border-bottom: 1px solid #fff;

    padding-bottom: 15px;



}   





.section.section-4 {

    padding-bottom:0;

}





.section-5 .tab-wrapper .tab-navs {

    list-style: none;

    margin-bottom: 30px;

    padding: 0;

    text-align: center;

    /*white-space: nowrap;*/

    padding-bottom: 15px;

    /*overflow-x: auto;*/

    /*scrollbar-width: thin;*/

}



.section-5 .tab-wrapper .tab-navs .nav-item {

    display: inline-block;

    padding: 8px 12px;

    margin: 0;

    font-weight: 600;

    cursor:pointer;

}



.section-5 .tab-wrapper .tab-navs .nav-item.active {

    color:var(--primaryColor);

}



.section-5 .tab-wrapper .tab-panels .panel-item  {

    background: #fff;

    display:none;

}



.section-5 .tab-wrapper .tab-panels .panel-item.active {

    display:block;

}



.section-5 .tab-wrapper .tab-panels .panel-item .content-inner {

       padding:0 15px;

}



.section-6 .box .box-image-inner {

    padding-top:100%;

    position:relative;

}



.section-6 .box .box-image-inner img {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover

}





.section-6 .box .box-text {

    text-align: center;

    padding: 10px;

}

.section-6 .box .box-text h4 {

    color:#333;

}



.section-7 .box-image .box-image-inner {

    max-width:85px;

    margin:0 auto 15px;

        height: 80px;

}



.section-7 .box-image .box-image-inner img{

    max-height:80px;

}



.section-8 .interior-photos-wrapper img {

        box-shadow: 0 4px 15px 0 #00000040;

    border-radius: 8px;

    overflow: hidden;

}



.section-9 .container > .content-row{

    align-items:stretch;



}

.section-9 .container  .content-row .col-inner {

    background: #fff;

    padding: 30px;

    border-radius: 12px;

    box-shadow: 0 0 15px 0 #00000008;

    background-color:#fff;

        height: 100%;

}





.section-9 form input[type="text"],

.section-9 form input[type="tel"],

.section-9 form input[type="email"] {

    height: 40px;

    border-radius: 8px;

    border: 1px solid #ccc;

    padding: 0 12px;

        width: 100%;

}



.section-9 form .button {

        min-height: 40px;

    background: var(--primaryColor);

    color: #fff;

    border: none;

    border-radius: 8px;

    padding: 4px 12px;

    text-transform: uppercase;

}



.section-10 .box .box-image {

    margin-bottom: 20px;

}





.section-10 .box .box-image img {

    height: 100px;

    width: auto;

    object-fit: contain;

}



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

     .section-1 .banner-item .banner-content .sub-title {

        font-size:20px;

    }





    .section-1 .banner-item .banner-content .title {

        font-size:48px;

    }



    #font-page {

        margin-top:70px;

    }







    .navbar-nav .nav-item .nav-link {

        font-size: 14px

    }



    .header__inner {

        height: 70px

    }



    .header__inner .logo {

        width: 140px

    }



    .header__inner .logo:before {

        width: 140px

    }



    .header__inner .logo img {

        width: 100%

    }



    .header-picity__inner .main-menu:last-of-type:last-of-type {

        padding-left: 10%

    }



    .header-picity__inner .main-menu:first-of-type {

        padding-right: 10%

    }



    .header.scroll .header__inner {

        height: 60px

    }



    .location__right {

        padding-right: 50px;

        width: 100%

    }



    .location__left {

        width: 100%;

        order: 1

    }



    .library .title {

        margin-bottom: 20px

    }



    .overview-cdt__inner .icon {

        width: 150px

    }



    .featured .content .inner {

        padding: 40px 20px

    }



    .project-overview-content {

        width: 100%;

        flex: unset;

        padding-left: unset;

        margin-bottom: 40px

    }



    .project-overview-img {

        width: 100%

    }



    .project-overview__inner {

        flex-direction: column

    }



    .footer {

        padding-top: 70px

    }



    .footer__list-item .contact .right {

        padding-left: 20px

    }



    .footer__list-item .contact .left {

        padding-right: 20px

    }



    .footer .title {

        font-size: 37px

    }

}



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

    .container {

        max-width: 720px

    }

    

     .section-1 .banner-item .banner-content .sub-title {

        font-size:18px;

    }

    

    .section-1 .banner-item .banner-content .title {

        font-size:32px;

    }



    .footer .title {

        font-size: 32px

    }



    .header.scroll .navbar-toggler {

        top: 30px

    }



    .navbar-nav {

        display: none

    }



    .mobile-menu {

        display: block

    }



    .mobile-menu.open .mobile-menu__box {

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    .mobile-menu {

        pointer-events: inherit

    }



    .mobile-menu__overlay {

        position: fixed;

        z-index: 998;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: #fff;

        visibility: hidden;

        opacity: 0;

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s

    }



    .mobile-menu.open .mobile-menu__overlay {

        opacity: 1;

        visibility: visible

    }



    .mobile-menu__inner {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        overflow: auto;

        position: relative;

        background: #fff;

        background-position: bottom;

        background-repeat: no-repeat

    }



    .mobile-menu__inner .navbar-nav {

        display: block;

        padding-right: 0;

        padding-left: 0

    }



    .mobile-menu__inner .navbar-nav>.nav-item {

        padding: 10px

    }

    

    

    .mobile-menu__inner .navbar-nav>.nav-item:hover,

    .mobile-menu__inner .navbar-nav>.nav-item.active {

        position: relative;

        background-color: #f5f5f5

    }



    .mobile-menu__inner .navbar-nav>.nav-item.active .nav-link {

        position: relative;

        color: var(--primaryColor)

    }



    .mobile-menu__inner .navbar-nav>.nav-item.active:before {

        position: absolute;

        top: 0;

        left: 0;

        content: '';

        width: 4px;

        bottom: 0

    }



    .mobile-menu__inner .navbar-nav>.nav-item .nav-link {

        padding: 10px 20px;

        font-weight: 700;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-box-pack: left;

        -ms-flex-pack: left;

        justify-content: left;

        align-items: center;

        color: #333

    }



    .mobile-menu__close-button {

        position: absolute;

        top: 0;

        right: 100%;

        width: 36px;

        height: 36px;

        line-height: 36px;

        font-size: 20px;

        text-align: center;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s;

        cursor: pointer;

        background-color: #fff

    }



    .mobile-menu.open .mobile-menu__close-button {

        opacity: 1;

        visibility: visible

    }



    .navbar-nav .dropdown-menu {

        top: 30px !important;

        padding: 0

    }



    .mobile-menu__inner .navbar-nav .nav-item .dropdown-submenu.active a {

        color: #0A885F

    }



    .navbar-nav .nav-item .nav-link:before {

        content: none

    }



    .navbar-toggler {

        display: block;

        position: absolute;

        top: 35px;

        right: calc((100% - 690px) / 2);

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        outline: none;

        width: 32px;

        height: 20px;

        padding: unset;

        z-index: 998;

        transition: all ease .4s

    }



    .navbar-toggler .wrap-line {

        position: relative;

        overflow: hidden;

        display: block;

        width: 100%;

        height: 100%

    }



    .navbar-toggler .wrap-line .line {

        -webkit-transition: all ease .4s;

        -o-transition: all ease .4s;

        transition: all ease .4s;

        position: absolute;

        left: 0;

        bottom: 0;

        height: 2px;

        background: #fff;

        display: block

    }



    .navbar-toggler .wrap-line .line:nth-of-type(1) {

        top: 0;

        width: 100%

    }



    .navbar-toggler .wrap-line .line:nth-of-type(2),

    .navbar-toggler .wrap-line .line:nth-of-type(3) {

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        right: 0;

        left: unset;

        width: 100%

    }



    .navbar-toggler .wrap-line .line:nth-of-type(4) {

        bottom: 0;

        width: 100%;

        margin-left: auto;

        right: 0

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(1) {

        left: 50%;

        right: 50%;

        width: unset

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(2) {

        -webkit-transform: translateY(-50%) rotate(-45deg);

        -ms-transform: translateY(-50%) rotate(-45deg);

        transform: translateY(-50%) rotate(-45deg)

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(3) {

        -webkit-transform: translateY(-50%) rotate(45deg);

        -ms-transform: translateY(-50%) rotate(45deg);

        transform: translateY(-50%) rotate(45deg)

    }



    .navbar-toggler:not(.collapsed) .line:nth-of-type(4) {

        left: 63%;

        right: 37%;

        width: 0

    }



    .mobile-menu__box {

        width: 270px;

        background: #fff;

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-transform: translateX(100%);

        -ms-transform: translateX(100%);

        transform: translateX(100%);

        -webkit-transition: all ease 0.4s;

        -o-transition: all ease 0.4s;

        transition: all ease 0.4s;

        z-index: 999

    }



    .mobile-menu__overlay {

        position: fixed;

        z-index: 998;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: rgba(0, 0, 0, .7);

        visibility: hidden;

        opacity: 0;

        -webkit-transition: all ease 0.4s;

        -o-transition: all ease 0.4s;

        transition: all ease 0.4s

    }



    .mobile-menu__inner {

        overflow: auto;

        position: relative

    }



    .mobile-menu__inner .logo {

        display: block;

        text-align: center;

        padding: 25px 10px;

        margin: auto;

        max-width: 70%

    }



    .mobile-menu__inner .logo img {

        max-height: 120px

    }



    

    .md-col-first  {

        order:-1;

    }



}



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





    .navbar-toggler {

        right: 15px

    }





}



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

.section-1 .banner-item .banner-content .title {

        font-size: 24px;

    }

    

    .section-1 .banner-item .banner-content  {

        font-size:14px;

    }

    

    .section-1 .banner-item .banner-content p {

        margin-bottom:5px;

    }



}



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



}