/* Icons 
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");*/
@import url("../bootstrap/css/bootstrap-icons.css");

/* Bootstrap CSS */
@import url("../bootstrap/css/bootstrap.min.css");

/* Slick CSS */
@import url("external/slick.css");
@import url("external/slick-theme.min.css");

/* Imports frames CSS */
@import url("modules/menu-01.css");
@import url("modules/menu-02.css");
@import url("modules/menu-fixed-01.css");
@import url("modules/menu-fixed-02.css");
@import url("modules/slide-01.css");
@import url("modules/sections.css");
@import url("modules/text.css");
@import url("modules/about.css");
@import url("modules/team.css");
@import url("modules/clients.css");
@import url("modules/services.css");
@import url("modules/info.css");
@import url("modules/background-animated.css");
@import url("modules/button-top.css");
@import url("modules/footer.css");

/* Fonts */
@font-face {
   font-family: font-family-01;
   src: url("../fonts/Golden Age.ttf");
}

@font-face {
   font-family: font-family-02;
   src: url("../fonts/Golden Age Shad.ttf");
}

/*variables*/
:root {
  /*fonts*/
  --font-family-03: Arial, Helvetica, sans-serif;

  /*colors*/
  /*color background body*/
  --top-color: #23A6D5;
  --middle-color: #23D5AB ;
  --bottom-color: #23D5AB;

  /*MENU*/
  --title-menu-01: #fff;
  --title-menu-02: #fff;
  --color-menu-01: #fff;
  --color-menu-02: #111;

  /*SECTION*/
  /*color section background 02*/
  --background-2-top-color: #6d6f72;
  --background-2-bottom-color: #1A1E21;

  /*TEAM*/
  /*color background team 01*/
  --background-team-1-color: #ebeef8;
  --text-team--title-1-color: #333;
  --text-team--subtitle-1-color: #777;
  --btn-team--1-color: #23A6D5;
  --btn-border-radius-team--1-color: #eee;

  /*SERVICES*/
  --background-services-container-1-color: #16384c;
  --background-services-card-1-color: #fff;
  --background-services-card-hover-1-color: #23A6D5;
  --background-services-card-img-box-1-color: #47edc6;
  --background-services-content-1-color: #111;

  /*CLIENTS*/

  /*INFO*/
  /*color background info 01*/
  --background-info-1-color: #3c2846;
  --background-info-card-1-color: #23A6D5;
  --background-info-gradient-1-color: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2));
  --background-info-card-nth-child-1-color: linear-gradient(to bottom, #24ff72, #645bf6); /*#ff2ae0, #645bf6*/
  --background-info-card-nth-child-2-color: linear-gradient(to bottom, #6063EF, #24ff72); /*#ffec61, #f321d7*/
  --background-info-card-nth-child-3-color: linear-gradient(to bottom, #24ff72, #9a4eff); /*#24ff72, #9a4eff*/ /*#6d6f72, #1A1E21*/
  --background-info-icon-1-color: var(--top-color); /*mesma cor de fundo para dar transparencia ao icone*/

  /*gradientes*/
  --gradient-01: linear-gradient(120deg, var(--top-color), var(--middle-color));
  --gradient-02: linear-gradient(120deg, var(--background-2-top-color), var(--background-2-bottom-color));

  --link-color: #fff;
  --link-color-02: #6d6f72;
  --title-slide: #6d6f72;

  /*color texts*/
  --color-text-1:  #23D5AB;
  --color-text-2:  #1A1E21;
  --color-text-3:  #fff;
  --color-text-4:  #fff;

  /*sizes*/
}

/*body*/
body {
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  overflow: scroll !important;
  overflow-x: hidden !important;
}

/*icons*/
.icon-01{
  color: var(--color-text-1);
}

.icon-02{
  color: var(--color-text-3);
}

/*row*/
.row{
  margin: 3% !important;
  /*
  opacity: 0;
  transform: scale(0.1);
  transition: all 1s ease-in-out;
  */
}

.animation{
  opacity: 0;
  transform: scale(0.1);
  transition: all 1s ease-in-out;
}

.active_animation{
  opacity: 1;
  transform: scale(1);
}

/*footer*/
.copyright{
  font-weight: 300 !important;
  font-size: 1.0rem !important;
  background-color: rgba(0, 0, 0, 0.2);
}

/*Lot Small devices*/
@media (min-width: 300) {

}

@media (min-width: 436px) {

}

@media (max-width: 400px) {
  body{
    width: 400px;
  }
}