@import url('https://fonts.cdnfonts.com/css/futura-condensed-pt');
@import url('https://fonts.cdnfonts.com/css/montserrat');
@import url('https://fonts.cdnfonts.com/css/futura-std-4');

* {         
    font-family: 'Montserrat', sans-serif;
}   

.montserrat-extrabold { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.montserrat-semibold { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 ;
}

.futura { 
    font-family: 'Futura Std', sans-serif;
}

.futura-medium { 
    font-family: 'Futura Std', sans-serif;
    font-weight: 500;
}
.futura-bold { 
    font-family: 'Futura Std', sans-serif;
    font-weight: 600;
}
.futura-condensed { 
    font-family: 'Futura Condensed PT', sans-serif;
}

.fs-super { 
    font-size: calc(1.375rem + 1.5vw)!important;
}
.yellow-kita { 
    color: #DEB300;
}
@media (min-width:768px) {
    .fs-super { 
        font-size: 4.5rem !important;
    }
}

.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bck-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-center {
    0% {
      -webkit-transform: translateZ(600px);
              transform: translateZ(600px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bck-center {
    0% {
      -webkit-transform: translateZ(600px);
              transform: translateZ(600px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
}

.slide-out-bck-center {
	-webkit-animation: slide-out-bck-center 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-bck-center 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-bck-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-1100px);
              transform: translateZ(-1100px);
      opacity: 0;
    }
  }
  @keyframes slide-out-bck-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-1100px);
              transform: translateZ(-1100px);
      opacity: 0;
    }
  }
  

@-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
.slide-in-top {
	-webkit-animation: slide-in-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-1000px);
              transform: translateY(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-1000px);
              transform: translateY(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }

  
.slide-out-top {
	-webkit-animation: slide-out-top 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(-1000px);
              transform: translateY(-1000px);
      opacity: 0;
    }
  }
  @keyframes slide-out-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(-1000px);
              transform: translateY(-1000px);
      opacity: 0;
    }
  }

.slide-in {
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
            
}

@-webkit-keyframes slide-in-fwd-center {
    0% {
      -webkit-transform: translateZ(-1400px);
              transform: translateZ(-1400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-fwd-center {
    0% {
      -webkit-transform: translateZ(-1400px);
              transform: translateZ(-1400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
.slide-out {
    -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-bck-center {
0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
}
}
@keyframes slide-out-bck-center {
0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
}
}

.desktop-invisible { 
    visibility: visible !important;
}

.desktop-flex-hide { 
    display: flex !important;
}
.desktop-hide { 
    display: block !important;
}
.mobile-hide { 
    display: none !important;
}
@media (min-width : 768px) {
    .desktop-invisible { 
        visibility: hidden !important;
    }
    .desktop-flex-hide { 
        display: none !important;
    }
    .desktop-hide { 
        display: none !important;
    }
    .mobile-hide { 
        display: block !important;
    }
}


.offcanvas {
    background-image: url('../img/bg-menu-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}
.offcanvas-body > ul.list-group { 
    text-align: center ;
}

.offcanvas-body > ul.list-group > .list-group-item { 
    padding: 0.3rem 1rem !important;
    background-color: transparent;
}
.offcanvas-link  {
    color: white !important;
}

a {
    text-decoration: none;
 }
.list-group-item { 
    border : none !important;
}
.img-logo { 
    width: 10rem;
}
.img-logo-small { 
    width: 4rem;
}
#logo-desktop { 
    display: none;
    width: 6rem;
}
#logo-mobile { 
    display: block;
}
@media(min-width:768px) { 
    #logo-desktop { 
        display: block;
    }
    #logo-mobile { 
        display: none;
    }
}
.navbar-nav > a.nav-link {
    font-size: 1.25rem;
    /* font-family: 'Futura Condensed PT', sans-serif;
    font-weight: 700; */
}
.navbar-toggler:focus { 
    outline: none !important;
    border: none !important;
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}

.float-button { 
    position: fixed;
    bottom: 3%;
    left: 0;
    z-index: 999;
    /* border: 1px solid black; */
    width: 98%;
    display: flex;
    justify-content: end;
    align-items: end;
}
#float-mobile { 
    display: block;
}
#float-desktop { 
    display: none;
}
@media (min-width:768px) { 
    .float-button { 
        position: fixed;
        bottom: 3%;
        left: 0;
        z-index: 999;
        /* border: 1px solid black; */
        width: 98%;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    #float-desktop { 
        display: block;
    }
    #float-mobile { 
        display: none !important;
    }
}

