.mb-full {
  margin-bottom: 10rem;
}
.mt-full {
  margin-top: 10rem;
}
@font-face {
  font-family: CaviarDreams;
  src: url("/fonts/CaviarDreams.ttf");
  font-display: swap;
}
@font-face {
  font-family: CaviarDreams_Bold;
  src: url("/fonts/CaviarDreams_Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: Cocogoose;
  src: url("/fonts/CocogooseProUltralight.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Cocogoose Bold";
  src: url("/fonts/Cocogoose_trial.otf");
  font-display: swap;
}
@font-face {
  font-family: REZ;
  src: url("/fonts/REZ.ttf");
  font-display: swap;
}
body {
  font-family: CaviarDreams;
  overflow-x: hidden;
}
.box-load {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #d3d3d3;
  overflow: hidden;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-load .pre {
  width: 70px;
  height: 70px;
  background-image: url("/img/loading.webp");
  background-position: center;
  background-size: contain;
  -webkit-animation: load 2s infinite linear;
          animation: load 2s infinite linear;
}
@-webkit-keyframes load {
  to {
    transform: rotate(360deg);
  }
}
@keyframes load {
  to {
    transform: rotate(360deg);
  }
}
.col-xll-1,
.col-xll-2,
.col-xll-3,
.col-xll-4,
.col-xll-5,
.col-xll-6,
.col-xll-7,
.col-xll-8,
.col-xll-9,
.col-xll-10,
.col-xll-11,
.col-xll-12,
.col-xll,
.col-xll-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.btn-primary {
  background-color: #0095d4;
  border-color: #0095d4;
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #00548b;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #00548b80;
}
.gp-nav-up {
  background-color: #fffffff2;
  position: fixed;
  z-index: 9999;
  width: 100%;
  transition: 0.5s ease-in, 0.5 ease-out;
}
.gp-nav-up .social-media .plate {
  top: 66px;
}
.gp-nav-up .social-media .plate > :first-child {
  height: 30px;
}
.carousel .carousel-item {
  isolation: isolate;
  color: #fff;
  height: 100vh;
  background-size: cover;
}
.carousel .carousel-item .content-carousel {
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0 15%;
  justify-items: center;
  align-items: center;
}
.carousel .carousel-item .content-carousel::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
  background: #001a2b;
  mix-blend-mode: multiply;
}
.carousel .carousel-item .content-carousel .text-content-carousel {
  text-align: left;
}
.carousel .carousel-item .content-carousel .text-content-carousel .letter-main {
  font-size: 7.7em;
  font-weight: 900;
  font-family: "Cocogoose Bold";
  color: #fff;
  line-height: 0;
}
.carousel .carousel-item .content-carousel .text-content-carousel .word {
  color: #3aaedf;
  font-size: 2em;
  font-family: REZ;
  margin-left: -1.2em;
}
.carousel .carousel-item .content-carousel .text-content-carousel .word.startLetterD {
  margin-left: -1.58em;
}
.carousel .carousel-item .content-carousel .text-content-carousel .words-video {
  font-weight: bold;
  font-size: 2.5em;
  font-family: "Cocogoose Bold";
  text-shadow: 0.1em 0.1em 0.7em #3aaedf;
}
.carousel .carousel-item .content-carousel .text-content-carousel .typed-cursor {
  font-weight: bold;
  color: #3aaedf;
  font-size: 2.8em;
}
.carousel .carousel-item .content-carousel .text-content-carousel .phrase-video {
  font-family: CaviarDreams_Bold;
  font-weight: bold;
  color: #fff;
  font-size: 1.6em;
  margin-bottom: 1.5rem;
}
.carousel .carousel-item .content-carousel .text-content-carousel .description {
  text-align: justify;
  font-family: CaviarDreams;
}
#carouselBlogNews.carousel .carousel-item {
  height: 74vh;
  color: #000;
}
.banner img {
  width: 100%;
}
.banner .contact .img-parallax {
  background-image: url(/img/c_img2.jpg);
}
.banner .carrer .img-parallax {
  background-image: url(/img/carrer_img.jpg);
  background-position: top left;
}
.banner .img-parallax {
  background-attachment: fixed;
  background-position: top right;
  height: 22em;
  width: 16em;
  margin: -9px 0 0 2px;
  display: inline-block;
}
.banner .img-parallax img {
  height: 25em;
  width: auto;
}
.banner .banner-text {
  align-self: center;
}
.btn-outline-giga {
  background-color: transparent;
  border-color: #0095d4;
  color: #0095d4;
}
.btn-outline-giga:hover {
  color: #ffffff;
  background-color: #0095d4;
}
.form-contact input,
.form-contact textarea,
.form-contact input:focus,
.form-contact textarea:focus {
  width: 100%;
  margin-bottom: 20px;
  padding: 3px 3px 3px 15px;
  border: 1px solid #333333;
}
.form-contact input:focus,
.form-contact textarea:focus {
  outline: none;
  border: 2px solid #0095d4;
}
.form-contact input:hover,
.form-contact textarea:hover {
  border-color: #0095d4;
}
.form-contact textarea {
  border-radius: 0 20px 20px 20px;
}
.newsletter {
  background-color: #0095d4;
  color: #ffffff;
  position: relative;
  z-index: 100;
}
.newsletter input {
  width: 70%;
  border: none;
  border-bottom: 1px solid white;
  background-color: transparent;
  transition: width 1s;
  color: white;
}
.newsletter input:focus {
  border-bottom: 2px solid white;
  outline: none;
}
#owl-demo .item {
  margin: 20px;
  text-decoration: none;
  color: black;
}
#owl-demo .item:hover {
  color: #333333;
}
#owl-demo .item:hover .data {
  color: #00548b;
}
#owl-demo .item .data {
  color: #0095d4;
}
#owl-demo .item .card {
  margin: auto;
}
#owl-demo .item .card .more {
  text-align: center;
}
.gp-rb {
  text-align: center;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 9999;
}
.gp-rb a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.5em;
  padding: 15px;
  border-radius: 50%;
  background-color: #0095d4;
}
.gp-rb:hover a {
  background-color: #00548b;
}
#cardress {
  position: fixed;
  left: 2rem;
  top: 20rem;
  display: block;
  max-width: 25%;
}
footer {
  background-color: #0c0c1e;
  color: #ffffff;
  position: relative;
  z-index: 100;
}
footer ul {
  list-style: none;
  padding-left: 1.2em;
}
footer ul li {
  line-height: 2.5em;
}
footer ul a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.5s;
}
footer ul a .pi {
  font-size: 1.5rem;
}
footer ul a strong {
  font-size: 1.2rem;
  margin-right: 0.2em;
}
footer ul a:hover {
  color: #3aaedf;
  font-size: 1.1rem;
  text-decoration: none;
}
footer .social a {
  padding: 0.2em 0.52em;
}
.navbar {
  font-size: 1.1rem;
}
.navbar .navbar-collapse {
  position: fixed;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block;
  background: #f5f5f5;
  z-index: 99;
  width: 280px;
  height: 100% !important;
  left: -280px;
  top: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-collapse.show {
  display: block !important;
  left: 0;
  padding: 1.2em;
  line-height: 3.5em;
}
.navbar .nav-item .dropdown-menu {
  display: none;
}
.navbar .social-media button,
.navbar .social-media a {
  background-color: #333333;
  color: #fff !important;
  padding: 0.5rem 0.8rem;
  font-size: 1rem;
}
.navbar .social-media button:hover,
.navbar .social-media a:hover {
  background-color: #3aaedf;
  border-color: #3aaedf;
}
.navbar .social-media .dropdown-menu {
  left: 75%;
  padding: 1em;
}
.navbar .social-media .dropdown-menu a {
  background-color: #fff;
  color: #001a2b !important;
  font-weight: bold;
  font-size: 1.5em;
}
.navbar .social-media .dropdown-menu a:hover {
  background-color: #d3d3d3;
  border-radius: 15px;
}
.navbar .social-media .dropdown-menu.show {
  display: block;
}
.navbar .navbar-nav .nav-item a {
  color: #333333;
  cursor: pointer;
}
.navbar .navbar-nav .nav-item a:hover,
.navbar .navbar-nav .nav-item a.active {
  font-weight: bold;
  color: #3aaedf;
}
.navbar .navbar-nav .nav-item a .pi {
  font-size: 1.4rem;
}
.divSidebar {
  display: none;
}
.divSidebar #sidebar ul {
  list-style-type: none;
}
.divSidebar #sidebar ul .divDashed {
  border-left: 2px dashed #001a2b;
  padding: 0px;
}
.divSidebar #sidebar ul .divDashed .text-darkblue {
  color: #001a2b !important;
}
.divSidebar #sidebar ul .divDashed li {
  margin-top: 1em;
  color: #001a2b;
  margin-left: -0.5em;
}
.divSidebar #sidebar ul .divDashed li span {
  color: #d3d3d3;
  font-size: 2em;
  font-weight: bold;
}
.divSidebar #sidebar ul .divDashed li a {
  margin-left: -1.5em;
  font-size: 0.8em;
  font-weight: bold;
  color: #001a2b;
  text-decoration: none;
}
.divSidebar #sidebar ul .divDashed li a:hover {
  margin-left: -0.8em;
  font-size: 0.87em;
  color: #0095d4;
}
.divSidebar #sidebar ul .divDashed li:first-child,
.divSidebar #sidebar ul .divDashed li:last-child {
  margin-left: -1em;
}
.btn-whatsapp {
  position: fixed;
  bottom: 3%;
  right: 2.2%;
  z-index: 999;
  padding: 0.65em 1em;
}
.gp-session {
  margin-bottom: 7em;
}
.gp-session .img-parallax {
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-size: contain;
}
.gp-session .img-parallax .letter-parallax {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  text-transform: uppercase;
  color: #000;
  mix-blend-mode: screen;
  line-height: 1em;
  font-weight: 700;
  font-family: "Cocogoose Bold";
  font-size: 7.35em;
}
.gp-session .img-parallax.img-branding {
  background-image: url(/img/body_home/letter-branding.webp);
}
.gp-session .img-parallax.img-design {
  background-image: url(/img/body_home/letter-design.webp);
  background-position: -15em -2em;
}
.gp-session .img-parallax.img-marketing {
  background-image: url(/img/body_home/letter-marketing.webp);
  background-position: -9em -1em;
}
.gp-session .img-parallax.img-marketing .letter-parallax {
  font-size: 6.15em;
}
.gp-session .img-parallax.img-developer {
  background-image: url(/img/body_home/letter-developer.webp);
  background-position: -14em -7em;
}
.gp-session .text .title {
  font-size: 1.6em;
  padding-bottom: 0.3em;
  font-weight: bold;
}
.gp-session .text .text-medium,
.gp-session .text .numbers {
  font-size: 0.95em;
}
.gp-session .text .text-small,
.gp-session .text .text-numbers {
  font-size: 0.8em;
}
.gp-session .text .numbers {
  color: #3aaedf;
}
.gp-session .text .text-numbers {
  color: #001a2b;
  font-weight: bold;
}
.gp-session a {
  margin-left: 45%;
}
.gp-session .skillsDeveloper {
  font-weight: bold;
  font-size: 0.75em;
  line-height: 1.9em;
}
.gp-session .skillsDeveloper div:hover {
  color: #3aaedf;
}
.gp-session .skillsDeveloper div:hover .plusSkills {
  display: none;
}
.gp-session .scrollMagic-pin_container .panel {
  float: left;
  height: 100vh;
  background-color: #fff;
  display: flex;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll {
  align-items: center;
  align-content: center;
  margin-left: 5%;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll a {
  margin-left: 41%;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll .img-inside-p {
  width: 60%;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio figure button,
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure button {
  visibility: hidden;
  position: absolute;
  top: 84%;
  left: 0;
  z-index: -999;
  transition: all ease-in 0.5s;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio figure:hover,
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure:hover {
  box-shadow: 7px 10px 30px 0 #d3d3d3;
  transform: scale(1.01);
  cursor: pointer;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure figcaption p.text-muted,
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure figcaption p.text-muted {
  font-size: 0.65em;
}
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure:hover button,
.gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure:hover button {
  top: 95%;
}
.gp-session:nth-child(even) .text,
.gp-session:nth-child(even) .skillsDeveloper {
  padding-left: 1.5em;
}
.gp-session:nth-child(odd) .text {
  padding-right: 2em;
}
.gp-session:not(:nth-child(3)) video {
  height: 22vh;
}
.initial-banner .gp-session {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
}
.initial-banner .gp-session .img-parallax {
  height: 7.7em;
}
.initial-banner .gp-session .img-parallax .letter-parallax {
  font-size: 7.7em;
}
.initial-banner .gp-session .word-letter {
  margin-top: -3.5em;
  margin-left: -1.9em;
}
.initial-banner .gp-session .word-letter h1 {
  font-size: 2em;
  font-family: CaviarDreams_Bold;
  color: #3aaedf;
  font-weight: bold;
}
.btnPortfolioOrder a:hover span {
  padding-right: 25px;
}
.btnPortfolioOrder a:hover span::after {
  opacity: 1;
  right: 0;
}
.btnPortfolioOrder a span {
  position: relative;
  transition: 0.5s;
  font-weight: bold;
}
.btnPortfolioOrder a span::after {
  content: "\279E";
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
}
.containerPixelblog {
  margin: 0;
  padding: 14px 0;
  text-align: center;
  background-color: #060c2d;
}
.containerPixelblog .btnBack {
  padding: 0.4rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: bold;
}
.containerPixelblog img {
  width: 67%;
}
.containerPixelblog .socialMediaBlog {
  display: none;
}
.containerBlogCategory {
  background-color: #f2f2f2;
}
.containerBlogCategory .search {
  position: relative;
}
.containerBlogCategory .search .btn {
  position: absolute;
  top: 0;
  right: 14%;
  z-index: 10;
  border: none;
  background: transparent;
  outline: none;
}
.containerBlogCategory .search input {
  width: 80%;
  border-radius: 50px;
  margin: 0 auto;
}
.containerBlogCategory .categories {
  height: 100%;
  display: none;
}
.containerBlogCategory .categories a {
  cursor: pointer;
  text-decoration: none;
  color: #50555a;
}
.containerBlogCategory .categories a:hover {
  font-weight: bold;
}
.containerBlogTags {
  background-color: #e6e6e6;
}
.containerBlogTags #btnTags {
  border: none;
  color: #7e7e7e;
}
.containerBlogTags #btnTags:hover {
  background-color: transparent;
}
.containerBlogTags a.dropdown-item {
  cursor: pointer;
}
.posts .card .card-body {
  padding: 1em;
}
.posts .card .card-body .card-text {
  font-size: 0.65em;
}
.posts .card .card-body .card-text p {
  margin: 0;
}
.posts .card .card-body .card-title {
  font-family: "Cocogoose Bold";
  color: #000;
}
.posts .card .card-body .card-title h5 {
  font-size: 0.98em;
}
.posts .card .card-body .card-title .subtitle {
  font-family: cocogoose;
  font-size: 0.7em;
  font-weight: bold;
}
.posts .card .card-body .date {
  font-size: 0.6em;
  margin: 0;
  font-family: CaviarDreams_bold;
  color: #0095d4;
}
.posts .card:hover {
  transform: scale(1.05);
  cursor: pointer;
  box-shadow: 7px 10px 30px 0 #b4b4b4;
}
.posts .alertWithoutBlogPost {
  width: 40%;
  margin: 0 auto;
}
.posts,
.blogDetails {
  background-image: url("/img/background-blog.svg");
  background-size: 50%;
  background-repeat: repeat;
  padding: 1em 1em;
}
.blogDetails .hideMobile {
  display: none;
}
.blogDetails .content {
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 2em;
}
.blogDetails .content .content-header {
  text-align: justify;
  word-break: break-word;
}
.blogDetails .content .content-header h2 {
  font-size: 1.42em;
}
.blogDetails .content .content-header .subtitle {
  font-family: cocogoose;
  font-weight: bold;
  color: #001a2b;
  font-size: 0.9em;
}
.blogDetails .content .content-header .date {
  color: #0095d4;
  font-weight: bold;
  font-size: 0.8em;
}
.blogDetails .content .content-body img {
  width: 100%;
  border: 6px solid rgba(0, 0, 0, 0.125);
}
.blogDetails .content .content-body .text-justify {
  font-size: 0.85em;
}
.blogDetails .content .content-body .btnLike {
  padding: 0.4rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: bold;
}
.blogDetails .card-information p strong {
  font-family: cocogoose;
}
.blogDetails .card-news-posts .card-title {
  font-family: "Cocogoose Bold";
  color: #001a2b;
}
.blogDetails .card-news-posts .date {
  color: #0095d4;
  font-weight: bold;
  font-size: 0.85em;
}
.blogDetails .card-news-posts .newPost:hover {
  background-color: #3aaedf25;
  cursor: pointer;
}
.blogDetails .divComments {
  padding: 2em;
}
.blogDetails .divComments h4 {
  font-size: 1.42em;
}
.blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex h5 {
  margin: 0;
}
.blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex h5 span {
  font-size: 0.85em;
}
.blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex small {
  font-size: 0.6em;
  font-weight: bold;
}
.blogDetails .divComments #comments .li-comment .list-group-item .answer {
  cursor: pointer;
  float: right;
  color: #00548b;
}
.blogDetails .divComments #comments .li-comment .list-group-item .answer:hover {
  text-decoration: none;
  color: #0095d4;
}
.blogDetails .divComments #comments .li-comment .list-group-item .email {
  font-size: 0.65em;
}
.blogDetails .divComments #comments .li-comment .list-group-item .comment {
  font-size: 0.8em;
}
.blogDetails .divComments #comments h6 a {
  font-size: 0.97em;
}
.badge-afbtn {
  background-color: #00548b;
  color: #fff;
  font-weight: bold;
}
.btn-outline-darkblue {
  color: #001a2b;
  border-color: #001a2b;
}
.btn-outline-darkblue:hover {
  color: #fff;
  border-color: #fff;
  background-color: #001a2b;
}
.btn-darkblue {
  color: #fff;
  background-color: #001a2b;
}
.btn-darkblue:hover {
  color: #001a2b;
  border-color: #001a2b;
  background-color: #fff;
}
.walk-with-scroll-content {
  position: -webkit-sticky;
  position: sticky;
  top: 7em;
}
.title-cocogoose-darkblue {
  font-family: "Cocogoose Bold";
  color: #001a2b;
}
.title-CaviarDreams-darkblue {
  font-family: CaviarDreams;
  color: #001a2b;
  font-weight: bold;
}
#btnSubmit[disabled] {
  cursor: not-allowed;
}
.contentPage .row {
  background-size: 50% 75%;
  background-repeat: no-repeat;
}
.container-content-portfolio .nav-portfolio {
  border-radius: 15px;
  background-color: #0095d4;
}
.container-content-portfolio .nav-portfolio .nav-item a {
  color: #fff;
  font-weight: bold;
}
.container-content-portfolio .nav-portfolio .nav-item a.nav-link.active {
  background-color: transparent;
  color: #ffc107;
}
.container-content-portfolio .nav-portfolio .nav-item a:hover {
  color: #3aaedf;
}
.container-content-portfolio .col .card-portfolio {
  background-color: transparent;
  border: none;
}
.container-content-portfolio .col .card-portfolio button {
  visibility: hidden;
  position: absolute;
  top: 94.5%;
  left: 0;
  z-index: -999;
  transition: all ease-in 0.5s;
}
.container-content-portfolio .col .card-portfolio:hover {
  box-shadow: 7px 10px 30px 0 #d3d3d3;
  cursor: pointer;
  z-index: 999;
}
.container-content-portfolio .col .card-portfolio:hover button {
  visibility: visible;
  top: 97%;
}
.container-content-portfolio .col .card-portfolio:hover .card-body p {
  visibility: visible;
  display: block;
}
.container-content-portfolio .col .card-portfolio .card-body .card-title {
  border-bottom: 2px solid #0095d4;
}
.container-content-portfolio .col .card-portfolio .card-body p {
  transition: all ease-in 0.2s;
  visibility: hidden;
  display: none;
}
.balloonDeposition {
  border: 1px solid #ddd;
  padding: 1.3em;
  border-radius: 40px 40px 40px 0;
  margin-left: 1.6em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .navbar {
    transition: 0.5s ease;
  }
  .navbar .navbar-brand {
    width: 70%;
  }
  .navbar .navbar-brand .logo {
    height: 45px;
    background-position: 0px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  footer .slogan-logo {
    font-size: 1.4em;
    padding-top: 0.3em;
  }
  footer > .row {
    padding: 0.5em;
  }
  footer .divTopics {
    text-align: center;
  }
  footer .divTopics hr {
    border: 1px solid #0095d4;
  }
  footer a[data-toggle="collapse"] {
    font-size: 1.1em;
    color: #fff;
    font-weight: bold;
  }
  footer a[data-toggle="collapse"] .icon-dropdown {
    visibility: visible;
    font-size: 0.9em;
  }
  footer a[data-toggle="collapse"]:focus,
  footer a[data-toggle="collapse"]:hover {
    text-decoration: none;
  }
  footer a.up {
    padding: 0.2rem 1.2rem;
    font-size: 2rem;
  }
  footer ul {
    padding-left: 0em;
  }
  footer .social a {
    font-size: 1rem !important;
  }
  .contentPage section h1 {
    font-size: 2.2em;
  }
  .contentPage section h4 {
    font-size: 1.4em;
  }
  .container-content-portfolio .nav-portfolio .nav-item a {
    padding: 0.5em 0.1em;
    font-size: 0.9em;
  }
  .container-content-portfolio .col .card-portfolio .card-body p {
    visibility: visible;
    display: block;
  }
}
@media (min-width: 576px) {
  .navbar {
    transition: 0.5s ease;
  }
  .navbar .navbar-brand {
    width: 70%;
  }
  .navbar .navbar-brand .logo {
    height: 50px;
    background-position: 0px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  footer .slogan-logo {
    font-size: 1.4em;
    padding-top: 0.3em;
  }
  footer > .row {
    padding: 0.5em;
  }
  footer .divTopics {
    text-align: center;
  }
  footer .divTopics hr {
    border: 1px solid #0095d4;
  }
  footer a[data-toggle="collapse"] {
    font-size: 1.1em;
    color: #fff;
    font-weight: bold;
  }
  footer a[data-toggle="collapse"] .icon-dropdown {
    visibility: visible;
    font-size: 0.9em;
  }
  footer a[data-toggle="collapse"]:focus,
  footer a[data-toggle="collapse"]:hover {
    text-decoration: none;
  }
  footer a.up {
    padding: 0.2rem 1.2rem;
    font-size: 2rem;
  }
  footer ul {
    padding-left: 0em;
  }
  footer .social a {
    font-size: 1rem !important;
  }
  .divSidebar {
    display: block;
  }
  .divSidebar #sidebar ul {
    margin-left: -2em;
    font-size: 0.7em;
  }
  .gp-session .img-parallax .letter-parallax {
    font-size: 10em;
  }
  .gp-session .img-parallax.img-marketing {
    background-position: -7em -1em;
  }
  .gp-session .img-parallax.img-marketing .letter-parallax {
    font-size: 9.8em;
  }
  .gp-session .img-parallax.img-design {
    background-position: -23em -2em;
  }
  .gp-session .img-parallax.img-developer {
    background-position: -21em -7em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll {
    margin-left: 16%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure figcaption p.text-muted,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure figcaption p.text-muted {
    font-size: 0.7em;
  }
  .containerPixelblog .btnBack {
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.4;
    font-weight: bold;
  }
  .containerPixelblog img {
    width: 50%;
  }
  .posts .card .card-body .card-text {
    font-size: 0.7em;
  }
  .posts .card .card-body .card-title h5 {
    font-size: 1.05em;
  }
  .posts .card .card-body .card-title .subtitle {
    font-size: 0.75em;
  }
  .posts .card .card-body .date {
    font-size: 0.63em;
  }
  .initial-banner .gp-session .word-letter {
    margin-left: -6.8em;
  }
  .contentPage section h1 {
    font-size: 2.2em;
  }
  .contentPage section h4 {
    font-size: 1.4em;
  }
  .container-content-portfolio .col .card-portfolio .card-body p {
    visibility: visible;
    display: block;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: fixed;
  }
  .navbar {
    transition: 0.5s ease;
  }
  .navbar .navbar-brand {
    width: 70%;
  }
  .navbar .navbar-brand .logo {
    height: 55px;
    background-position: 0px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item p {
    display: none;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item h6 {
    font-size: 17px;
  }
  footer .slogan-logo {
    font-size: 1.6em;
    padding-top: 0.3em;
  }
  footer > .row {
    padding: 0.5em;
  }
  footer .divTopics {
    text-align: center;
  }
  footer .divTopics hr {
    border: 1px solid #0095d4;
  }
  footer a[data-toggle="collapse"] {
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
  }
  footer a[data-toggle="collapse"] .icon-dropdown {
    visibility: visible;
    font-size: 0.9em;
  }
  footer a[data-toggle="collapse"]:focus,
  footer a[data-toggle="collapse"]:hover {
    text-decoration: none;
  }
  footer a.up {
    padding: 0.2rem 1.2rem;
    font-size: 2rem;
  }
  footer ul,
  footer li {
    padding-left: 0em;
    font-size: 1.02em;
  }
  footer .social a {
    font-size: 1.2rem !important;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .letter-main {
    font-size: 9em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .word {
    font-size: 2.5em;
    margin-left: -1.1em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .word.startLetterD {
    margin-left: -1.47em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .words-video {
    font-size: 3.5em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .typed-cursor {
    font-size: 3.8em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .phrase-video {
    font-size: 2em;
  }
  .divSidebar {
    display: block;
  }
  .divSidebar #sidebar ul {
    margin-left: 0;
    font-size: 0.81em;
  }
  .gp-session .img-parallax .letter-parallax {
    font-size: 12.5em;
  }
  .gp-session .img-parallax.img-marketing .letter-parallax {
    font-size: 11em;
  }
  .gp-session .img-parallax.img-design {
    background-position: -30em -5em;
  }
  .gp-session .img-parallax.img-developer {
    background-position: -28em -9em;
  }
  .gp-session .text .text-medium {
    font-size: 1em;
  }
  .gp-session .text .text-small {
    font-size: 0.88em;
  }
  .gp-session .text .numbers {
    font-size: 2em;
  }
  .gp-session .text .text-numbers {
    font-size: 0.9em;
    margin-bottom: 5.5em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll {
    margin-left: 18%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure figcaption p.text-muted,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure figcaption p.text-muted {
    font-size: 0.7em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros a,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions a {
    margin: 70% 28%;
  }
  .containerPixelblog .socialMediaBlog {
    display: block;
  }
  .containerPixelblog img {
    width: 70%;
  }
  .containerBlogCategory .categories {
    display: inline-block;
    font-size: 0.9em;
  }
  .containerBlogCategory .search input {
    width: 100%;
  }
  .containerBlogCategory .search .btn {
    right: 10%;
  }
  .posts .card .card-body .card-text {
    font-size: 0.9em;
  }
  .posts .card .card-body .card-title h5 {
    font-size: 1.25em;
  }
  .posts .card .card-body .card-title .subtitle {
    font-size: 0.815em;
  }
  .posts .card .card-body .date {
    font-size: 0.7em;
  }
  .blogDetails .text-right.hideMobile {
    display: block;
  }
  .blogDetails .text-right.hideMobile a.btn-outline-darkblue {
    padding: 0.5rem 0.9rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .blogDetails .content {
    padding: 2em 4em;
  }
  .blogDetails .content .content-header h2 {
    font-size: 1.8em;
  }
  .blogDetails .content .content-header .subtitle {
    font-size: 1.05em;
  }
  .blogDetails .content .content-header .date {
    font-size: 0.85em;
  }
  .blogDetails .content .content-body .text-justify {
    font-size: 0.9em;
  }
  .blogDetails .divComments {
    padding: 2em 4em;
  }
  .blogDetails .divComments h4 {
    font-size: 1.5rem;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex h5 span {
    font-size: 1.25rem;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex small {
    font-size: 0.7em;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .email {
    font-size: 0.7em;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .comment {
    font-size: 0.82em;
  }
  .initial-banner .gp-session .img-parallax {
    height: 9em;
  }
  .initial-banner .gp-session .img-parallax .letter-parallax {
    font-size: 9em;
  }
  .initial-banner .gp-session .word-letter {
    margin-left: 0.05em;
    margin-top: -4.1em;
  }
  .initial-banner .gp-session .word-letter h1 {
    font-size: 2.5em;
  }
  .container-content-portfolio .col:nth-child(2n) {
    margin-top: 5em;
  }
}
@media (min-width: 992px) {
  .navbar {
    transition: 0.5s ease;
  }
  .navbar .navbar-collapse {
    position: initial;
    left: 0px;
    background: transparent;
    overflow-y: unset !important;
    overflow-x: unset !important;
    width: 100%;
    display: flex !important;
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
  }
  .navbar .navbar-brand {
    width: 180px;
  }
  .navbar .navbar-brand .logo {
    width: 78px;
    height: 65px;
    background-position: 33px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s;
    transform: scale(1.1);
  }
  .navbar .navbar-brand .logo:hover {
    width: 210px;
    background-position: 0px;
  }
  .navbar .nav-item .dropdown-menu.show {
    display: block;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item {
    line-height: 1.4em !important;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item p {
    display: inline-block;
    font-size: 0.89em;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item .titleDropdownMenu {
    font-size: 0.95em;
  }
  .navbar .dropdown-menu {
    margin-top: -0.9rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .navbar .social-media button,
  .navbar .social-media a {
    padding: 0.359rem 0.59rem;
    font-size: 0.75rem;
  }
  footer .slogan-logo {
    font-size: 1.8em;
    padding-top: 0.3em;
    padding-bottom: 1em;
  }
  footer > .row {
    padding: 0.5em;
  }
  footer .divTopics {
    text-align: left;
  }
  footer .divTopics hr {
    border: none;
  }
  footer .divTopics .collapse {
    display: block;
    padding-left: 1.5em;
  }
  footer a[data-toggle="collapse"] {
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
  }
  footer a[data-toggle="collapse"] .icon-dropdown {
    visibility: hidden;
    font-size: 0.9em;
  }
  footer a[data-toggle="collapse"]:focus,
  footer a[data-toggle="collapse"]:hover {
    text-decoration: none;
  }
  footer a.up {
    padding: 0.28rem 1.6rem;
    font-size: 2.5rem;
  }
  footer ul,
  footer li {
    padding-left: 0em;
    font-size: 1.02em;
  }
  footer .social a {
    font-size: 1.4rem !important;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .words-video {
    font-size: 2.5em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .typed-cursor {
    font-size: 2.8em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .phrase-video {
    font-size: 1.6em;
  }
  .carousel .carousel-item .content-carousel .media-content-carousel {
    display: inline-block;
  }
  .gp-session .img-parallax .letter-parallax {
    font-size: 15em;
  }
  .gp-session .img-parallax.img-marketing {
    background-position: -17em -1em;
  }
  .gp-session .img-parallax.img-marketing .letter-parallax {
    font-size: 12.5em;
  }
  .gp-session .img-parallax.img-design {
    background-position: 26em -6em;
  }
  .gp-session .img-parallax.img-developer {
    background-position: -42em -9em;
  }
  .gp-session .skillsDeveloper {
    font-size: 0.8em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .img-inside-p {
    width: 40%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio a,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros a,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions a {
    margin: 2% 48%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio figure figcaption {
    margin-bottom: 1em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio figure:hover,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure:hover {
    z-index: 999;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio figure:hover button,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure:hover button {
    visibility: visible;
    top: 97%;
  }
  .gp-session:nth-child(1) video,
  .gp-session:nth-child(2) video {
    height: 25vh;
  }
  .gp-session:nth-child(4) video {
    height: 100%;
  }
  .gp-session:nth-child(4) a {
    margin-left: 54%;
    margin-top: 2%;
  }
  .gp-session:nth-child(2) a {
    margin-left: 50%;
  }
  .gp-session:nth-child(odd) a {
    margin-left: 40%;
  }
  .blogDetails .hideMobile {
    display: block;
  }
  .blogDetails .card-information {
    font-size: 0.9em;
  }
  .blogDetails .card-news-posts .card-title {
    font-size: 1.2em;
  }
  .blogDetails .card-news-posts p.title-cocogoose-darkblue {
    font-size: 0.85em;
  }
  .blogDetails .card-news-posts .date {
    font-size: 0.65em;
  }
  .initial-banner .gp-session .word-letter {
    margin-left: -2.8em;
    margin-top: -4em;
  }
  .container-content-portfolio .nav-portfolio .nav-item a {
    padding: 0.5em 1em;
    font-size: 1em;
  }
  .container-content-portfolio .col:nth-child(2n) {
    margin-top: 7em;
  }
  .container-content-portfolio .col .card-portfolio .card-body p {
    visibility: hidden;
    display: none;
  }
}
@media (min-width: 1200px) {
  .banner-space {
    margin-top: 10em;
  }
  .page-x {
    width: 1222px;
  }
  .navbar {
    transition: 0.5s ease;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item {
    line-height: 1.4em !important;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item p {
    display: inline-block;
    font-size: 0.9em;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item .titleDropdownMenu {
    font-size: 1em;
  }
  .navbar .navbar-brand {
    width: 195px;
  }
  .navbar .navbar-brand .logo {
    width: 98px;
    height: 70px;
    background-position: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s;
    transform: scale(1.1);
  }
  .navbar .navbar-brand .logo:hover {
    width: 210px;
    background-position: 0px;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .words-video {
    font-size: 3em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .typed-cursor {
    font-size: 3.3em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .phrase-video {
    font-size: 1.6em;
  }
  footer .slogan-logo {
    font-size: 2.58em;
    padding-top: 0.3em;
    padding-bottom: 1em;
  }
  footer > .row {
    padding: 0.5em;
  }
  footer .divTopics {
    text-align: left;
  }
  footer .divTopics hr {
    border: none;
  }
  footer .divTopics .collapse {
    display: block;
    padding-left: 1.5em;
  }
  footer a[data-toggle="collapse"] {
    font-size: 1.3em;
    color: #fff;
    font-weight: bold;
  }
  footer a[data-toggle="collapse"] .icon-dropdown {
    visibility: hidden;
    font-size: 0.9em;
  }
  footer a[data-toggle="collapse"]:focus,
  footer a[data-toggle="collapse"]:hover {
    text-decoration: none;
  }
  footer a.up {
    padding: 0.3rem 1.65rem;
    font-size: 2.8rem;
  }
  footer ul,
  footer li {
    padding-left: 0em;
    font-size: 1.03em;
  }
  footer .social a {
    font-size: 1.5rem !important;
  }
  .divSidebar {
    display: block;
  }
  .divSidebar #sidebar ul {
    margin-left: 0;
    font-size: 0.9em;
  }
  .gp-session .img-parallax .letter-parallax {
    font-size: 17em;
  }
  .gp-session .img-parallax.img-marketing {
    background-position: -10em -1em;
  }
  .gp-session .img-parallax.img-marketing .letter-parallax {
    font-size: 14.5em;
  }
  .gp-session .img-parallax.img-design {
    background-position: -12em -8em;
  }
  .gp-session .img-parallax.img-developer {
    background-position: -13em -9em;
  }
  .gp-session .text .title {
    font-size: 2em;
  }
  .gp-session .text .text-medium {
    font-size: 1.12em;
  }
  .gp-session .text .text-small {
    font-size: 0.95em;
  }
  .gp-session .text .numbers {
    font-size: 2.7em;
  }
  .gp-session .text .text-numbers {
    font-size: 0.9em;
    margin-bottom: 4.1em;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure figcaption p.text-muted,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure figcaption p.text-muted {
    font-size: 0.9em;
  }
  .gp-session:nth-child(1) video,
  .gp-session:nth-child(2) video {
    height: 100%;
  }
  .posts {
    padding: 3em 6em 1em 6em;
  }
  .posts .card .card-body {
    padding: 1.25rem;
  }
  .posts .card .card-body .card-title {
    margin-bottom: 0.4em;
  }
  .blogDetails {
    padding: 3em 8em 1em 3em;
  }
  .blogDetails .text-right.hideMobile a.btn-outline-darkblue {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .blogDetails .content {
    padding: 2em 5em;
  }
  .blogDetails .content .content-header h2 {
    font-size: 2em;
  }
  .blogDetails .content .content-header .subtitle {
    font-size: 1.2em;
  }
  .blogDetails .content .content-header .date {
    font-size: 0.88em;
  }
  .blogDetails .content .content-body .text-justify {
    font-size: 1em;
  }
  .blogDetails .divComments {
    padding: 2em 5em;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .d-md-flex small {
    font-size: 0.75em;
  }
  .blogDetails .divComments #comments .li-comment .list-group-item .comment {
    font-size: 0.85em;
  }
  .blogDetails .card-information {
    font-size: 1em;
  }
  .blogDetails .card-news-posts .card-title {
    font-size: 1.4em;
  }
  .blogDetails .card-news-posts p.title-cocogoose-darkblue {
    font-size: 0.9em;
  }
  .blogDetails .card-news-posts .date {
    font-size: 0.75em;
  }
  .initial-banner .gp-session {
    padding-left: 4em;
  }
  .initial-banner .gp-session .word-letter {
    margin-left: -6.5em;
  }
  #carouselBlogNews.carousel .carousel-item {
    height: 100vh;
  }
}
@media (min-width: 1756px) {
  .col-xll {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xll-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xll-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xll-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xll-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xll-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xll-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xll-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xll-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xll-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xll-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xll-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xll-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xll-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xll-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xll-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xll-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xll-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xll-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xll-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xll-first {
    order: -1;
  }
  .order-xll-last {
    order: 13;
  }
  .order-xll-0 {
    order: 0;
  }
  .order-xll-1 {
    order: 1;
  }
  .order-xll-2 {
    order: 2;
  }
  .order-xll-3 {
    order: 3;
  }
  .order-xll-4 {
    order: 4;
  }
  .order-xll-5 {
    order: 5;
  }
  .order-xll-6 {
    order: 6;
  }
  .order-xll-7 {
    order: 7;
  }
  .order-xll-8 {
    order: 8;
  }
  .order-xll-9 {
    order: 9;
  }
  .order-xll-10 {
    order: 10;
  }
  .order-xll-11 {
    order: 11;
  }
  .order-xll-12 {
    order: 12;
  }
  .offset-xll-0 {
    margin-left: 0;
  }
  .offset-xll-1 {
    margin-left: 8.333333%;
  }
  .offset-xll-2 {
    margin-left: 16.666667%;
  }
  .offset-xll-3 {
    margin-left: 25%;
  }
  .offset-xll-4 {
    margin-left: 33.333333%;
  }
  .offset-xll-5 {
    margin-left: 41.666667%;
  }
  .offset-xll-6 {
    margin-left: 50%;
  }
  .offset-xll-7 {
    margin-left: 58.333333%;
  }
  .offset-xll-8 {
    margin-left: 66.666667%;
  }
  .offset-xll-9 {
    margin-left: 75%;
  }
  .offset-xll-10 {
    margin-left: 83.333333%;
  }
  .offset-xll-11 {
    margin-left: 91.666667%;
  }
  .text-xll-center {
    text-align: center !important;
  }
  .text-xll-left {
    text-align: left !important;
  }
  .text-xll-right {
    text-align: right !important;
  }
  .navbar {
    font-size: 1.15em;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item .titleDropdownMenu {
    font-size: 1.3em;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item p {
    font-size: 1.1em;
  }
  .navbar .nav-item.social-media button,
  .navbar .nav-item.social-media a {
    padding: 0.5em 0.75em;
    font-size: 0.8em;
  }
  .navbar .navbar-brand {
    margin-left: 13.2%;
    margin-right: 0;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .letter-main {
    font-size: 12em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .word {
    font-size: 3.11em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .description {
    font-size: 1.4em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .words-video {
    font-size: 4em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .typed-cursor {
    font-size: 4.3em;
  }
  .carousel .carousel-item .content-carousel .text-content-carousel .phrase-video {
    font-size: 2.5em;
  }
  .divSidebar #sidebar ul {
    margin-left: 0;
    font-size: 1em;
  }
  .gp-session .img-parallax .letter-parallax {
    font-size: 18.5em;
  }
  .gp-session .img-parallax.img-marketing {
    background-position: -490% 5%;
  }
  .gp-session .img-parallax.img-marketing .letter-parallax {
    font-size: 15.3em;
  }
  .gp-session .img-parallax.img-design {
    background-position: 320% 5%;
  }
  .gp-session .img-parallax.img-developer {
    background-position: 2% 5%;
  }
  .gp-session .text .title {
    font-size: 2.5em;
  }
  .gp-session .text .text-medium {
    font-size: 1.5em;
  }
  .gp-session .text .text-small {
    font-size: 1.2em;
  }
  .gp-session .text .numbers {
    font-size: 2.8em;
  }
  .gp-session .text .text-numbers {
    font-size: 1em;
    margin-bottom: 3.2em;
  }
  .gp-session .skillsDeveloper {
    font-size: 0.95em;
    margin-top: 1.6em;
  }
  .gp-session a {
    margin: 60% 40% !important;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll {
    margin-left: 13%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .img-inside-p {
    width: 20%;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros a,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPortfolio a,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions a {
    margin: 42% !important;
  }
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divPixeiros figure figcaption p.text-muted,
  .gp-session .scrollMagic-pin_container .panel .divCardScroll .divSolutions figure figcaption p.text-muted {
    font-size: 1em;
  }
  .gp-session:nth-child(1) video,
  .gp-session:nth-child(2) video {
    height: 100%;
  }
  .gp-session:nth-child(3) video,
  .gp-session:nth-child(4) video {
    height: 100%;
  }
  .gp-session:nth-child(4) a {
    margin: 30% 7.5% !important;
  }
  footer .divTopics a {
    font-size: 1.5em;
  }
  footer .divTopics div.collapse ul a {
    font-size: 1.2em;
  }
  .blogDetails .card-news-posts .card-title {
    font-size: 1.5em;
  }
  .blogDetails .card-news-posts p.title-cocogoose-darkblue {
    font-size: 1em;
  }
  .blogDetails .card-news-posts .date {
    font-size: 0.75em;
  }
  .initial-banner .gp-session .img-parallax {
    height: 12em;
  }
  .initial-banner .gp-session .img-parallax .letter-parallax {
    font-size: 12em;
  }
  .initial-banner .gp-session .word-letter {
    margin-left: -9.7em;
    margin-top: -5.3em;
  }
  .initial-banner .gp-session .word-letter h1 {
    font-size: 3.11em;
  }
  .initial-banner .gp-session .description-banner {
    font-size: 1.4em;
  }
  .initial-banner .gp-session a {
    margin: 0 !important;
  }
}
.putRowCenter {
  align-content: center;
  align-items: center;
}
.effectHoverHowButton:hover {
  box-shadow: 7px 10px 30px 0 #d3d3d3;
  transform: scale(1.01);
  cursor: pointer;
}
.mt-6 {
  margin-top: 4rem;
}
.asteriskRed::after {
  content: " *";
  color: red;
}
[data-size="invisible"] .grecaptcha-badge {
  display: none;
}
.g-recaptcha {
  width: 250px;
  margin: auto;
  padding-left: 10px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 100px;
  font-size: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.g-recaptcha label {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  border-radius: 100px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  background: #eee;
}
.g-recaptcha label:has(input:checked):before {
  content: "\2713";
  color: #00630d;
  font-size: 32px;
  position: absolute;
  top: -10px;
  left: 0;
}
.g-recaptcha label input {
  display: none;
}
.g-recaptcha img {
  margin-left: auto;
  margin-right: 10px;
}
.carousel-customers .carousel-indicators li {
  background-color: #001a2b;
}
.carousel-customers .carousel-control-prev,
.carousel-customers .carousel-control-next {
  color: #001a2b;
  font-size: 1.5em;
}
.carousel-customers .carousel-inner .carousel-item {
  padding: 3em;
}