@font-face {
  font-family: "Redonda";
  font-weight: 100;
  src: url(../font/REDONDA-LIGHT.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 100;
  font-style: italic;
  src: url(../font/REDONDA-LIGHTITALIC.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 300;
  src: url(../font/REDONDA-REGULAR.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 300;
  font-style: italic;
  src: url(../font/REDONDA-ITALIC.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 500;
  src: url(../font/REDONDA-BOLD.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 500;
  font-style: italic;
  src: url(../font/REDONDA-BOLDITALIC.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 700;
  src: url(../font/REDONDA-EXTRABOLD.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 700;
  font-style: italic;
  src: url(../font/REDONDA-EXTRABOLDITALIC.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 900;
  src: url(../font/REDONDA-BLACK.OTF);
}
@font-face {
  font-family: "Redonda";
  font-weight: 900;
  font-style: italic;
  src: url(../font/REDONDA-BLACKITALIC.OTF);
}
@font-face {
  font-family: "Abelha";
  font-weight: 500;
  src: url(../font/abelhagorda.otf);
}
@font-face {
  font-family: "Abelha";
  font-weight: 300;
  src: url(../font/abelharegular.otf);
}
@font-face {
  font-family: "Babaca";
  font-weight: 300;
  src: url(../font/BabacaGrotesca-Regular.ttf);
}
*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

body {
  width: 100%;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  background: #EDFAC9;
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  transition: 0.5s ease-in-out;
}

img, svg {
  display: block;
  width: 100%;
}

.none {
  display: none !important;
}

.orange {
  fill: #FF4500;
}

::-webkit-scrollbar-track {
  background-color: #EDFAC9;
}

::-webkit-scrollbar {
  width: 0.75vw;
}

::-webkit-scrollbar-thumb {
  background: #3A0000;
}

.Menu {
  width: 25vw;
  height: 93vh;
  margin-top: 2vw;
  position: fixed;
  font-family: "Redonda";
  font-weight: 100;
  border-right: 1px #3A0000 solid;
  padding: 1.5vw 2vw;
  transition: 0.5s ease-in-out;
  z-index: 1;
}
.Menu .BxLogos {
  display: flex;
}
.Menu .BxLogos .Logo {
  transition: 0.5s ease-in-out;
  width: 13%;
}
.Menu .BxLogos .Logo svg path {
  fill: #3A0000;
}
.Menu .BxLogos .LongLogo {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 30%;
}
.Menu .BxLogos .LongLogo svg {
  fill: #3A0000;
}
.Menu .About {
  margin: 7vw 0 0 0;
  color: #3A0000;
}
.Menu .About a {
  font-size: 2.5vw;
  font-weight: 700;
  color: #3A0000;
  transition: 0.5s ease-in-out;
}
.Menu .About p {
  font-size: 1vw;
  margin: 0;
  margin-top: 0.5vw;
  padding-right: 3vw;
  transition: 0.5s ease-in-out;
}
.Menu .Links {
  list-style: none;
  margin-top: 1vw;
}
.Menu .Links span {
  font-size: 1vw;
  color: #3A0000;
}
.Menu .Links .link {
  font-style: italic;
  text-decoration: underline;
  margin: 0.8vw 0 0 0;
}
.Menu .Links .link a {
  font-size: 1vw;
  color: #FF4500;
}
.Menu h3 {
  position: absolute;
  bottom: 3vw;
  left: 1.5vw;
  font-size: 0.9vw;
  font-weight: 700;
  color: #3A0000;
  text-transform: uppercase;
}
.Menu .theme-switch {
  width: 4.5vw;
  height: 2vw;
  border: #3A0000 2px solid;
  border-radius: 50px;
  position: absolute;
  bottom: 1vw;
  left: 2vw;
}
.Menu .theme-switch .switch {
  background: #3A0000;
  width: 1.35vw;
  height: 1.35vw;
  border-radius: 100%;
  position: absolute;
  top: 0.18vw;
  left: 0.2vw;
  transition: 0.5s all ease;
}

.Menu.actived {
  width: 15vw;
}
.Menu.actived .BxLogos {
  display: flex;
}
.Menu.actived .BxLogos .Logo {
  width: 30%;
}
.Menu.actived .BxLogos .LongLogo {
  display: none;
}
.Menu.actived .About {
  margin: 6vw 0 0 0;
}
.Menu.actived .About a {
  font-size: 1.9vw;
  transition: 0.5s ease-in-out;
}
.Menu.actived .About p {
  display: none;
}
.Menu.actived .Links span {
  font-size: 1vw;
  padding-right: 0.5vw;
  transition: 0.5s ease-in-out;
}

/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .Menu {
    width: 100vw;
    height: auto;
    margin-top: 0;
    border-right: none;
    border-bottom: 1px #3A0000 solid;
    padding: 3vw 3vw 2vw 3vw;
    background-color: #EDFAC9;
    display: flex;
    flex-wrap: wrap;
  }
  .Menu .BxLogos {
    width: 100%;
  }
  .Menu .BxLogos .Logo {
    width: 14%;
  }
  .Menu .BxLogos .Logo svg path {
    fill: #3A0000;
  }
  .Menu .BxLogos .LongLogo {
    display: flex;
    width: 28%;
    transition: 0.5s ease-in-out;
  }
  .Menu .BxLogos .LongLogo svg {
    fill: #3A0000;
  }
  .Menu .About {
    margin: 7vw 0 0 0;
    transition: 0.5s ease-in-out;
  }
  .Menu .About a {
    font-size: 3.5vw;
    margin: 0;
  }
  .Menu .About p {
    display: none;
  }
  .Menu .Links {
    width: auto;
    margin: 7vw 0 0 auto;
    display: flex;
    position: relative;
    align-items: center;
    transition: 0.5s ease-in-out;
  }
  .Menu .Links span {
    font-size: 2.5vw;
  }
  .Menu .Links .link {
    display: none;
  }
  .Menu .linksPhone .phoneLink {
    position: absolute;
    border: 1px solid rgb(221, 221, 221);
    top: 4.5vw;
    right: 0;
    padding: 1vw;
    border-radius: 1vw;
    background-color: #EDFAC9;
    z-index: 2 !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  }
  .Menu .linksPhone .phoneLink .link {
    display: flex;
    width: 100%;
  }
  .Menu .linksPhone .phoneLink .link a {
    font-size: 3vw;
    color: #FF4500;
  }
  .Menu h3 {
    bottom: -6vw;
    left: auto;
    right: 2vw;
    font-size: 2.5vw;
    z-index: -1;
  }
  .Menu .theme-switch {
    width: 12vw;
    height: 5vw;
    bottom: -9.5vw;
    left: auto;
    right: 2.5vw;
    border: #3A0000 0.2vw solid;
    z-index: -1;
  }
  .Menu .theme-switch .switch {
    width: 4vw;
    height: 4vw;
    top: 0.25vw;
    left: 0.4vw;
  }
  .Menu.actived {
    width: 100vw;
    height: auto;
  }
  .Menu.actived .BxLogos {
    display: flex;
  }
  .Menu.actived .BxLogos .Logo {
    width: 14%;
  }
  .Menu.actived .BxLogos .LongLogo {
    display: flex;
    width: 20%;
    transition: 0.5s ease-in-out;
  }
  .Menu.actived .About {
    margin: 2vw 0 0 0;
    transition: 0.5s ease-in-out;
  }
  .Menu.actived .About a {
    font-size: 3.5vw;
    margin: 0;
  }
  .Menu.actived .About p {
    display: none;
  }
  .Menu.actived .Links {
    width: auto;
    margin: 2vw 0 0 auto;
    display: flex;
    position: relative;
    align-items: center;
    transition: 0.5s ease-in-out;
  }
  .Menu.actived .Links span {
    font-size: 2.5vw;
    padding: 0;
  }
  .Menu.actived .Links .link {
    display: none;
  }
}
.content {
  margin-left: 25vw;
  width: 75vw;
  display: flex;
  position: relative;
  font-family: "Redonda";
  transition: 0.5s ease-in-out;
  margin-right: 0.7vw;
}
.content .MenuInside {
  width: 18%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
}
.content .MenuInside .MenuSd {
  color: #3A0000;
  padding: 1.2vw;
  font-size: 1vw;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.content .MenuInside .active {
  color: #FF4500;
}
.content .MenuInside .iconFts {
  position: fixed;
  top: 87vh;
  left: 7.5vw;
  width: 3.5vw;
  height: 3.5vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s ease-in-out;
}
.content .MenuInside .iconFts .iconsFT {
  background: #3A0000;
  width: 32.3%;
  height: 47.8%;
}
.content .MenuInside .iconFts .metade {
  width: 49% !important;
}
.content .MenuInside .iconFts .cem {
  width: 100% !important;
  height: 100%;
}
.content .TabsBx {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5vw 3vw;
  width: 79%;
  margin-left: 20%;
}

.content.actived {
  margin-left: 15vw;
  width: 85vw;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .content {
    margin: 27vw 0 0 0;
    width: 100vw;
    flex-wrap: wrap;
  }
  .content .MenuInside {
    width: 100%;
    height: 17vw;
    position: relative;
    flex-direction: row;
    padding: 0 15vw;
  }
  .content .MenuInside .MenuSd {
    padding: 2vw 1.5vw;
    font-size: 3vw;
  }
  .content .MenuInside .iconFts {
    top: 1vw;
    left: 5vw;
    width: 7vw;
    height: 7vw;
  }
  .content .MenuInside .iconFts .iconsFT {
    width: 31.5%;
    height: 47.8%;
  }
  .content .MenuInside .iconFts .cem {
    width: 100% !important;
    height: 100%;
  }
  .content .MenuInside .iconFts.actived {
    left: 7.5vw;
    top: 20vw;
  }
  .content .TabsBx {
    width: 100%;
    margin-left: 0;
    height: 100%;
  }
  .content.actived {
    margin: 20vw 0 0 0;
    width: 100vw;
  }
}
#Design {
  width: 100%;
}
#Design #BlockCarousel {
  width: 100%;
  height: 55vh;
  border-radius: 1vw;
}
#Design #BlockCarousel .carousel-indicators li {
  width: 0.5vw;
  height: 0.5vw;
  border-radius: 50px;
  margin: 0 0.3vw;
  border: 1px solid #EDFAC9;
}
#Design #BlockCarousel .carousel-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 0.9vw;
}
#Design #BlockCarousel .carousel-inner .carousel-item {
  width: 100%;
  height: 100%;
}
#Design #BlockCarousel .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Design #BlockCarousel .controls {
  width: 2vw;
  margin: 0 1vw;
}
#Design #BlockCarousel .controls span {
  width: 1.5vw;
}
#Design #BlockCarousel .controls #rotate {
  transform: rotate(180deg);
}
#Design h2 {
  text-transform: uppercase;
  font-size: 1vw;
  margin: 1vw 1.5vw 3vw 1.5vw;
  font-weight: 700;
}
#Design h2 a {
  color: #3A0000;
  text-decoration: none;
}
#Design h2 a:hover {
  color: #FF4500;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #Design {
    width: 100%;
  }
  #Design #BlockCarousel {
    height: 55vw;
    border-radius: 2.1vw;
  }
  #Design #BlockCarousel .carousel-indicators li {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 0.5vw;
  }
  #Design #BlockCarousel .carousel-inner {
    border-radius: 2vw;
  }
  #Design #BlockCarousel .controls {
    width: 5.5vw;
    margin: 0 2vw;
  }
  #Design #BlockCarousel .controls span {
    width: 4.5vw;
  }
  #Design h2 {
    font-size: 3vw;
    margin: 2vw 2vw 5vw 2.5vw;
  }
}
#Foto {
  width: 100%;
  position: relative;
}
#Foto .blockfts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#Foto .blockfts h2 {
  color: #3A0000;
  font-size: 1.5vw;
  font-weight: 500;
  width: 100%;
  margin: 1vw 0 1vw -1vw;
}
#Foto .blockfts .FotoBx {
  width: 32.5%;
  height: 30vh;
  background: #3A0000;
  border-radius: 1vw;
  margin: 0 0 0.7vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Foto .blockfts .FotoBx img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1vw;
}
#Foto .blockfts .metade {
  width: 49.5%;
  height: 50vh;
}
#Foto .blockfts .cem {
  width: 98.5%;
  height: auto;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #Foto .blockfts h2 {
    font-size: 3.5vw;
    margin: 3vw 0 1vw -1vw;
  }
  #Foto .blockfts .FotoBx {
    width: 32%;
    height: 30vw;
    border-radius: 2vw;
    margin: 0 0 2vw 0;
  }
  #Foto .blockfts .FotoBx img {
    border-radius: 2vw;
  }
  #Foto .blockfts .metade {
    width: 49%;
    height: 50vw;
  }
  #Foto .blockfts .cem {
    width: 98%;
    height: auto;
  }
}
#Tipogr {
  width: 100%;
  position: relative;
}
#Tipogr .fonts {
  margin-bottom: 2vh;
}
#Tipogr .fonts .FeaturesFont {
  padding: 1vw 0 2vw 0;
  display: flex;
  align-content: center;
}
#Tipogr .fonts .FeaturesFont .babaca {
  font-family: "Babaca";
}
#Tipogr .fonts .FeaturesFont select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0.4vw;
  padding: 0.2vw 1.5vw 0 0.2vw;
  margin-right: 1vw;
  font-size: 1.3vw;
  font-family: "Abelha";
  outline: none;
  color: #3A0000;
}
#Tipogr .fonts .FeaturesFont select * {
  color: #3A0000;
}
#Tipogr .fonts .FeaturesFont input[type=range] {
  -webkit-appearance: none;
  width: 10vw;
  transition: 0.5s ease-in-out;
  background: #EDFAC9;
}
#Tipogr .fonts .FeaturesFont input[type=range]::-webkit-slider-runnable-track {
  height: 0.5vh;
  background: #3A0000;
}
#Tipogr .fonts .FeaturesFont input[type=range]::-webkit-slider-thumb {
  height: 1.1vw;
  width: 1.1vw;
  border-radius: 50%;
  background: #3A0000;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.4vw;
}
#Tipogr .fonts .FeaturesFont input[type=range]:focus::-webkit-slider-runnable-track {
  background: #3A0000;
}
#Tipogr .fonts .abelhaNlinks {
  margin-bottom: 2vw;
}
#Tipogr .fonts .abelhaNlinks h2 {
  font-weight: 500;
  outline: none;
  color: #3A0000;
  font-size: 4vw;
  margin: 0;
  font-family: "Abelha";
}
#Tipogr .fonts .abelhaNlinks .bold {
  font-weight: 500;
}
#Tipogr .fonts .abelhaNlinks .regular {
  font-weight: 300;
}
#Tipogr .fonts .abelhaNlinks #testBacaca {
  font-family: "Babaca";
}
#Tipogr .fonts .abelhaNlinks .abelhalinks {
  width: 100%;
  font-family: "Redonda";
}
#Tipogr .fonts .abelhaNlinks .abelhalinks ul {
  display: flex;
  list-style: none;
  margin: -1vw 0 0 -0.5vw;
}
#Tipogr .fonts .abelhaNlinks .abelhalinks ul a {
  color: #3A0000;
  text-decoration: none;
  padding: 0.5vw;
  margin: 0 0.5vw 0 0;
  font-size: 1vw;
  font-weight: 700;
  text-transform: uppercase;
}
#Tipogr .fonts .divider {
  width: 100%;
  border: 1px solid #3A0000;
  margin: 1.5vw 0;
}
#Tipogr .fonts .features {
  padding: 1vw;
  display: flex;
  flex-wrap: wrap;
  font-family: "Abelha";
  align-content: center;
  justify-content: space-between;
}
#Tipogr .fonts .features h3 {
  font-size: 3vw;
  text-align: left;
  padding-right: 1vw;
  line-height: 2.5vw;
  color: #3A0000;
}
#Tipogr .fonts .features .BxFeatures {
  width: 49%;
  margin: 2vw 0 0.5vw 0;
  display: flex;
  padding: 0.5vw;
}
#Tipogr .fonts .features .BxFeatures span {
  width: 30%;
  font-size: 1vw;
  color: #FF4500;
  padding-right: 0.5vw;
  text-transform: uppercase;
  line-height: 1vw;
}
#Tipogr .fonts .features .BxFeatures .changeFT {
  display: flex;
  height: 8vh;
  align-items: flex-start;
  justify-content: center;
}
#Tipogr .fonts .features .BxFeatures .changeFT svg {
  width: 90%;
}
#Tipogr .fonts .features .BxFeatures .bigboi {
  height: 12vh;
}
#Tipogr .fonts .PosterBx {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 5vw;
}
#Tipogr .fonts .PosterBx h3 {
  font-family: "Redonda";
  font-weight: 300;
  font-style: italic;
  width: 100%;
  font-size: 1.8vw;
  margin: 1vw 0 2vw 0;
  color: #3A0000;
}
#Tipogr .fonts .PosterBx .Poster {
  width: 48%;
  height: 70vh;
  background-color: #3A0000;
  border-radius: 1vw;
  margin: 1vw 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#Tipogr .fonts .PosterBx .Poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1vw;
}
#Tipogr .fonts .PosterBx .Poster span {
  padding: 0.5vw 0;
  width: 100%;
  font-size: 1vw;
  color: #FF4500;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #Tipogr .FeaturesFont {
    padding: 2vw 0 4vw 0;
  }
  #Tipogr .FeaturesFont select {
    background-position-x: 100%;
    background-position-y: 0.5vw;
    padding: 0.8vw 4vw 0 0.8vw;
    font-size: 4vw;
  }
  #Tipogr .FeaturesFont input[type=range] {
    margin-left: auto;
    width: 25vw;
    margin-right: 2vw;
  }
  #Tipogr .FeaturesFont input[type=range]::-webkit-slider-runnable-track {
    height: 1vw;
  }
  #Tipogr .FeaturesFont input[type=range]::-webkit-slider-thumb {
    height: 3vw;
    width: 3vw;
    margin-top: -1vw;
  }
  #Tipogr .abelhaNlinks {
    margin-bottom: 3vw;
  }
  #Tipogr .abelhaNlinks h2 {
    font-size: 7vw;
  }
  #Tipogr .abelhaNlinks .abelhalinks ul a {
    padding: 1vw;
    margin: 0 1vw 0 0;
    font-size: 3vw;
  }
  #Tipogr .divider {
    border: 0.1vw solid #3A0000;
    margin: 2.5vw 0;
  }
  #Tipogr .features h3 {
    font-size: 5vw;
    line-height: 4.5vw;
  }
  #Tipogr .features .BxFeatures {
    width: 100%;
    margin: 4vw 0;
    padding: 1.5vw;
  }
  #Tipogr .features .BxFeatures span {
    width: 30%;
    font-size: 3vw;
    line-height: 3vw;
    padding-right: 2vw;
  }
  #Tipogr .features .BxFeatures .changeFT {
    height: auto;
  }
  #Tipogr .features .BxFeatures .changeFT svg {
    width: 85%;
  }
  #Tipogr .features .BxFeatures .bigboi {
    height: auto;
  }
  #Tipogr .PosterBx {
    margin-bottom: 4vw;
  }
  #Tipogr .PosterBx h3 {
    font-size: 4vw;
    margin: 1vw 0 3vw 0;
  }
  #Tipogr .PosterBx .Poster {
    width: 100%;
    height: 80vw;
    border-radius: 2vw;
    margin: 1vw 0 12vw 0;
  }
  #Tipogr .PosterBx .Poster img {
    border-radius: 2vw;
  }
  #Tipogr .PosterBx .Poster span {
    padding: 1vw;
    font-size: 3vw;
  }
}
#sketch {
  width: 100%;
}
#sketch h3 {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3A0000;
  text-transform: uppercase;
}
#sketch .BlockSketch {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5vw 1vw;
  justify-content: space-between;
}
#sketch .BlockSketch h2 {
  font-family: "Redonda";
  font-weight: 700;
  font-size: 1.2vw;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 1vw;
  color: #3A0000;
  text-transform: uppercase;
}
#sketch .BlockSketch .SketchBx {
  background-color: #3A0000;
  border-radius: 1vw;
  height: 29vh;
  width: 24%;
  margin: 1vw 0;
}
#sketch .BlockSketch .SketchBx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1vw;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #sketch {
    width: 100%;
  }
  #sketch h3 {
    font-size: 6vw;
  }
  #sketch .BlockSketch {
    padding: 1.5vw;
  }
  #sketch .BlockSketch h2 {
    font-size: 4vw;
    margin: 1vw 0;
  }
  #sketch .BlockSketch .SketchBx {
    border-radius: 2vw;
    height: 50vw;
    width: 49.5%;
    margin: 1.5vw 0;
  }
  #sketch .BlockSketch .SketchBx img {
    border-radius: 2vw;
  }
}
#Studio {
  width: 100%;
  padding-top: 2vw;
}
#Studio svg {
  padding: 1vw 6vw;
  fill: #3A0000;
}
#Studio h4 {
  text-align: center;
  width: 100%;
  font-family: "Redonda";
  font-weight: 300;
  font-size: 1.1vw;
  margin: 1vw 0 2vw 0;
  color: #3A0000;
}
#Studio .linksStudio {
  font-family: "Redonda";
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 5vw;
  margin: 1vw 0 2vw 0;
}
#Studio .linksStudio a {
  font-size: 1.2vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3A0000;
  text-decoration: none;
}
#Studio .linksStudio a:hover {
  color: #FF4500;
}
#Studio .linksStudio svg {
  fill: #FF4500;
  width: 27%;
}
#Studio .StudioJobs {
  padding: 1vw;
  display: flex;
  flex-wrap: wrap;
  font-family: "Redonda";
  align-content: center;
  justify-content: space-between;
  margin-top: -5vh;
}
#Studio .StudioJobs .BxStudio {
  width: 49%;
  margin: 5vw 0 1vw 0;
  display: flex;
}
#Studio .StudioJobs .BxStudio span {
  width: 35%;
  font-size: 1vw;
  color: #FF4500;
  text-transform: uppercase;
  line-height: 1.2vw;
  padding: 0.5vw;
  border-right: 0.1vw solid #3A0000;
}
#Studio .StudioJobs .BxStudio .textStudio {
  width: 65%;
  padding: 0.5vw 2.5vw 0 1vw;
  color: #3A0000;
  font-size: 1vw;
  font-weight: 300;
}
#Studio h5 {
  text-align: center;
  width: 100%;
  font-family: "Redonda";
  font-weight: 300;
  font-size: 0.9vw;
  margin: 1vw 0 3vw 0;
  color: #3A0000;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #Studio {
    padding: 2vw 0 0 0;
  }
  #Studio svg {
    padding: 1vw 8vw;
  }
  #Studio h4 {
    font-size: 2.5vw;
    margin: 1vw 0 3vw 0;
  }
  #Studio .linksStudio {
    height: 5vw;
    margin: 2vw 0 2vw 0;
  }
  #Studio .linksStudio a {
    font-size: 2.5vw;
  }
  #Studio .linksStudio svg {
    fill: #FF4500;
    width: 20%;
  }
  #Studio .StudioJobs {
    padding: 1vw;
  }
  #Studio .StudioJobs .BxStudio {
    width: 100%;
    margin: 8vw 0 3vw 0;
  }
  #Studio .StudioJobs .BxStudio span {
    width: 30%;
    font-size: 3vw;
    line-height: 3.5vw;
  }
  #Studio .StudioJobs .BxStudio .textStudio {
    width: 70%;
    padding: 0.5vw 3vw 0 1vw;
    font-size: 3vw;
  }
  #Studio h5 {
    font-size: 3vw;
    margin: 5vw 0 1vw 0;
  }
}
#contato {
  width: 100%;
}
#contato .BxContato {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: center;
  padding: 1vw;
  font-family: "Redonda";
}
#contato .BxContato .Linkscontato {
  width: 100%;
  height: 30vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#contato .BxContato .Linkscontato h4 {
  color: #999999;
  font-weight: 700;
  margin: 0;
}
#contato .BxContato .Linkscontato a {
  background-color: #FF4500;
  color: #EDFAC9;
  padding: 0.5vw 1.5vw;
  border-radius: 5vw;
  font-size: 2vw;
  text-decoration: none;
  margin: 0.5vw 0 0 0;
  font-weight: 700;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  #contato .BxContato {
    align-content: flex-start;
    padding: 5vw 2vw 2vw 2vw;
  }
  #contato .BxContato .Linkscontato {
    width: 100%;
    height: 40vw;
    align-items: center;
  }
  #contato .BxContato .Linkscontato h4 {
    width: 100%;
    font-size: 5vw;
    text-align: center;
  }
  #contato .BxContato .Linkscontato a {
    padding: 1vw 2.5vw;
    border-radius: 5vw;
    font-size: 5vw;
    margin: 2vw 0 0 0;
  }
}
.vitorBx {
  display: flex;
  padding: 3vw;
  width: 100%;
}
.vitorBx .imgBx {
  width: 40%;
  display: flex;
  align-items: center;
}
.vitorBx .imgBx img {
  padding: 2vw;
}
.vitorBx .vitorInfo {
  width: 60%;
  padding: 2vw 2vw 2vw 4vw;
  font-family: "Redonda";
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vitorBx .vitorInfo h1 {
  width: 100%;
  color: #3A0000;
  font-size: 2.8vw;
  font-weight: 700;
}
.vitorBx .vitorInfo .textoVitor {
  padding: 0.5vw 5vw 1vw 0;
  font-weight: 100;
  font-size: 1vw;
  color: #3A0000;
}
.vitorBx .vitorInfo .textoVitor #lastF {
  font-weight: 700;
  font-size: 1.1vw;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .vitorBx {
    margin-top: 5vw;
    padding: 5vw;
    flex-wrap: wrap;
  }
  .vitorBx .imgBx {
    width: 100%;
  }
  .vitorBx .imgBx img {
    padding: 3vw;
  }
  .vitorBx .vitorInfo {
    width: 100%;
    padding: 5vw 2vw 2vw 2vw;
    text-align: center;
  }
  .vitorBx .vitorInfo h1 {
    width: 100%;
    font-size: 4.5vw;
  }
  .vitorBx .vitorInfo .textoVitor {
    padding: 2vw 0;
    font-size: 3vw;
  }
  .vitorBx .vitorInfo .textoVitor #lastF {
    margin-top: 5vw;
    font-size: 3.5vw;
  }
}
.ProjectBx {
  display: flex;
  padding: 5vw 5vw 4vw 5vw;
  width: 100%;
  flex-wrap: wrap;
  color: #3A0000;
  font-family: "Redonda";
}
.ProjectBx h3 {
  width: 100%;
  text-align: left;
  font-style: italic;
  font-weight: 300;
  font-size: 2.5vw;
}
.ProjectBx .projectGrid {
  width: 100%;
  display: flex;
  margin: 1vw 0;
  padding: 1vw;
}
.ProjectBx .projectGrid span {
  width: 15%;
  padding: 0.5vw;
  color: #3A0000;
  font-size: 1vw;
}
.ProjectBx .projectGrid .project {
  width: 85%;
  padding: 0.5vw 13vw 0.5vw 1vw;
}
.ProjectBx .projectGrid .project p {
  font-weight: 300;
  font-size: 1.15vw;
}
.ProjectBx .dones .project {
  padding: 0.5vw 6vw 0.5vw 1vw;
}
.ProjectBx .dones .project p {
  font-weight: 300;
  font-size: 1.15vw;
}
.ProjectBx .Equipe .project {
  padding: 0.5vw 5vw 0.5vw 1vw;
}
.ProjectBx .Equipe .project p {
  font-weight: 100;
  font-size: 1vw;
}
.ProjectBx .Equipe .project p a {
  margin-left: 0.5vw;
  color: #3A0000;
  font-weight: 500;
  text-decoration: none;
}
.ProjectBx .Equipe .project p a:hover {
  color: #FF4500;
}
.ProjectBx .BxImgs {
  width: 100%;
  margin: 2vw 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ProjectBx .BxImgs .ItemBX {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1vw 0;
}
.ProjectBx .BxImgs .ItemBX img {
  border-radius: 1vw;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ProjectBx .BxImgs .ItemBXPep {
  width: 50%;
  padding: 1vw;
}
.ProjectBx .BxImgs .ItemBXPep img {
  border-radius: 1vw;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ProjectBx .BxImgs .ItemBXPepIgo {
  width: 33%;
  padding: 0.5vw;
}
.ProjectBx .BxImgs .ItemBXPepIgo img {
  border-radius: 1vw;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ProjectBx .videoBlock {
  height: 68vh;
  width: 100%;
}
.ProjectBx .videoBlock iframe {
  width: 100%;
  height: 100%;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .ProjectBx {
    padding: 1vw 5vw 4vw 5vw;
    margin-top: -10vw;
  }
  .ProjectBx h3 {
    font-size: 6vw;
  }
  .ProjectBx .projectGrid span {
    width: 20%;
    font-size: 3vw;
  }
  .ProjectBx .projectGrid .project {
    width: 80%;
    padding: 0.5vw 5vw 0.5vw 1vw;
  }
  .ProjectBx .projectGrid .project p {
    font-size: 3vw;
  }
  .ProjectBx .dones .project {
    padding: 0.5vw 5vw 0.5vw 1vw;
  }
  .ProjectBx .dones .project p {
    font-size: 3vw;
  }
  .ProjectBx .Equipe .project {
    padding: 0.5vw 3vw 0.5vw 1vw;
  }
  .ProjectBx .Equipe .project p {
    font-size: 3vw;
  }
  .ProjectBx .Equipe .project p a {
    margin-left: 1vw;
  }
  .ProjectBx .BxImgs .ItemBX {
    margin: 2vw 0;
    border-radius: 2vw;
  }
  .ProjectBx .BxImgs .ItemBX img {
    border-radius: 2vw;
  }
}
.screen-loading {
  width: 100%;
  height: 100vh;
  background: #EDFAC9;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-loading svg {
  position: absolute;
  width: 10vw;
  -webkit-animation: Estrela 2.8s;
          animation: Estrela 2.8s;
}
.screen-loading svg .estrelaAnima {
  fill: #FF4500;
}
@-webkit-keyframes Estrela {
  0% {
    width: 0;
    opacity: 0;
  }
  20% {
    width: 15vw;
    opacity: 1;
  }
  40% {
    width: 10vw;
  }
  60% {
    width: 15vw;
  }
  80% {
    width: 10vw;
  }
  100% {
    width: 500vw;
  }
}
@keyframes Estrela {
  0% {
    width: 0;
    opacity: 0;
  }
  20% {
    width: 15vw;
    opacity: 1;
  }
  40% {
    width: 10vw;
  }
  60% {
    width: 15vw;
  }
  80% {
    width: 10vw;
  }
  100% {
    width: 500vw;
  }
}

.light-theme {
  background: #3A0000;
}
.light-theme .Menu {
  border-right: 1px #EDFAC9 solid;
}
.light-theme .Menu .BxLogos .Logo svg path {
  fill: #EDFAC9;
}
.light-theme .Menu .BxLogos .LongLogo .orange {
  fill: #2EB4FF;
}
.light-theme .Menu .BxLogos .LongLogo svg {
  fill: #EDFAC9;
}
.light-theme .Menu .About {
  color: #EDFAC9;
}
.light-theme .Menu .About a {
  color: #EDFAC9;
}
.light-theme .Menu .Links span {
  color: #EDFAC9;
}
.light-theme .Menu .Links .link a {
  color: #2EB4FF;
}
.light-theme .Menu h3 {
  color: #EDFAC9;
}
.light-theme .Menu .theme-switch {
  border: #EDFAC9 2px solid;
}
.light-theme .Menu .theme-switch .switch {
  background: #EDFAC9;
  transform: translateX(2.4vw);
}
.light-theme .content .MenuInside .MenuSd {
  color: #EDFAC9;
}
.light-theme .content .MenuInside .active {
  color: #2EB4FF;
}
.light-theme .content .MenuInside .iconFts .iconsFT {
  background: #EDFAC9;
}
.light-theme #Design h2 a {
  color: #EDFAC9;
}
.light-theme #Design h2 a:hover {
  color: #2EB4FF;
}
.light-theme #Foto .blockfts h2 {
  color: #EDFAC9;
}
.light-theme #Foto .blockfts .FotoBx {
  background: #EDFAC9;
}
.light-theme #Tipogr .FeaturesFont select {
  background-image: url("data:image/svg+xml;utf8,<svg height='20' width='20' fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.73 11.02'><g fill='white' id='Camada_2' data-name='Camada 2'><g fill='white' id='Camada_1-2' data-name='Camada 1'><polygon fill='white' points='11.94 11.02 8.79 11.02 0 3.88 3.15 0 10.36 5.86 17.58 0 20.73 3.88 11.94 11.02'/></g></g></svg>");
  color: #EDFAC9;
}
.light-theme #Tipogr .FeaturesFont input[type=range] {
  background-color: #3A0000;
}
.light-theme #Tipogr .FeaturesFont input[type=range]::-webkit-slider-runnable-track {
  background: #EDFAC9;
}
.light-theme #Tipogr .FeaturesFont input[type=range]::-webkit-slider-thumb {
  background: #EDFAC9;
}
.light-theme #Tipogr .FeaturesFont input[type=range]:focus::-webkit-slider-runnable-track {
  background: #EDFAC9;
}
.light-theme #Tipogr .abelhaNlinks h2 {
  color: #EDFAC9;
}
.light-theme #Tipogr .abelhaNlinks .abelhalinks ul a {
  color: #EDFAC9;
}
.light-theme #Tipogr .divider {
  border: 1px solid #EDFAC9;
}
.light-theme #Tipogr .features h3 {
  color: #EDFAC9;
}
.light-theme #Tipogr .features .BxFeatures span {
  color: #2EB4FF;
}
.light-theme #Tipogr .PosterBx h3 {
  color: #EDFAC9;
}
.light-theme #Tipogr .PosterBx .Poster {
  background-color: #EDFAC9;
}
.light-theme #Tipogr .PosterBx .Poster span {
  color: #2EB4FF;
}
.light-theme #sketch h3 {
  color: #EDFAC9;
}
.light-theme #sketch .BlockSketch h2 {
  color: #EDFAC9;
}
.light-theme #sketch .BlockSketch .SketchBx {
  background-color: #EDFAC9;
}
.light-theme #Studio svg {
  fill: #EDFAC9;
}
.light-theme #Studio h4 {
  color: #EDFAC9;
}
.light-theme #Studio .linksStudio a {
  color: #EDFAC9;
}
.light-theme #Studio .linksStudio a:hover {
  color: #2EB4FF;
}
.light-theme #Studio .linksStudio svg {
  fill: #2EB4FF;
}
.light-theme #Studio .StudioJobs .BxStudio span {
  color: #2EB4FF;
  border-right: 0.1vw solid #EDFAC9;
}
.light-theme #Studio .StudioJobs .BxStudio .textStudio {
  color: #EDFAC9;
}
.light-theme #Studio h5 {
  color: #EDFAC9;
}
.light-theme #contato .BxContato .Linkscontato a {
  background-color: #2EB4FF;
}
.light-theme .vitorBx .vitorInfo h1 {
  color: #EDFAC9;
}
.light-theme .vitorBx .vitorInfo .textoVitor {
  color: #EDFAC9;
}
.light-theme .ProjectBx {
  color: #EDFAC9;
}
.light-theme .ProjectBx .projectGrid span {
  color: #EDFAC9;
}
.light-theme .ProjectBx .Equipe .project p a {
  color: #EDFAC9;
}
.light-theme .ProjectBx .Equipe .project p a:hover {
  color: #2EB4FF;
}

/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .light-theme .Menu {
    border-right: none;
    border-bottom: 1px #EDFAC9 solid;
    background-color: #3A0000;
  }
  .light-theme .Menu .linksPhone .phoneLink {
    border: 1px solid rgb(221, 221, 221);
    background-color: #3A0000;
    box-shadow: 0 10px 10px rgba(255, 255, 255, 0.3);
  }
  .light-theme .Menu .theme-switch {
    border: #EDFAC9 0.2vw solid;
  }
  .light-theme .Menu .theme-switch .switch {
    transform: translateX(6.3vw);
  }
}/*# sourceMappingURL=style.css.map */