.container-fluid { 
    overflow-x: hidden;
}
.section { 
    height: 100vh !important;
}
.cta { 
    height: 45vh;
    display: flex;
    flex-direction: column;
}
#home { 
    color: white;
    display: flex;
    justify-content: start;
    align-items: center;
}

.carousel-indicator { 
    visibility: visible;
}
@media (min-width:768px) { 
    .carousel-indicator { 
        visibility: hidden;
    }
}

#text-home { 
    z-index: 100;
    display: none;
}
#text-home-mobile { 
    display: block;
    z-index: 100;
}
.btn-about-us { 
    background-color: rgba(255, 255, 255, 0.4);
    color: white;
}
@media(min-width:768px) {
    #text-home-mobile { 
        display: none;
    }
    #text-home { 
        display: block;
    }
}
#carouselHome { 
    position: absolute !important;
    top: 0;
    left: 0;
}
.carousel-item > img { 
    object-fit: cover;
    height: 100vh !important;
}

.carousel-inner > div:nth-child(1) > .slider-item {
    content: url("../img/slider/slider-1-mobile.jpg");
}
.carousel-inner > div:nth-child(2) > .slider-item {
    content: url("../img/slider/slider-2-mobile.jpg");
}
.carousel-inner > div:nth-child(3) > .slider-item {
    content: url("../img/slider/slider-4-mobile.jpg");
}
.carousel-inner > div:nth-child(4) > .slider-item {
    content: url("../img/slider/slider-5-mobile.jpg");
}
.carousel-inner > div:nth-child(5) > .slider-item {
    content: url("../img/slider/slider-7-mobile.jpg");
}
.carousel-inner > div:nth-child(6) > .slider-item {
    content: url("../img/slider/slider-1-mobile.jpg")
}
.carousel-inner > div:nth-child(7) > .slider-item {
    content: url("../img/slider/slider-2-mobile.jpg");
}
.carousel-inner > div:nth-child(8) > .slider-item {
    content: url("../img/slider/slider-4-mobile.jpg");
}

@media (min-width:768px) { 
    .carousel-inner > div:nth-child(1) > .slider-item {
        content: url("../img/slider/slider-1.jpg");
    }
    .carousel-inner > div:nth-child(2) > .slider-item {
        content: url("../img/slider/slider-2.jpg");
    }
    .carousel-inner > div:nth-child(3) > .slider-item {
        content: url("../img/slider/slider-4.jpg");
    }
    .carousel-inner > div:nth-child(4) > .slider-item {
        content: url("../img/slider/slider-5.jpg");
    }
    .carousel-inner > div:nth-child(5) > .slider-item {
        content: url("../img/slider/slider-7.jpg");
    }
    .carousel-inner > div:nth-child(6) > .slider-item {
        display: block !important;
        content: url("../img/slider/slider-3.jpg");
    }
    .carousel-inner > div:nth-child(7) > .slider-item {
        display: block !important;
        content: url("../img/slider/slider-6.jpg");
    }
    .carousel-inner > div:nth-child(8) > .slider-item {
        display: block !important;
        content: url("../img/slider/slider-8.jpg");
    }
}
body { 
    width: 100%;
    height: 100vh;
}

#section2 { 
    overflow: hidden;
}
/* #section2 > .row > .col-6 {
    height: 10vh !important;
} */
.img-section-2 { 
    width: 50vw;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

#hero-image-1 { 
    position: relative;
}
#hero-image-2 { 
    position: relative;
}
#hero-image-3 { 
    position: relative;
}
#hero-image-4 { 
    position: relative;
}

@media (min-width:768px) {
    #hero-image-1 { 
        position: relative;

    
    }
    #hero-image-2 { 
        position: relative;

    
    }
    #hero-image-3 { 
        position: relative;
                  
    
    }
    #hero-image-4 { 
        position: relative;        
    
    }
}


