@font-face {
    font-family:Manrope-Bold;
    src: url(../fonts/Manrope-Bold.woff);
}
@font-face {
    font-family:Manrope-Light;
    src: url(../fonts/Manrope-Light.woff);
}
@font-face {
    font-family:Manrope-Medium;
    src: url(../fonts/Manrope-Medium.woff);
}
@font-face {
    font-family:Manrope-Regular;
    src: url(../fonts/Manrope-Regular.woff);
}
@font-face {
    font-family:Manrope-ExtraBold;
    src: url(../fonts/Manrope-ExtraBold.woff);
}
@font-face {
    font-family:Syne-Bold;
    src: url(../fonts/Syne-Bold.woff);
}
@font-face {
    font-family:Syne-SemiBold;
    src: url(../fonts/Syne-SemiBold.woff);
}
@font-face {
    font-family:Syne-Medium;
    src: url(../fonts/Syne-Medium.woff);
}
@font-face {
    font-family:Manrope-SemiBold;
    src: url(../fonts/Manrope-SemiBold.woff);
}
@font-face {
    font-family:Syne-Regular;
    src: url(../fonts/Syne-Regular.woff);
}
.lang-mobile li{
    list-style-type: none;
}
.current-lang{
    display: none;
}
.old-works{
    display: block;
    float: left;
    width: 100%;
    position: relative;
}
.old-works.grid-list .grid-project.gl-inview .grid-project-wrap::before {
    width: 100%;
}
.old-works.grid-list .grid-project-wrap::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background: #191919;
    opacity: .2;
    -webkit-transition: width 1.25s ease-out;
    -o-transition: width 1.25s ease-out;
    transition: width 1.25s ease-out;
}
.old-works.grid-list .grid-project-meta > div.grid-project-year {
    display: block;
    float: right;
    width: 100px;
    text-align: left;
}
.old-works.grid-list .grid-projects-wrapper {
    gap: 30px;
}
.old-works.grid-list .grid-project-meta {
    text-transform: none;
}
.old-works.grid-list .grid-project {
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    grid-column: 1 / 10;
    padding-bottom: 0;
}
.old-works.grid-list .grid-project-wrap {
    padding-bottom: 30px;
}
.old-works.grid-list .grid-project-meta > div span {
    display: inline-block;
}

.mb-22{
    margin-bottom: 22px;
}
#espaBanner {
    object-fit: contain;
    height: 50px;
    /*position: fixed;*/
    top: 0;
    transition: opacity 0.6s ease-in-out;
}

#espaBanner.hidden {
    opacity: 0;
}

p,h1,h2,h3,h4,h5,h6,h7,div,span,section,ul,li{
    font-weight: 400!important;
}
.banner-brand.circle-char,.banner-brand .circle-word{
    color: #fff!important;
}
/*html {*/
/*    scroll-behavior: smooth;*/
/*    scroll-behavior: smooth !important; !* For browsers that support it *!*/
/*    transition-duration: 0.5s; !* Adjust the duration to control the scroll speed *!*/
/*}*/
.light-gray{
    color: #88888833;
}
.site-header{
    background: #fff;
}
body.light {
    --mainColor: #000000 !important;
    --mainBackground: #ffffff !important;
    --secondaryBackground: #ffffff !important;
}
.circular-text-icon .material-icons{
    color: #24305a;
}

.Man-SemiBold{ font-family:Manrope-SemiBold;}
.Syne-Regular{
    font-family:Syne-Regular!important;
}
.Man-bold{
    font-family:Manrope-Bold;
}
.Man-Light{
    font-family:Manrope-Light;
}
.Man-Medium{
    font-family:Manrope-Medium;
}
.Man-Regular{
    font-family:Manrope-Regular!important;
}
.Man-ExtraBold{
    font-family:Manrope-ExtraBold;
}
/*.site-header.fixed {*/
/*    position: fixed;*/
/*    background-color: #fff!important;*/
/*}*/
.mb-0{
    margin-bottom: 0;
}
.mb-20{
    margin-bottom: 20px;
}
.about-us-title {
    color: #24305a;
      font-family:Syne-Medium!important;
}
/*.home-ntintos{*/
/*  object-fit: contain!important;*/
/*  height: 815px!important;*/
/*}*/
.choose-us {
    color: #24305a;
    font-family:Syne-Regular!important;
}

.single-image.parallax-image .image-parallax-wrap .work {
    -o-object-fit: cover;
    object-fit: contain;
    height: 100%;
    will-change: transform;
}
.text-wrapper p {
    font-family: Manrope-Medium;
}
.white{
  color: #fff;
}

h3, .text-h3 {
  font-family:Manrope-Medium;
}
.info-worker{
  font-family:Manrope-Medium;
  color:#24305a;
}
.site-header.light {
    --mainColor: #24305a!important;
    --mainBackground: #24305a;
    color: var(--mainColor);
}
.text-wrapper p{
  font-family:Manrope-Medium;
  /* color:#24305a; */
}
.md-title{
font-family:Manrope-Medium;
}
.nayla-info-box{
  background-color: #24305a;
}
.nayla-info-box p{
  color: #fff;
}
.blue,.text-h3{
  color:#24305a;
}
.red{
  color: #E8424C;
}
.gray{
  color: #888888;
}
.language-switcher > span {
    color:#24305a;
    font-family:Manrope-Medium;
}
.w-200{
  width: 200px;
}
ul.grid-portfolio-filtering .projects-length {
    color:#24305a;
}
.big-title{
    /* margin-left: 80px; */
    /*color:#24305a;*/
    font-family:Syne-Medium;
}
.fs-17{
  color:#24305a;
  font-family:Manrope-Medium;
}
.fs-20{
    font-size: 20px;
}
.fs-32{
    font-size: 32px;
}
h2, .text-h2 {
    color:#24305a;
    font-family:Manrope-Medium;
}
.text-h6{
  color:#24305a;
  font-family:Manrope-Medium;
}
.title-work{
  color:#24305a;
  font-family:Manrope-Regular;
}
.nayla-button a {
  color: #24305a!important;
  font-family:Manrope-Medium;
}
#site-navigation.classic ul.main-menu > li > a {
    font-family:Manrope-SemiBold;
    color:#24305a;
}
.nayla-icon span {
    color:#24305a;
}
/*.single-image.parallax-image .image-parallax-wrap img {*/
/*    -o-object-fit: cover;*/
/*    object-fit: contain;*/
/*    height: 845px;*/
/*    will-change: transform;*/
/*}*/
.site-branding {
    width: 100%!important;
}
.toggle-line {
    background-color: #24305a!important;
}
.menu li a {
  font-family:Manrope-Regular;
  color:#24305a;
}
.pl-35{
    padding-left: 35px;
}
.sticky-logo img, .site-logo img {
    width: 170px;
    height: 100%;
}
.scroll-button img{
    object-fit: contain;
    height: 60px;
}
.text-h1{
  font-family:Manrope-SemiBold;
}

.outline a:hover{
    background-color: #24305a;
    color: #fff!important;
}
.image-container:hover .overlay {
    opacity: 1;
}