#client { 
    justify-content: start;
    align-items: center;
    height: unset !important;
    margin: 5rem 0;
}
#client > div.wrapper-control { 
    width: 100% ;
    overflow: hidden;
}
.img-client { 
    width: 75%;
    filter: grayscale();
}
.img-client:hover { 
    cursor: pointer;
    filter: grayscale(0%);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

@media (min-width : 786px) {
    #client { 
        align-items : center;
        justify-content: center;
        height: auto !important;
    }

    #client > div.wrapper-control { 
        overflow: hidden;
        width: unset !important;
        padding : 0 10rem;
    }

    .img-client { 
        width: 100%;
    }

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: black;
    font-weight: bold;
    background-color: transparent !important;
}
ul#pills-tab > li.nav-item > button.nav-link { 
    padding : 0rem 0.5rem !important;
}
.pills-link { 
    color: black;
}
.pills-link:hover { 
    color: black !important;
}

.category-content {    
    transform: scale();
}

.category-content:hover { 
    cursor: pointer;
    transform: scale(1.2) ;
    z-index: 900;
    transition-duration: 0.2s;
}

@media(min-width:768px) { 
    ul#pills-tab > li.nav-item > button.nav-link { 
        padding: 0.5rem 1rem;
    }
}
.text-content { 
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    top: 0;
    justify-content: space-around;
    align-items: center;
    font-size : 1rem;
    padding: 2rem;
    text-align: center;
}
@media (min-width:768px) {
    .text-content { 
        font-size: calc(1.3rem + .6vw);
        padding: 0rem;
        text-align: start;
    }
}

.img-content { 
    width: 100%;
    object-fit: cover;
}
.img-content-medium { 
    height: 40vh;
}

.about-header { 
    display: none !important;
}
#about-desktop { 
    height: unset ;
}
#about-desktop p { 
    text-align: center;
}
@media (min-width:768px) { 
    .about-header { 
        display: block !important;
    }
    
    #about-desktop { 
        height: 400px;
    }
    #about-desktop p { 
        text-align: start;
    }
}
@media (min-width : 1440px) { 
    #about-desktop { 
        padding-top : 4em;
        padding-left: 8em;
        padding-right: 8em;
    }
    #teams { 
        padding-left: 8em !important;
        padding-right: 8em !important;
    }
}

#list-mobile { 
    display: block;
    height: 10vh;
}
#list-desktop { 
    display: none;
    border-left: 3px solid rgb(255, 222, 34);
    position: relative;
    height: fit-content;
}
@media (min-width:768px) {
    #list-desktop { 
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start; 
    }
    #list-mobile { 
        display: none;
    }
}

#list-mobile > .list-about > span {
    font-size: 0.8rem ; 
}
#list-mobile > .list-about > span:hover {
    font-size: 0.9rem ; 
}

.list-about > span { 
    font-weight: bold;
}
.list-about > span:hover { 
    cursor: default;
    font-weight: bold;
    font-size : 1.2rem;
    transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}
.list-about::before { 
    content: '';
    height: 12px;
    width: 12px;
    border-radius : 100%;
    background-color: #DEB300;
    position: absolute;
    top: -18px;
    left: -8px;
}
.small-text { 
    font-size: 0.9rem;
}
.xsmall-text { 
    font-size: 0.8rem;
}
@media (min-width:768px) {
    .small-text { 
        font-size: unset !important;
    }
    .xsmall-text { 
        font-size: unset !important;
    }
}

.img-avatar { 
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#cta { 
    background-image: url('../img/bg-4.jpg');
    background-position: center center;
    background-size: cover;
    color: white;
}

#works { 
    margin: 5.5rem  0;
}

footer { 
    background-color: #081b2b;
}
#explore-footer { 
    display : none !important;
}
#address-footer { 
    display: none !important;
}
#business-footer { 
    display: none !important;
}
#follow-text {
    font-family: 'Futura Std', sans-serif;
}
@media(min-width:768px) {
    #explore-footer { 
        display: block !important;
    }
    #address-footer { 
        display: block !important;
    }
    #business-footer { 
        display: block !important;
    }
    #follow-text { 
        font-family: unset;
        font-weight: bold;
    }
}